/* ============================================================
   ADMIN — Complete Redesign (Modern Glass + Purple Accent)
   ============================================================ */

/* --- Auth / Login --- */
.admin-auth-page {
  background: linear-gradient(160deg, #f0ebf8 0%, #e2d9f0 50%, #f5f0ff 100%);
}
.admin-login-section {
  padding: 4rem 0;
  background: linear-gradient(160deg, #f0ebf8 0%, #e2d9f0 50%, #f5f0ff 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.admin-login-card {
  background: #fff;
  border: 1px solid rgba(91,42,166,.10);
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(91,42,166,.14);
}
.admin-login-brand {
  background: linear-gradient(145deg, #2d1748, #5b2aa6 50%, #7c3aed);
  padding: 2.5rem 2.25rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.admin-login-brand::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -30%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(255,255,255,.04);
}
.admin-login-brand img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  background: rgba(255,255,255,.12);
  padding: .75rem;
  border-radius: 1.25rem;
  margin-bottom: 1.25rem;
}
.admin-login-brand h2 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: .75rem;
}
.admin-login-brand p {
  color: rgba(255,255,255,.82);
  font-size: 1.05rem;
}
.admin-login-form-wrap {
  padding: 2.75rem 2.5rem;
}
.admin-login-form-wrap h1 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: .5rem;
  color: #1e1730;
}
.admin-login-credentials {
  margin-top: 1.5rem;
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.15);
  font-size: .92rem;
}
.admin-login-credentials strong {
  color: #fff;
}
.admin-login-credentials div {
  color: rgba(255,255,255,.75);
}

/* --- Shell & Layout --- */
.admin-shell-section {
  background: #f0eef8;
  min-height: 100vh;
  padding: 0;
}
.admin-app {
  display: grid;
  grid-template-columns: 220px minmax(0,1fr);
  min-height: 100vh;
  max-width: 100%;
  margin: 0 auto;
  align-items: start;
}

/* --- Sidebar --- */
.admin-sidebar {
  background: #100d22;
  padding: 0;
  display: flex;
  flex-direction: column;
  color: #fff;
  position: sticky;
  top: 0;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  align-self: start;
}

/* Scrollable nav area */
.admin-sidebar-scroll {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  padding-bottom: .5rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.12) transparent;
}
.admin-sidebar-scroll::-webkit-scrollbar {
  width: 4px;
}
.admin-sidebar-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.admin-sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.14);
  border-radius: 4px;
}
.admin-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.25);
}
.admin-branding {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding: 1.5rem 1.25rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,.07);
  margin-bottom: .5rem;
}
.admin-branding-row {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.admin-branding img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}
.admin-branding h2 {
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  letter-spacing: .02em;
}
.admin-branding .admin-eyebrow {
  font-size: .62rem;
  color: rgba(255,255,255,.45);
  letter-spacing: .12em;
  margin-bottom: .15rem;
}
.admin-branding .admin-access {
  font-size: .75rem;
  color: #a78bfa;
  font-weight: 600;
  margin-top: .1rem;
}

.admin-eyebrow {
  display: block;
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.3);
  font-weight: 700;
  margin-bottom: .1rem;
  padding: .65rem 1rem .2rem;
}

/* --- Sidebar Navigation --- */
.admin-menu {
  display: grid;
  gap: .1rem;
  padding: 0 .65rem;
}
.admin-menu a {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .58rem .8rem;
  border-radius: .75rem;
  color: rgba(255,255,255,.55);
  font-weight: 600;
  font-size: .84rem;
  transition: all .18s ease;
  text-decoration: none;
}
.admin-menu a i {
  font-size: .95rem;
  width: 1.1rem;
  text-align: center;
  color: rgba(255,255,255,.45);
  transition: color .18s;
  flex-shrink: 0;
}
.admin-menu a:hover {
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.85);
}
.admin-menu a:hover i {
  color: rgba(255,255,255,.75);
}
.admin-menu a.active {
  background: #fff;
  color: #2b0a5e;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.admin-menu a.active i {
  color: #6b20c8;
}

/* --- Sidebar Footer: Need Help --- */
.admin-sidebar-help {
  padding: .85rem .65rem 1rem;
  flex-shrink: 0;
  border-top: 1px solid rgba(255,255,255,.06);
}
.admin-help-card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}
.admin-help-card .admin-help-icon {
  width: 40px;height: 40px;
  background: rgba(167,139,250,.15);
  border-radius: 50%;
  display: flex;align-items: center;justify-content: center;
  margin: 0 auto .65rem;
  font-size: 1.1rem;
  color: #a78bfa;
}
.admin-help-card strong {
  display: block;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  margin-bottom: .25rem;
}
.admin-help-card p {
  color: rgba(255,255,255,.5);
  font-size: .74rem;
  line-height: 1.5;
  margin-bottom: .75rem;
}
.admin-help-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  background: #6b20c8;
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
  border-radius: .65rem;
  padding: .55rem .9rem;
  text-decoration: none;
  transition: background .2s;
  width: 100%;
}
.admin-help-btn:hover { background: #5518a8; color: #fff; }

/* --- Top Bar --- */
.admin-main {
  min-width: 0;
  padding: 0;
}
.admin-utility-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .85rem 1.5rem;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.07);
  position: sticky;
  top: 0;
  z-index: 100;
}
.admin-utility-nav__brand {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .88rem;
  font-weight: 700;
  color: #6b20c8;
}
.admin-utility-nav__brand small {
  color: #888;
  font-weight: 500;
  font-size: .82rem;
}
.admin-utility-nav__brand::after {
  content: '/ Administration';
  color: #888;
  font-weight: 400;
  font-size: .82rem;
}
.admin-utility-nav__actions {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.admin-utility-button {
  position: relative;
  background: transparent;
  border: 1.5px solid #e8e4f0;
  border-radius: .65rem;
  padding: .45rem .6rem;
  color: #555;
  font-size: 1rem;
  transition: all .18s;
  cursor: pointer;
}
.admin-utility-button:hover { background: #f5f0ff; border-color: #c4b0f7; color: #6b20c8; }
.admin-notification-count {
  position: absolute;
  top: -6px; right: -6px;
  background: #e53e3e;
  color: #fff;
  font-size: .62rem;
  font-weight: 800;
  padding: 2px 5px;
  border-radius: 999px;
  line-height: 1;
  min-width: 18px;
  text-align: center;
}
.admin-account-trigger {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: transparent;
  border: 1.5px solid #e8e4f0;
  border-radius: .65rem;
  padding: .4rem .6rem;
  cursor: pointer;
  transition: all .18s;
  white-space: nowrap;
  flex-shrink: 0;
}
.admin-account-trigger:hover { background: #f5f0ff; border-color: #c4b0f7; }
.admin-account-avatar {
  width: 30px; height: 30px;
  border-radius: .45rem;
  background: #6b20c8;
  color: #fff;
  font-weight: 800;
  font-size: .78rem;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.admin-account-trigger-info {
  text-align: left;
  min-width: 0;
}
.admin-account-trigger-info strong {
  display: block;
  font-size: .82rem;
  color: #2b0a5e;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
}
.admin-account-trigger-info small {
  font-size: .72rem;
  color: #888;
  white-space: nowrap;
}
.admin-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem .5rem;
  margin-bottom: .75rem;
}
.admin-topbar-left small {
  display: block;
  font-size: .82rem;
  color: #6b20c8;
  font-weight: 600;
  margin-bottom: .1rem;
}
.admin-page-title {
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0;
  color: #1e1730;
  letter-spacing: -.02em;
}
.admin-topbar-sub {
  font-size: .85rem;
  color: #888;
  margin: .1rem 0 0;
}
.admin-role-badge {
  padding: .5rem .9rem;
  border-radius: 999px;
  background: #f0eaff;
  color: #5b2aa6;
  font-weight: 700;
  font-size: .82rem;
  letter-spacing: .03em;
}

/* --- Page Body --- */
.admin-page-body {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem 1.5rem;
}

/* --- Dashboard hero banner --- */
.dashboard-overview {
  position:relative;
  margin-bottom: 1.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(107,32,200,.25);
  background: #1e0849;
  padding: 0;
  min-height: unset;
}
/* diagonal stripe */
.dashboard-overview::before {
  display:none;
}
.dashboard-overview::after {
  display:none;
}

.dashboard-overview__bg {
  width: 100%;
  height: 148px;
  display: block;
  object-fit: cover;
}

.dashboard-overview__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.75rem 2rem;
  z-index: 2;
}

.dashboard-overview__content > * { position: relative; z-index: 2; }

.dashboard-overview .admin-eyebrow {
  color: rgba(255,255,255,.65);
  padding: 0;
  margin-bottom: .35rem;
  letter-spacing: .14em;
}
.dashboard-overview h2 {
  margin: 0 0 .4rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
}
.dashboard-overview p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: .9rem;
  max-width: 340px;
}
.dashboard-overview .btn-primary {
  flex-shrink: 0;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.4);
  color: #fff;
  border-radius: .75rem;
  font-weight: 700;
  font-size: .88rem;
  padding: .65rem 1.1rem;
  backdrop-filter: blur(4px);
  white-space: nowrap;
  transition: background .2s;
  position: relative;
  z-index: 2;
}
.dashboard-overview .btn-primary:hover {
  background: rgba(255,255,255,.25);
  border-color: rgba(255,255,255,.6);
}
.dashboard-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.dashboard-section-heading h3 {
  margin: 0;
  color: #1e1730;
  font-size: 1.1rem;
  font-weight: 800;
}
.dashboard-section-heading p {
  margin: .2rem 0 0;
  color: #6e7384;
  font-size: .88rem;
}

/* ── Stat box redesign ── */
.admin-stat-box {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  min-height: 100px;
  background: #fff;
  border: 1px solid #ede9f8;
  border-radius: 1rem;
  padding: 1.1rem 1.15rem;
  box-shadow: 0 2px 12px rgba(91,42,166,.05);
  transition: transform .18s ease, box-shadow .18s ease;
  color: inherit;
  text-decoration: none;
  position: relative;
}
.admin-stat-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(91,42,166,.1);
}
.asb-mid { flex: 1; min-width: 0; }
.asb-label {
  display: block;
  font-weight: 600;
  color: #888;
  font-size: .8rem;
  margin-bottom: .2rem;
}
.asb-num {
  margin: 0 0 .2rem;
  font-size: 2rem;
  font-weight: 800;
  color: #1e1730;
  line-height: 1;
}
.asb-sub {
  font-size: .74rem;
  font-weight: 600;
  color: #aaa;
}
.asb-right {
  text-align: right;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .15rem;
  margin-top: .15rem;
}
.asb-pct {
  font-size: .82rem;
  font-weight: 700;
  color: #888;
  display: flex;
  align-items: center;
  gap: .1rem;
}
.asb-pct.up { color: #16a34a; }
.asb-right small {
  font-size: .7rem;
  color: #aaa;
  white-space: nowrap;
}

/* ── Service carousel ── */
.svc-carousel-wrap {
  position: relative;
}
.svc-carousel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
  overflow: hidden;
}
.svc-card {
  background: #fff;
  border: 1px solid #ede9f8;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(91,42,166,.05);
  transition: transform .18s, box-shadow .18s;
}
.svc-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(91,42,166,.10); }
.svc-img-wrap {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.svc-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.svc-badge {
  position: absolute;
  top: 10px; left: 10px;
  background: rgba(22,163,74,.92);
  color: #fff;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .08em;
  padding: 3px 8px;
  border-radius: 999px;
  text-transform: uppercase;
}
.svc-opts {
  position: absolute;
  top: 8px; right: 8px;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.85);
  border: none;
  display: grid;
  place-items: center;
  font-size: .85rem;
  color: #555;
  cursor: pointer;
  transition: background .18s;
}
.svc-opts:hover { background: #fff; }
.svc-body {
  padding: .9rem 1rem;
}
.svc-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .45rem;
}
.svc-icon {
  width: 34px; height: 34px;
  border-radius: 50%;
  background: #f0eaff;
  color: #5b2aa6;
  display: grid;
  place-items: center;
  font-size: .9rem;
  flex-shrink: 0;
}
.svc-title {
  font-size: .9rem;
  font-weight: 800;
  color: #1e1730;
  margin: 0;
  line-height: 1.25;
}
.svc-desc {
  font-size: .78rem;
  color: #6e7384;
  margin: 0 0 .55rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.svc-updated {
  font-size: .72rem;
  color: #aaa;
  display: block;
}
.svc-carousel-arrow {
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #6b20c8;
  color: #fff;
  border: none;
  display: grid;
  place-items: center;
  font-size: .85rem;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(91,42,166,.3);
  z-index: 2;
}
.svc-carousel-arrow:hover { background: #5518a8; }

/* ─── Admin About Page ─── */
.ab-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-radius:1.25rem;
  overflow:hidden;
  background:#f5f1ff;
  min-height:260px;
}
.ab-hero-left{
  padding:2rem 2rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ab-who-label{
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.15em;
  color:#6b20c8;
  text-transform:uppercase;
  margin-bottom:.75rem;
  display:block;
}
.ab-hero-h{
  font-size:1.55rem;
  font-weight:800;
  color:#3d1080;
  letter-spacing:-.02em;
  line-height:1.2;
  margin-bottom:.6rem;
}
.ab-hero-p{
  font-size:.86rem;
  color:#555;
  line-height:1.55;
  max-width:380px;
  margin-bottom:0;
}
.ab-learn-btn{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:#6b20c8;
  color:#fff;
  font-weight:700;
  font-size:.82rem;
  padding:.55rem 1.1rem;
  border-radius:.65rem;
  text-decoration:none;
  transition:background .18s;
  white-space:nowrap;
}
.ab-learn-btn:hover{background:#5518a8;color:#fff;}
.ab-hero-right{position:relative;overflow:hidden;}
.ab-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.ab-hero-badge{
  position:absolute;top:16px;right:16px;
  width:52px;height:52px;border-radius:50%;
  background:rgba(107,32,200,.18);
  display:grid;place-items:center;
}
.ab-hero-badge img{width:34px;height:34px;object-fit:contain;}

/* Mission + Vision */
.ab-mv-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.ab-mv-card{
  background:#fff;
  border:1px solid #ede9f8;
  border-radius:1rem;
  padding:1.25rem;
  display:flex;
  align-items:flex-start;
  gap:1rem;
  position:relative;
  box-shadow:0 2px 10px rgba(91,42,166,.05);
}
.ab-mv-icon{width:48px;height:48px;border-radius:50%;background:#f0eaff;color:#6b20c8;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0;}
.ab-mv-icon--v{background:#edf2ff;color:#3b5bdb;}
.ab-mv-body h5{font-size:1rem;font-weight:800;color:#1e1730;margin:0 0 .3rem;}
.ab-mv-body p{font-size:.84rem;color:#6e7384;line-height:1.5;margin:0;}
.ab-mv-edit-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:1px solid #e2ddf0;border-radius:.5rem;color:#aaa;font-size:.75rem;padding:.2rem .5rem;cursor:pointer;}
.ab-mv-edit-btn:hover{color:#6b20c8;border-color:#6b20c8;background:#f5f0ff;}

/* Core Values */
.ab-values-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding-top:.25rem;}
.ab-val-card{text-align:center;padding:1rem .75rem;border-radius:.85rem;background:#faf8ff;border:1px solid #ede9f8;position:relative;}
.ab-val-card--faded{opacity:.62;}
.ab-val-icon{width:44px;height:44px;border-radius:50%;background:#f0eaff;color:#6b20c8;display:grid;place-items:center;font-size:1.1rem;margin:0 auto .6rem;}
.ab-val-title{font-size:.85rem;font-weight:800;color:#1e1730;margin-bottom:.3rem;}
.ab-val-desc{font-size:.74rem;color:#6e7384;line-height:1.4;margin:0;}
.ab-val-edit{position:absolute;top:.4rem;right:.4rem;background:none;border:none;color:#a636b9;font-size:.75rem;cursor:pointer;}
.ab-val-edit:hover{color:#6b20c8;}

/* Stats */
.ab-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;background:#fff;border:1px solid #ede9f8;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 2px 10px rgba(91,42,166,.05);}
.ab-stat-cell{display:flex;align-items:center;gap:.75rem;}
.ab-stat-ico{width:40px;height:40px;border-radius:50%;background:#f0eaff;color:#6b20c8;display:grid;place-items:center;font-size:1rem;flex-shrink:0;}
.ab-stat-num{display:block;font-size:1.15rem;font-weight:800;color:#1e1730;line-height:1.2;}
.ab-stat-lbl{display:block;font-size:.7rem;color:#888;}

/* Dashboard date button */
.dash-date-btn{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.5rem .9rem;
  border:1.5px solid #e2ddf0;
  border-radius:.75rem;
  background:#fff;
  color:#1e1730;
  font-size:.84rem;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 1px 4px rgba(91,42,166,.06);
}
.dash-date-btn i{ color:#6b20c8; font-size:.9rem; }
/* --- Stat / Metric Cards --- */
.admin-stat-box {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-height: 100px;
  background: #fff;
  border: 1px solid #ede9f8;
  border-radius: 1rem;
  padding: 1.15rem 1.2rem;
  box-shadow: 0 2px 12px rgba(91,42,166,.05);
  transition: transform .18s ease, box-shadow .18s ease;
  color: inherit;
  text-decoration: none;
}
.admin-stat-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(91,42,166,.1);
}
.admin-stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f0eaff;
  color: #5b2aa6;
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: .1rem;
}
.admin-stat-icon--green { background: #edf8e9; color: #16a34a; }
.admin-stat-icon--blue { background: #eaf4ff; color: #2875b8; }
.admin-stat-icon--rose { background: #fff0f3; color: #b64762; }
.admin-stat-icon--amber { background: #fff6df; color: #a66b08; }
.admin-stat-icon--teal { background: #e7f8f5; color: #228073; }
.admin-stat-link-icon {
  position: absolute;
  top: .9rem; right: .9rem;
  color: #c4b0f7;
  font-size: .8rem;
}
.admin-stat-trend {
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: .2rem;
  color: #888;
}
.admin-stat-trend.up { color: #16a34a; }
.admin-stat-trend.neutral { color: #888; }

/* --- Panel Cards --- */
.admin-panel-card {
  background: #fff;
  border: 1px solid rgba(91,42,166,.08);
  border-radius: 1.25rem;
  padding: 1.25rem;
  box-shadow: 0 8px 25px rgba(91,42,166,.05);
}
.admin-panel-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.admin-panel-card__head h4 {
  margin: 0;
  font-weight: 800;
  font-size: 1.1rem;
  color: #1e1730;
}
.admin-panel-card__head p {
  margin: 0;
  color: #6e7384;
  font-size: .88rem;
}

/* --- Service Category Browser --- */
.service-category-browser {
  display: grid;
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 1rem;
  background: #fff;
  border: 1px solid rgba(91,42,166,.08);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 8px 25px rgba(91,42,166,.05);
}
.service-category-browser__parents {
  display: grid;
  gap: .65rem;
  align-content: start;
}
.service-category-tab,
.service-subcategory-chip {
  border: 1px solid rgba(91,42,166,.14);
  background: #fff;
  color: #1e1730;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.service-category-tab {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .15rem .65rem;
  align-items: center;
  text-align: left;
  border-radius: .85rem;
  padding: .8rem .9rem;
}
.service-category-tab i {
  grid-row: span 2;
  color: #5b2aa6;
  font-size: 1.1rem;
}
.service-category-tab span {
  font-weight: 800;
  line-height: 1.2;
}
.service-category-tab small {
  color: #6e7384;
  font-size: .78rem;
}
.service-category-tab.active,
.service-subcategory-chip.active {
  border-color: #5b2aa6;
  background: #f5f0ff;
  box-shadow: 0 8px 18px rgba(91,42,166,.08);
}
.service-category-browser__children {
  min-width: 0;
}
.service-category-panel {
  display: none;
  min-height: 100%;
  border-radius: .9rem;
  background: #faf9ff;
  border: 1px solid rgba(91,42,166,.08);
  padding: 1rem;
}
.service-category-panel.active {
  display: block;
}
.service-category-panel strong {
  display: block;
  color: #1e1730;
  font-size: 1rem;
  margin-bottom: .25rem;
}
.service-category-panel p {
  color: #6e7384;
  margin: 0 0 .9rem;
  font-size: .88rem;
}
.service-subcategory-list {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.service-subcategory-chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border-radius: 999px;
  padding: .55rem .8rem;
  font-weight: 700;
  line-height: 1.2;
}
.service-subcategory-chip i {
  color: #5b2aa6;
}
.service-category-empty {
  display: inline-flex;
  align-items: center;
  color: #6e7384;
  font-size: .88rem;
  min-height: 2.25rem;
}

/* --- Service Preview Card --- */
.service-preview-card {
  border: 1px solid rgba(91,42,166,.08);
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 20px rgba(91,42,166,.04);
  transition: transform .2s ease, box-shadow .2s ease;
}
.service-preview-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(91,42,166,.08);
}
.service-preview-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background: #f4efff;
}
.service-preview-card h5 {
  margin-bottom: .4rem;
  font-weight: 800;
  font-size: 1rem;
  color: #1e1730;
}
.service-preview-card p {
  margin: 0;
  color: #6e7384;
  font-size: .88rem;
}

/* --- Image Preview --- */
.image-preview-box {
  border: 1px dashed rgba(91,42,166,.20);
  border-radius: .9rem;
  background: #f8f5ff;
  padding: .5rem;
  min-height: 200px;
  display: grid;
  place-items: center;
}
.image-preview-box img {
  max-width: 100%;
  max-height: 195px;
  object-fit: contain;
  border-radius: .7rem;
}

/* --- Modal Surface --- */
.admin-modal-surface {
  border: none;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(91,42,166,.18);
}
.admin-modal-surface .modal-header {
  border-bottom: 1px solid rgba(91,42,166,.08);
  padding: 1.25rem 1.5rem;
  background: #faf8ff;
}
.admin-modal-surface .modal-header .modal-title {
  font-weight: 800;
  color: #1e1730;
}
.admin-modal-surface .modal-body {
  padding: 1.5rem;
}
.admin-modal-surface .modal-footer {
  border-top: 1px solid rgba(91,42,166,.08);
  padding: 1rem 1.5rem;
}

/* --- Detail Cards (for modals) --- */
.detail-card {
  height: 100%;
  padding: .9rem 1rem;
  border: 1px solid rgba(91,42,166,.08);
  border-radius: .9rem;
  background: #faf8ff;
}
.detail-card span {
  display: block;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6e7384;
  margin-bottom: .3rem;
  font-weight: 700;
}
.detail-card strong {
  color: #1e1730;
  word-break: break-word;
}
.detail-card.rich p {
  margin: 0;
  white-space: pre-wrap;
  color: #374151;
}

/* ── Career Application Modal — React-like interface ── */
.career-modal {
  border: none;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(20,10,50,.22);
}
.career-modal__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 24px 18px;
  background: linear-gradient(110deg, #1a0545 0%, #2d0d68 55%, #3f15a0 100%);
  position: relative;
}
.career-modal__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  border: 2px solid rgba(255,255,255,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: .03em;
}
.career-modal__meta { flex: 1; min-width: 0; }
.career-modal__name {
  font-size: 1.05rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.career-modal__position {
  font-size: .8rem;
  color: rgba(255,255,255,.65);
  font-weight: 600;
}
.career-modal__close {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.85);
  font-size: .9rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: background .18s;
}
.career-modal__close:hover { background: rgba(255,255,255,.22); }

.career-modal__body { padding: 20px 20px 8px; background: #f5f4fa; }

/* Property grid */
.career-props__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.career-prop {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(109,92,135,.1);
  border-radius: 12px;
  padding: 14px 16px;
  transition: border-color .15s, box-shadow .15s;
}
.career-prop:hover {
  border-color: rgba(109,92,135,.22);
  box-shadow: 0 2px 10px rgba(80,33,119,.06);
}
.career-prop--wide {
  grid-column: 1 / -1;
}
.career-prop--cover {
  margin-bottom: 10px;
  align-items: flex-start;
}
.career-prop__icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(107,32,200,.12) 0%, rgba(107,32,200,.06) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .92rem;
  color: #6b20c8;
  flex-shrink: 0;
  margin-top: 1px;
}
.career-prop__body { flex: 1; min-width: 0; }
.career-prop__label {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #9691a4;
  margin-bottom: 4px;
}
.career-prop__value {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  color: #1a0545;
  word-break: break-word;
  line-height: 1.35;
}
.career-prop__value a {
  color: #6b20c8;
  text-decoration: none;
  font-weight: 600;
}
.career-prop__value a:hover { text-decoration: underline; }
.career-prop__text {
  margin: 0;
  font-size: .86rem;
  color: #4a4262;
  line-height: 1.7;
  white-space: pre-wrap;
}

/* Resume download button */
.career-resume-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(107,32,200,.1);
  border: 1.5px solid rgba(107,32,200,.25);
  border-radius: 7px;
  color: #6b20c8;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .18s, border-color .18s;
}
.career-resume-btn:hover {
  background: #6b20c8;
  border-color: #6b20c8;
  color: #fff;
}

/* Loading state */
.career-props__loading {
  text-align: center;
  padding: 32px;
  color: #9691a4;
  font-size: .9rem;
}
.career-props__loading .bi { animation: spin .8s linear infinite; display: inline-block; margin-right: 6px; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Footer */
.career-modal__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px 16px;
  background: #f5f4fa;
  border-top: 1px solid rgba(109,92,135,.1);
}
.career-modal__close-btn {
  padding: 9px 22px;
  border-radius: 9px;
  background: #fff;
  border: 1.5px solid rgba(109,92,135,.2);
  color: #4a4262;
  font-size: .88rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s, border-color .18s;
}
.career-modal__close-btn:hover {
  background: #ede8f8;
  border-color: rgba(109,92,135,.35);
}

/* --- Simple List (Dashboard recent items) --- */
.simple-list {
  display: grid;
  gap: .65rem;
}
.simple-list-item {
  padding: .85rem 1rem;
  border: 1px solid rgba(91,42,166,.06);
  border-radius: .9rem;
  background: #faf8ff;
  transition: background .2s ease, border-color .2s ease;
}
.simple-list-item:hover {
  background: #f4efff;
  border-color: rgba(91,42,166,.12);
}
.simple-list-item strong {
  display: block;
  color: #1e1730;
  font-size: .93rem;
}
.simple-list-item span,
.simple-list-item small {
  display: block;
  color: #6e7384;
  font-size: .85rem;
}

/* --- Empty State --- */
.empty-state {
  padding: 1.2rem;
  border: 1px dashed rgba(91,42,166,.15);
  border-radius: .9rem;
  background: #faf8ff;
  color: #6e7384;
  text-align: center;
  font-size: .92rem;
}

/* --- Offcanvas (Mobile/Tablet Sidebar) --- */
.admin-canvas {
  background: #100d22;
  color: #fff;
}
.admin-canvas .offcanvas-header {
  border-bottom-color: rgba(255,255,255,.08) !important;
}
.admin-canvas .btn-close {
  filter: brightness(0) invert(1);
}

/* --- DataTables Overrides --- */
.table.dataTable > tbody > tr > td,
.table.dataTable > thead > tr > th {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid rgba(91,42,166,.12);
  border-radius: .65rem;
  padding: .4rem .7rem;
  background: #fff;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
  border-color: #5b2aa6;
  outline: none;
  box-shadow: 0 0 0 3px rgba(91,42,166,.10);
}
table.dataTable thead th {
  border-bottom: 1px solid rgba(91,42,166,.10) !important;
  color: #4d436a;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
}
table.dataTable tbody td {
  border-bottom: 1px solid rgba(91,42,166,.05) !important;
  padding: .85rem .75rem;
  color: #374151;
}

/* --- Pagination --- */
.pagination .page-link {
  border: 1px solid rgba(91,42,166,.12);
  color: #5b2aa6;
  border-radius: .5rem !important;
  margin: 0 .15rem;
  font-weight: 600;
  padding: .45rem .85rem;
}
.pagination .page-item.active .page-link {
  background: #5b2aa6;
  border-color: #5b2aa6;
  color: #fff;
}
.pagination .page-item.disabled .page-link {
  color: #b0a8c5;
  border-color: rgba(91,42,166,.06);
}

/* --- Buttons in Admin --- */
.admin-panel-card .btn-outline-primary {
  border-color: rgba(91,42,166,.15);
  color: #5b2aa6;
  font-weight: 600;
  border-radius: .65rem;
  padding: .4rem .85rem;
  font-size: .85rem;
}
.admin-panel-card .btn-outline-primary:hover {
  background: #5b2aa6;
  border-color: #5b2aa6;
  color: #fff;
}
.admin-panel-card .btn-outline-danger {
  border-color: rgba(220,38,38,.15);
  color: #dc2626;
  font-weight: 600;
  border-radius: .65rem;
  padding: .4rem .85rem;
  font-size: .85rem;
}
.admin-panel-card .btn-outline-danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.admin-panel-card .btn-primary {
  background: #5b2aa6;
  border-color: #5b2aa6;
  border-radius: .65rem;
  font-weight: 600;
  padding: .5rem 1rem;
}
.admin-panel-card .btn-primary:hover {
  background: #4a1d8a;
  border-color: #4a1d8a;
}

/* --- Badges --- */
.badge.bg-success {
  background: #16a34a !important;
  font-weight: 600;
  padding: .35rem .65rem;
  border-radius: 999px;
}
.badge.bg-secondary {
  background: #9ca3af !important;
  font-weight: 600;
  padding: .35rem .65rem;
  border-radius: 999px;
}

/* --- Form Controls in Admin --- */
.admin-panel-card .form-control,
.admin-modal-surface .form-control,
.admin-panel-card .form-select,
.admin-modal-surface .form-select {
  border: 1px solid rgba(91,42,166,.12);
  border-radius: .65rem;
  padding: .5rem .75rem;
  font-size: .9rem;
}
.admin-panel-card .form-control:focus,
.admin-modal-surface .form-control:focus,
.admin-panel-card .form-select:focus,
.admin-modal-surface .form-select:focus {
  border-color: #5b2aa6;
  box-shadow: 0 0 0 3px rgba(91,42,166,.10);
}

/* --- Responsive --- */
@media (max-width: 1199.98px) {
  .admin-app {
    grid-template-columns: 200px minmax(0,1fr);
  }
  .dashboard-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .admin-app {
    grid-template-columns: 1fr;
  }
  .admin-topbar {
    padding: .9rem 1rem;
  }
  .admin-login-form-wrap {
    padding: 1.75rem 1.5rem;
  }
  .admin-page-title {
    font-size: 1.3rem;
  }
  .admin-page-body {
    padding: 0 1rem 1rem;
  }
}
@media (max-width: 767.98px) {
  .dashboard-overview {
    align-items: flex-start;
    flex-direction: column;
  }
  .dashboard-service-grid,
  .dashboard-activity-grid {
    grid-template-columns: 1fr;
  }
  .dashboard-activity-card {
    min-height: auto;
  }
}
@media (max-width: 575.98px) {
  .dashboard-stat-grid {
    grid-template-columns: 1fr;
    gap: .75rem;
  }
  .admin-stat-box {
    min-height: 92px;
    padding: .9rem 1rem;
  }
  .admin-panel-card {
    padding: 1rem;
  }
  .admin-panel-card__head {
    align-items: center;
  }
  .admin-panel-card__head p {
    display: none;
  }
  .dashboard-services-panel .admin-panel-card__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .dashboard-services-panel .admin-panel-card__head .btn {
    width: 100%;
  }
  .service-preview-card img {
    height: 160px;
  }
  .admin-login-card {
    border-radius: 1.25rem;
  }
}




/* --- Resources Page Custom Styles --- */
.resources-hero {
	background: linear-gradient(90deg, #4a1769 0%, #7635ab 100%);
	color: #fff;
	padding: 64px 0 32px 0;
	display: flex;
	align-items: center;
	min-height: 340px;
}
.resources-hero .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.resources-hero .hero-content {
	flex: 1 1 340px;
	min-width: 280px;
	z-index: 2;
}
.resources-hero h1 {
	font-size: 3rem;
	font-weight: 800;
	margin-bottom: 10px;
	letter-spacing: -0.04em;
}
.resources-hero .highlight {
	color: var(--lime-400);
	font-weight: 700;
}
.resources-hero .hero-image {
	flex: 1 1 320px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-width: 260px;
}
.resources-hero .hero-image img {
	max-width: 340px;
	width: 100%;
	border-radius: 32px;
	box-shadow: 0 16px 48px rgba(60, 24, 87, 0.18);
	object-fit: cover;
}

@media (max-width: 900px) {
	.resources-hero .container {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}
	.resources-hero .hero-image {
		justify-content: center;
		width: 100%;
	}
}

.resources-section {
	background: var(--cream-50);
	padding: 48px 0 32px 0;
}

.resources-page-heading{
	display:flex;
	align-items:center;
	gap:16px;
	justify-content:center;
	margin-bottom:8px;
}

.resources-page-heading__rule{
	flex:1 1 auto;
	height:1px;
	background:linear-gradient(90deg,rgba(129,69,180,.24) 0%,rgba(129,69,180,.12) 72%,rgba(129,69,180,0) 100%);
}

.resources-page-heading__titlewrap{
	display:flex;
	align-items:center;
	gap:10px;
	flex:0 0 auto;
}

.resources-page-heading__kicker{
	width:18px;
	height:18px;
	display:grid;
	place-items:center;
	border-radius:50%;
	color:#b8da5a;
	font-size:.78rem;
}

.resources-page-heading h2{
	margin:0;
	font-size:clamp(1.7rem,2vw,2.2rem);
	font-weight:800;
	letter-spacing:-0.04em;
	color:var(--plum-700);
}

.resources-page-subtitle{
	margin:0 0 16px;
	text-align:center;
	font-size:.94rem;
	color:#5f5870;
}
.resources-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 24px;
	margin-top: 18px;
}
.resource-card {
	background: #fff;
	border-radius: 18px;
	border: 1px solid rgba(109,92,135,.08);
	box-shadow: 0 12px 24px rgba(80,33,119,.06);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s, transform 0.2s;
	height: 100%;
}
.resource-card:hover {
	box-shadow: 0 16px 40px rgba(80,33,119,.14);
	transform: translateY(-3px);
}
.resource-card .resource-card__media {
	height: 180px;
	overflow: hidden;
}
.resource-card .resource-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.resource-card .resource-card__body {
	padding: 16px 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.resource-card .resource-card__body h3 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #2e2541;
}
.resource-card .resource-card__body .resource-summary {
	margin: 0;
	font-size: .9rem;
	line-height: 1.45;
	color: #61596f;
}
.resource-card .resource-card__body .resource-location {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-size: .86rem;
	color: #5a5370;
}
.resource-card .resource-card__body .btn {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 999px;
	text-decoration: none;
	font-size: .9rem;
	font-weight: 800;
	color: #fff;
	background: linear-gradient(90deg, #b255ff 0%, #7924a0 100%);
	box-shadow: 0 10px 20px rgba(95,28,140,.18);
	border: none;
	cursor: pointer;
	transition: filter 0.2s;
}
.resource-card .resource-card__body .btn:hover {
	color: #fff;
	filter: brightness(1.05);
}

/* ============================================================
   BLOG — Cards, Detail, & Shared Styles
   ============================================================ */

/* --- Blog Card (listing page) --- */
.blog-card {
	border-radius: 1.25rem;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}
.blog-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(91, 42, 166, .12) !important;
}
.blog-card__media {
	position: relative;
	height: 200px;
	overflow: hidden;
}
.blog-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.blog-card:hover .blog-card__img {
	transform: scale(1.05);
}
.blog-card__img-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #e2d9f0, #f0ebf8);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	color: #5b2aa6;
}
.blog-card__category {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #5b2aa6;
	color: #fff;
	font-size: .75rem;
	font-weight: 600;
	padding: .3em .75em;
	border-radius: 2rem;
	text-transform: uppercase;
	letter-spacing: .03em;
}
.blog-card__title {
	color: #2f1b4d;
	font-size: 1.1rem;
	line-height: 1.4;
}
.blog-card__summary {
	line-height: 1.6;
}
.blog-card__read-more {
	color: #5b2aa6;
	font-weight: 600;
	font-size: .875rem;
	transition: color .2s;
}
.blog-card:hover .blog-card__read-more {
	color: #7c3aed;
}

/* --- Blog Detail --- */
.blog-detail-card {
	border-radius: 1.5rem;
	overflow: hidden;
}
.blog-detail-card__media {
	max-height: 420px;
	overflow: hidden;
}
.blog-detail-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-detail-meta__item {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
}
.blog-detail-summary {
	border-left: 4px solid #5b2aa6;
	font-size: 1.05rem;
	color: #3d3555;
	line-height: 1.7;
}
.blog-detail-content {
	font-size: 1rem;
	line-height: 1.8;
	color: #3d3555;
}
.blog-detail-content h3,
.blog-detail-content h4 {
	color: #2f1b4d;
	font-weight: 700;
	margin-top: 1.5em;
	margin-bottom: .4em;
}
.blog-detail-content h3 {
	font-size: 1.25rem;
}
.blog-detail-content h4 {
	font-size: 1.1rem;
}
.blog-detail-content p {
	margin-bottom: .75em;
}
.blog-detail-content ul,
.blog-detail-content ol {
	padding-left: 1.5rem;
	margin: .5em 0 .75em;
}
.blog-detail-content li {
	margin-bottom: .3em;
}
.blog-detail-content ul {
	list-style: disc;
}
.blog-detail-content ul ::marker {
	color: #5b2aa6;
}

.info-icons {
	background: #fff;
	padding: 36px 0 24px 0;
}
.info-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px;
	margin-top: 0;
}
.info-item {
	background: var(--cream-50);
	border-radius: 18px;
	box-shadow: 0 4px 16px rgba(60, 24, 87, 0.06);
	padding: 24px 18px 18px 18px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 160px;
}
.info-item .icon {
	font-size: 2rem;
	color: var(--plum-700);
	margin-bottom: 10px;
}
.info-item h4 {
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--plum-800);
	margin-bottom: 6px;
}
.info-item p {
	color: var(--muted);
	font-size: 0.98rem;
}

.support-cta {
	background: linear-gradient(90deg, #b55cff 0%, #7f33b6 100%);
	color: #fff;
	padding: 38px 0 32px 0;
	border-radius: 0 0 32px 32px;
	box-shadow: 0 8px 32px rgba(60, 24, 87, 0.10);
	margin-bottom: 0;
}
.support-cta .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}
.cta-content {
	flex: 1 1 320px;
	min-width: 220px;
}
.cta-content h3 {
	font-size: 1.5rem;
	font-weight: 800;
	margin-bottom: 8px;
}
.cta-content p {
	font-size: 1.05rem;
	color: #f3eaff;
}
.cta-actions {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	align-items: center;
}
.cta-actions .btn {
	border-radius: 999px;
	font-weight: 700;
	font-size: 1rem;
	padding: 12px 28px;
	text-decoration: none;
	transition: background 0.2s;
	box-shadow: 0 4px 16px rgba(60, 24, 87, 0.10);
}
.cta-actions .btn-primary {
	background: #fff;
	color: var(--plum-900);
}
.cta-actions .btn-primary:hover {
	background: var(--lime-400);
	color: var(--plum-950);
}
.cta-actions .btn-secondary {
	background: rgba(255,255,255,0.12);
	color: #fff;
	border: 1.5px solid #fff;
}
.cta-actions .btn-secondary:hover {
	background: var(--plum-950);
	color: #fff;
}
.cta-actions .phone {
	display: block;
	font-size: 1.1rem;
	font-weight: 700;
	margin-top: 2px;
}

@media (max-width: 900px) {
	.support-cta .container {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
	.cta-actions {
		width: 100%;
		justify-content: flex-start;
	}
}
/* --- End Resources Page Custom Styles --- */
:root{
	--plum-950:#34104e;
	--plum-900:#4f1b77;
	--plum-800:#66258f;
	--plum-700:#7f33b6;
	--violet-500:#b55cff;
	--lime-400:#a8ef48;
	--cream-50:#fcfafc;
	--surface:#ffffff;
	--text:#3c3150;
	--muted:#7f7890;
	--shadow:0 24px 50px rgba(60, 24, 87, 0.12);
	--radius-xl:28px;
	--radius-lg:20px;
}

*{
	box-sizing:border-box;
}

html{
	overflow-x:hidden;
}

body{
	margin:0;
	font-family:"Manrope",sans-serif;
	color:var(--text);
	overflow-x:hidden;
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 26%,#faf8fd 100%);
	}

.navbar{
	position:absolute;
	inset:0 0 auto;
	z-index:10;
	padding:14px 0;
	background:transparent;
}

.navbar .container{
	max-width:none;
	width:100%;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:28px;
}

.navbar-brand img{
	height:84px;
}

.brand-lockup{
	display:inline-flex;
	align-items:center;
	gap:12px;
	color:#fff;
	flex:0 0 auto;
}

.brand-copy{
	display:flex;
	flex-direction:column;
	line-height:1;
	white-space:nowrap;
}

.brand-copy strong{
	font-size:1.32rem;
	font-weight:800;
	letter-spacing:.02em;
}

.brand-copy small{
	margin-top:5px;
	font-size:.7rem;
	font-weight:500;
	letter-spacing:.04em;
	opacity:.84;
}

.navbar-collapse{
	flex:1 1 auto;
	display:flex;
	justify-content:flex-end;
}

.navbar-nav{
	flex-wrap:nowrap;
	white-space:nowrap;
	gap:8px;
}

.navbar .nav-link{
	color:rgba(255,255,255,0.88);
	font-size:14px;
	font-weight:700;
	padding:8px 12px;
	letter-spacing:.01em;
	transition:color .2s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active{
	color:#fff;
}

.navbar .nav-link.active{
	position:relative;
}

.navbar .nav-link.active::after{
	content:"";
	position:absolute;
	left:6px;
	right:6px;
	bottom:0;
	height:2px;
	border-radius:999px;
	background:#fff;
}

.btn-support{
	padding:15px 28px;
	border-radius:999px;
	border:0;
	font-size:15px;
	font-weight:800;
	color:#fff;
	background:linear-gradient(135deg,var(--violet-500),var(--plum-700));
	box-shadow:0 16px 32px rgba(165,88,247,.34);
	white-space:nowrap;
}

/* Navbar dropdown */
.navbar .dropdown-menu{
	background:#4a1769;
	border:1px solid rgba(255,255,255,.12);
	border-radius:12px;
	padding:8px;
	margin-top:8px;
	box-shadow:0 16px 40px rgba(0,0,0,.3);
}

.navbar .dropdown-item{
	color:rgba(255,255,255,.85);
	font-size:14px;
	font-weight:600;
	padding:10px 18px;
	border-radius:8px;
	transition:all .2s ease;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item.active{
	background:rgba(255,255,255,.12);
	color:#fff;
}

.navbar .dropdown-item.active{
	background:rgba(255,255,255,.15);
}

.hero{
	position:relative;
	overflow:hidden;
	min-height:580px;
	padding:0;
	background:
		radial-gradient(circle at 20% 24%,rgba(202,130,255,.18),transparent 20%),
		radial-gradient(circle at 34% 72%,rgba(130,72,210,.18),transparent 24%),
		radial-gradient(circle at 79% 11%,rgba(255,255,255,.16),transparent 24%),
		radial-gradient(circle at 84% 80%,rgba(170,220,86,.12),transparent 16%),
		linear-gradient(90deg,#4a1769 0%,#61278d 34%,#7635ab 58%,#c59ad4 100%);
}

.hero::before{
	display:none;
}

.hero::after{
	display:none;
}

.hero .container::before{
	display:none;
}

.hero .container::after{
	display:none;
}

.hero .container{
	position:relative;
	z-index:3;
	max-width:none;
	width:100%;
	min-height:620px;
	padding-top:108px;
	padding-bottom:90px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.hero .row{
	min-height:411px;
}

.hero-text{
	padding-top:0;
	max-width:500px;
}

.trust-pill{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:9px 18px;
	border-radius:999px;
	margin-bottom:12px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.18);
	font-size:12px;
	font-weight:700;
}

.hero-text h1{
	margin:0 0 12px;
	font-size:clamp(2.15rem,3vw,3rem);
	line-height:.92;
	font-weight:800;
	letter-spacing:-0.06em;
	max-width:500px;
}

.hero-text p{
	max-width:500px;
	margin:0;
	color:rgba(255,255,255,.85);
	font-size:12px;
	line-height:1.42;
}

.hero-actions{
	margin-top:18px !important;
}

.green{
	color:var(--lime-400);
}


.hero-actions .btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:12px 20px;
	border-radius:999px;
	font-weight:800;
	font-size:13px;
}

.btn-primary-hero{
	color:#fff;
	background:linear-gradient(135deg,#cb7cff,var(--plum-700));
	box-shadow:0 16px 30px rgba(71,19,115,.32);
}

.btn-primary-hero:hover{
	color:#fff;
}

.btn-hero-outline{
	border:1px solid rgba(255,255,255,.45);
}

.hero-image{
	position:absolute;
	inset:0;
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
	z-index:1;
	display:block;
}

.hero-image::before{
	display:block;
	content:'';
	position:absolute;
	inset:0;
	z-index:2;
	background:linear-gradient(
		90deg,
		rgba(74,23,105,.88) 0%,
		rgba(97,39,141,.72) 38%,
		rgba(118,53,171,.45) 65%,
		rgba(0,0,0,.18) 100%
	);
	pointer-events:none;
}

.hero-image::after{
	display:none;
}

.hero-visual{
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	margin-left:0;
	display:block;
	overflow:hidden;
	padding:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	z-index:1;
}

.hero-visual::before{
	display:none;
}

.hero-visual::after{
	display:none;
}

.hero-photo{
	width:100%;
	height:100%;
	min-height:100%;
	object-fit:cover;
	object-position:58% 38%;
	border-radius:0;
	filter:brightness(1.05) saturate(1.03) contrast(1.03);
	position:relative;
	z-index:1;
}

/* ===== Video Hero Section ===== */
.hero-video-section{
	position:relative;
	overflow:hidden;
	min-height:80vh;
	padding:80px 0 60px;
	display:flex;
	align-items:center;
}

.hero-video-wrap{
	position:absolute;
	inset:0;
	z-index:0;
	overflow:hidden;
}

.hero-video{
	width:100%;
	height:100%;
	object-fit:cover;
}

.hero-video-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(
		90deg,
		rgba(74,23,105,.82) 0%,
		rgba(118,53,171,.65) 50%,
		rgba(197,154,212,.30) 100%
	);
	z-index:1;
}

.hero-video-section .container{
	position:relative;
	z-index:2;
}

.hero-video-section .hero-wave{
	z-index:2;
}

.hero-wave{
	position:absolute;
	right:1px;
	bottom:-40px;
	width:min(32vw,420px);
	max-width:100%;
	clip-path:inset(0 0 44px 0);
	opacity:1;
	filter:none;
	mix-blend-mode:normal;
	z-index:3;
	pointer-events:none;
}

.hero-logo-badge{
	position:absolute;
	left:50%;
	bottom:28px;
	transform:translateX(-50%);
	width:106px;
	height:106px;
	display:grid;
	place-items:center;
	padding:12px;
	border-radius:26px;
	background:#fff;
	box-shadow:0 18px 34px rgba(12,6,36,.24);
	z-index:5;
}

.hero-actions{
	margin-top:24px !important;
}

.hero-logo-badge img{
	width:100%;
	height:100%;
	object-fit:contain;
	display:block;
}

/* ===== Capabilities Bar ===== */
.cap-bar{
	background:linear-gradient(90deg,#4a1769 0%,#61278d 34%,#7635ab 65%,#8a3bbf 100%);
	padding:0;
	width:100%;
}

.cap-bar__inner{
	max-width:none;
	width:100%;
	margin:0;
	padding:0;
	display:flex;
	align-items:stretch;
}

.cap-item{
	flex:1;
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:14px;
	color:#fff;
	text-align:left;
	padding:20px clamp(14px,2vw,28px);
	border-right:1px solid rgba(255,255,255,.18);
}

.cap-item:last-child{
	border-right:none;
}

.cap-item i{
	font-size:2rem;
	line-height:1;
	flex-shrink:0;
}

.cap-item span{
	font-size:12px;
	font-weight:700;
	line-height:1.35;
}
.cap-item a{
	color: inherit;
	text-decoration: none;
}

@media (max-width:767.98px){
	.cap-bar__inner{
		flex-wrap:wrap;
	}
	.cap-item{
		flex:1 1 30%;
		border-right:1px solid rgba(255,255,255,.18);
		border-bottom:1px solid rgba(255,255,255,.10);
	}
}

@media (max-width:479.98px){
	.cap-item{
		flex:1 1 48%;
	}
}

.countries{
	position:relative;
	z-index:3;
	margin-top:0;
	padding-top:0 !important;
	padding-bottom:0 !important;
	background:transparent;
}

.countries .container{
	max-width:none;
	width:100%;
	padding-left:0;
	padding-right:0;
}

.countries-bar{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:center;
	width:100vw;
	margin-left:calc(50% - 50vw);
	gap:0;
	min-height:80px;
	padding:0;
	background:#fff;
	border-top:1px solid rgba(109,92,135,.10);
	border-bottom:1px solid rgba(109,92,135,.10);
	box-shadow:0 4px 18px rgba(79,30,109,.06);
}

.countries-lead{
	display:flex;
	align-items:center;
	gap:12px;
	color:var(--plum-700);
	font-size:14px;
	font-weight:800;
	padding:16px clamp(20px,3vw,44px);
	border-right:1px solid rgba(109,92,135,.15);
}

.country-item{
	display:flex;
	align-items:center;
	gap:14px;
	padding:12px 93px;
	border-right:1px solid rgba(109,92,135,.15);
}

.country-item:last-child{
	border-right:none;
}

.country-item img{
	width:54px;
	height:54px;
	object-fit:cover;
	border-radius:31px;
	background:#fff;
	box-shadow:0 4px 14px rgba(0,0,0,.13);
}

.country-item strong,
.country-item span{
	display:block;
	line-height:1.25;
}

.country-item strong{
	font-size:15px;
	font-weight:800;
	color:#1a1230;
}

.country-item span{
	color:var(--muted);
	font-size:12px;
}

.country-status{
	display:inline-flex;
	align-items:center;
	gap:6px;
}

.status-dot{
	display:none;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#21c55d;
	box-shadow:0 0 0 rgba(33,197,93,.45);
}

.country-status.is-active .status-dot{
	display:inline-block;
	animation:status-blink 1.2s ease-in-out infinite;
}

@keyframes status-blink{
	0%,
	100%{
		opacity:1;
		box-shadow:0 0 0 0 rgba(33,197,93,.45);
	}

	50%{
		opacity:.35;
		box-shadow:0 0 0 6px rgba(33,197,93,0);
	}
}

.services,
.insights,
.cta{
	position:relative;
}

.services{
	padding-top:10px !important;
	padding-bottom:0 !important;
}

.services .container{
	max-width:1160px;
}

.services .row{
	display:grid;
	grid-template-columns:repeat(8,minmax(0,1fr));
	gap:12px;
	margin-top:16px;
	margin-left:-235px;
	margin-right:-180px;
	justify-content:space-evenly
}

.services .col-md-6,
.services .col-lg-2{
	display:block;
	width:auto;
	max-width:none;
	padding:0;
}

.services-heading{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-bottom:2px;
}

.section-kicker{
	display:inline-grid;
	place-items:center;
	width:18px;
	height:18px;
	margin:0;
	border-radius:50%;
	color:#d1a742;
	font-size:14px;
}

.services h2,
.why h3,
.cta h3{
	font-weight:800;
	letter-spacing:-0.03em;
}

.section-subtitle{
	margin:6px auto 0;
	color:var(--muted);
	font-size:8px;
	max-width:360px;
}

.service-card{
	width:100%;
	max-width:none;
	min-height:154px;
	height:100%;
	padding:18px 10px 16px;
	border-radius:20px;
	background:var(--surface);
	border:1px solid #f0ebf7;
	box-shadow:0 8px 18px rgba(93,41,136,.05);
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
}

.service-icon{
	display:block;
	margin-bottom:16px;
	font-size:28px;
	line-height:1;
	color:var(--plum-700);
	background:none;
}

.service-card h4{
	margin:0 0 10px;
	font-size:15px;
	font-weight:800;
	line-height:1.25;
	color:#2f2948;
}

.service-card p{
	margin:0;
	color:var(--muted);
	font-size:11px;
	line-height:1.45;
}

@media (max-width: 1399.98px){
	.services .row{
		grid-template-columns:repeat(6,minmax(0,1fr));
	}
}

@media (max-width: 1199.98px){
	.services .row{
		grid-template-columns:repeat(3,minmax(160px,1fr));
	}
}

@media (max-width: 767.98px){
	.services .row{
		grid-template-columns:repeat(2,minmax(140px,1fr));
	}
}

@media (max-width: 575.98px){
	.services .row{
		grid-template-columns:repeat(2,minmax(130px,1fr));
	}
}

.why{
	margin-top:18px;
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.why .container{
	max-width:none;
	width:100%;
	padding-left:0;
	padding-right:0;
}

.why-panel{
	position:relative;
	overflow:hidden;
	border-radius:0;
	min-height:210px;
	display:grid;
	grid-template-columns:minmax(0,1fr);
	align-items:stretch;
	background:
		linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.30) 60%,rgba(0,0,0,.10) 100%),
		url('../img/background_why.png') center center / cover no-repeat;
	box-shadow:0 14px 34px rgba(79,30,109,.08);
}

.why-panel::before{
	display:none;
}

.why-panel::after{
	display:none;
}

.why-content,
.why-copy,
.why-grid,
.why-media{
	position:relative;
	z-index:1;
}

.why-content{
	padding:24px 32px 20px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:14px;
	min-width:0;
	min-height:210px;
}

.why-media{
	display:none;
}

.why-media img{
	display:none;
}

.why-media::before{
	display:none;
}

.why-media::after{
	display:none;
}

.why-kicker{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-bottom:2px;
	color:#fff;
	font-size:1.45rem;
	font-weight:800;
	letter-spacing:-0.02em;
	line-height:1.1;
}

.why-kicker i{
	font-size:14px;
	color:#f1cb60;
}

.why-subtitle{
	max-width:500px;
	margin:0 0 6px;
	color:rgba(250,244,255,.9);
	font-size:14px;
	line-height:1.4;
}

.why-grid{
	display:grid;
	grid-template-columns:repeat(11,minmax(0,1fr));
	gap:10px;
	padding-right:0;
	align-items:start;
}

.why-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	color:rgba(255,248,255,.94);
	font-size:11px;
	font-weight:800;
	line-height:1.25;
	letter-spacing:-0.01em;
}

.why-item i{
	font-size:2.6rem;
	line-height:1;
}

.why-item span{
	max-width:124px;
}

@media (max-width: 991.98px){
	.why-panel{
		min-height:auto;
		grid-template-columns:minmax(0,1fr);
	}

	.why-content{
		padding:18px 20px 14px 22px;
		min-height:auto;
		gap:12px;
	}

	.why-media{
		display:none;
	}

	.why-kicker{
		font-size:1.3rem;
	}

	.why-subtitle{
		font-size:12.5px;
		line-height:1.4;
	}

	.why-grid{
		grid-template-columns:repeat(4,minmax(0,1fr));
		gap:10px;
		padding-right:0;
	}

	.why-item{
		font-size:10.5px;
		gap:8px;
	}

	.why-item i{
		font-size:2.15rem;
	}

	.why-item span{
		max-width:138px;
	}
}

@media (max-width: 767.98px){

	.why-panel{
		grid-template-columns:1fr;
	}

	.why-panel::after{
		display:none;
	}

	.why-content{
		padding:28px 24px 20px;
		min-height:auto;
	}

	.why-media{
		position:relative;
		width:100%;
		top:auto;
		right:auto;
		bottom:auto;
		min-height:240px;
		margin-left:0;
		clip-path:none;
	}

	.why-grid{
		padding-right:0;
	}

	.why-media::before{
		left:0;
		width:100%;
		filter:blur(22px);
		opacity:.72;
	}

	.why-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		row-gap:26px;
	}
}

@media (max-width: 575.98px){
	.why-kicker{
		gap:10px;
		font-size:1.65rem;
		margin-bottom:14px;
	}

	.why-subtitle{
		margin-bottom:28px;
		font-size:.95rem;
	}

	.why-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:20px 12px;
	}

	.why-item{
		gap:12px;
		font-size:13px;
	}

	.why-item i{
		font-size:3rem;
	}
}

.insights{
	padding-top:10px !important;
	padding-bottom:16px !important;
}

.insights .container{
	max-width:1220px;
}

.insights-grid{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
	gap:16px;
	align-items:start;
}

.stats-card{
	padding:0;
	border-radius:26px;
	background:#fff;
	box-shadow:0 16px 36px rgba(79,30,109,.08);
}

.stats-card .row{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
}

.cta{
	padding-top:6px !important;
	padding-bottom:0 !important;
}

.cta .container{
	max-width:1220px;
}

.stat-item{
	padding:18px 12px;
}

.stat-item h2{
	margin:0 0 6px;
	color:var(--plum-700);
	font-size:2.35rem;
	font-weight:800;
}

.stat-item p{
	margin:0;
	color:var(--muted);
	font-size:10px;
	font-weight:700;
	white-space:nowrap;
}

.testimonial{
	padding-top:4px !important;
	padding-bottom:10px !important;
}

.testimonial-card{
	display:block;
	overflow:hidden;
	border-radius:24px;
	background:#f3f0f6;
	border:1px solid rgba(109,92,135,.12);
	box-shadow:0 12px 28px rgba(79,30,109,.05);
	height:100%;
}

.testimonial-copy{
	padding:18px 22px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}

.quote-mark{
	color:var(--plum-700);
	font-size:20px;
	line-height:1;
}

.testimonial-copy p{
	max-width:520px;
	margin:4px 0 8px;
	font-size:12px;
	line-height:1.42;
}

.testimonial-stars{
	display:flex;
	gap:4px;
	margin:0 0 6px;
	color:#f2c94c;
	font-size:11px;
}

.testimonial-author{
	color:#5f5578;
	font-size:10px;
	font-weight:700;
}

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

	.stats-card .row{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

.cta-card{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:51px 28px;
	border-radius:20px;
	background:linear-gradient(90deg,#b255ff 0%,#7924a0 100%);
	box-shadow:0 20px 40px rgba(95,28,140,.18);
}

.cta h3{
	margin:0 0 6px;
	font-size:1.55rem;
}

.cta p{
	margin:0;
	color:rgba(255,255,255,.82);
	font-size:12px;
}

.cta-actions{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}

.btn-cta-primary,
.btn-cta-secondary{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:12px 20px;
	border-radius:999px;
	font-weight:800;
}

.btn-cta-primary{
	color:var(--plum-900);
}

.btn-cta-secondary{
	color:#fff;
	border:1px solid rgba(255,255,255,.2);
	background:rgba(255,255,255,.08);
}

.btn-cta-secondary span{
	opacity:.88;
}

/* ===== Voices of Our Community ===== */
.voices{
	background:#f8f5fd;
	padding:52px 0 56px;
}

.voices-heading{
	font-size:1.45rem;
	font-weight:800;
	color:#2f2948;
	margin-bottom:24px;
	letter-spacing:-0.02em;
}

.voices-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:16px;
}

.voice-card{
	background:#fff;
	border-radius:14px;
	padding:20px 16px 18px;
	box-shadow:0 4px 18px rgba(79,30,109,.08);
	border:1px solid rgba(109,92,135,.08);
	display:flex;
	flex-direction:column;
	gap:8px;
}

.voice-card-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.voice-label{
	font-size:10px;
	font-weight:800;
	color:#6b7280;
	text-transform:uppercase;
	letter-spacing:.06em;
}

.voice-stars{
	color:#f59e0b;
	font-size:11px;
	display:flex;
	gap:2px;
}

.voice-quote{
	font-size:11.5px;
	line-height:1.55;
	color:#374151;
	flex:1;
	margin:0;
}

.voice-author{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:11px;
	font-weight:700;
	color:#6b7280;
	margin-top:4px;
	line-height:1.4;
}

.voice-avatar{
	width:28px;
	height:28px;
	min-width:28px;
	border-radius:50%;
	display:grid;
	place-items:center;
	font-size:14px;
}

.voice-avatar--purple{
	background:#ede9fe;
	color:#7c3aed;
}

.voice-avatar--green{
	background:#d1fae5;
	color:#059669;
}

.voice-avatar--img{
	background:#f3f0f6;
	color:#7c3aed;
	font-size:18px;
}

.voice-google-g{
	display:inline-grid;
	place-items:center;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#fff;
	border:1.5px solid #dadce0;
	font-weight:800;
	font-size:13px;
	color:#4285f4;
	line-height:1;
}

.voice-hospital-icon{
	font-size:1.1rem;
	color:#6b7280;
}

@media (max-width:1199.98px){
	.voices-grid{
		grid-template-columns:repeat(3,1fr);
	}
}

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

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

.footer{
	margin-top:0;
	background:linear-gradient(180deg,#3b1260 0%,#200a40 60%,#120527 100%);
	padding: 0 55px;
	/* border-radius:9px; */
}

.footer-top{
	align-items:start;
}

/* Constrain footer logo to same compact size as navbar */
.footer-brand img{
	height:46px;
	width:auto;
	max-width:46px;
	object-fit:contain;
	flex-shrink:0;
}

.footer-brand .brand-copy strong,
.footer-brand .brand-copy small{
	color:#fff;
}

.footer-copy,
.footer-links,
.footer-bottom p,
.footer-meta a{
	color:rgba(255,255,255,.74);
}

.footer-copy{
	margin:16px 0;
	max-width:240px;
	font-size:16px;
	line-height:1.7;
}

.socials{
	display:flex;
	gap:10px;
}

.socials a{
	display:grid;
	place-items:center;
	width:34px;
	height:34px;
	border-radius:50%;
	color:#fff;
	background:rgba(255,255,255,.12);
}

.footer h5{
	margin-bottom:14px;
	font-size:15px;
	font-weight:800;
}

.footer-links{
	list-style:none;
	padding:0;
	margin:0;
}

.footer-links li{
	margin-bottom:10px;
	font-size:15px;
}

.footer-links a{
	color:inherit;
	text-decoration:none;
	transition:color .2s;
}

.footer-links a:hover{
	color:#fff;
}

/* Contact list with icons */
.footer-contact-list li{
	display:flex;
	align-items:center;
	gap:9px;
}

.footer-contact-list i{
	flex-shrink:0;
	color:rgba(255,255,255,.55);
	font-size:.85rem;
}

.newsletter-form{
	display:flex;
	align-items:center;
	overflow:hidden;
	border-radius:999px;
	background:rgba(255,255,255,.14);
}

.newsletter-form input{
	flex:1;
	min-width:0;
	border:0;
	outline:0;
	padding:12px 16px;
	color:#fff;
	background:transparent;
}

.newsletter-form input::placeholder{
	color:rgba(255,255,255,.58);
}

.newsletter-form button{
	flex:0 0 44px;
	border:0;
	width:44px;
	height:44px;
	color:#fff;
	background:linear-gradient(135deg,#ce82ff,#8f2bc0);
}

.footer-bottom{
	border-top:1px solid rgba(255,255,255,.1);
}

.footer-bottom p{
	margin:0;
	font-size:12px;
}

.footer-meta{
	display:flex;
	gap:18px;
	font-size:12px;
}

@media (max-width: 1399.98px){
	.countries .container{
		padding-left:0;
		padding-right:0;
	}

	.countries-bar{
		flex-wrap:wrap;
	}

	.countries-lead{
		font-size:13px;
	}

	.country-item img{
		width:48px;
		height:48px;
	}

	.country-item strong{
		font-size:14px;
	}

	.country-item span{
		font-size:12px;
	}
}

@media (max-width: 1279.98px){
	.navbar-brand img{
		height:58px;
	}

	.brand-copy strong{
		font-size:1.05rem;
	}

	.brand-copy small{
		font-size:.5rem;
	}

	.navbar .nav-link{
		font-size:12px;
		padding:8px 7px;
	}

	.btn-support{
		padding:10px 20px;
		font-size:12px;
	}
}

@media (max-width: 1099.98px){
	.navbar .container{
		padding-left:20px;
		padding-right:20px;
		gap:16px;
	}

	.navbar-brand img{
		height:52px;
	}

	.brand-copy strong{
		font-size:1rem;
	}

	.brand-copy small{
		font-size:.47rem;
	}

	.navbar .nav-link{
		font-size:11px;
		padding:8px 5px;
	}

	.btn-support{
		padding:10px 18px;
		font-size:11px;
	}
}

@media (max-width: 767.98px){
	.navbar{
		position:relative;
		background:linear-gradient(180deg,#4a176f 0%,#5d1d88 100%);
		padding:16px 0;
	}

	.navbar .container{
		padding-left:16px;
		padding-right:16px;
		gap:12px;
	}

	.navbar-nav{
		flex-wrap:wrap;
		white-space:normal;
	}

	.navbar-collapse{
		margin-top:14px;
		padding:16px;
		border-radius:20px;
		background:rgba(255,255,255,.08);
		backdrop-filter:blur(8px);
	}

	.hero{
		min-height:auto;
		padding-top:48px;
		padding-bottom:84px;
	}

	.hero .container,
	.hero .row{
		min-height:auto;
	}

	.hero-text{
		text-align:center;
	}

	.hero-image{
		display:none;
	}

	.hero-text p{
		margin-left:auto;
		margin-right:auto;
	}

	.hero-actions{
		justify-content:center;
		text-align:center;
	}

	.hero-visual{
		display:none;
	}

	.hero-wave{
		right:0;
		bottom:-42px;
		width:min(72vw,520px);
		clip-path:inset(0 0 42px 0);
	}

	.hero-logo-badge{
		left:20px;
		bottom:150px;
		width:84px;
		height:84px;
		border-radius:22px;
	}

	.countries-bar{
		border-radius:28px;
		justify-content:center;
		gap:20px 28px;
	}

	.countries-lead,
	.country-item{
		width:100%;
		justify-content:center;
	}

	.why-panel,
	.testimonial-copy,
	.cta-card{
		padding:28px;
	}

	.why-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:16px 12px;
	}

	.why-panel{
		border-radius:0;
		padding:0;
		grid-template-columns:1fr;
		background:
			linear-gradient(180deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.20) 100%),
			url('../img/background_why.png') center center / cover no-repeat,
			linear-gradient(135deg,#3d1a6e 0%,#4e2483 100%);
	}

	.why-content{
		padding:22px 18px;
	}

	.why-media{
		min-height:220px;
	}

	.why-kicker{
		font-size:15px;
	}

	.why-subtitle{
		max-width:320px;
		margin-bottom:16px;
		font-size:10.5px;
	}

	.why-item i{
		font-size:26px;
	}

	.why-item{
		font-size:9.5px;
	}

	.testimonial-card{
		grid-template-columns:1fr;
	}

	.cta-card{
		flex-direction:column;
		text-align:center;
	}

	.cta-card > div:first-child{
		width:100%;
		text-align:center;
	}

	.cta-actions{
		width:100%;
		justify-content:center;
		align-items:center;
		gap:12px;
	}

	.btn-cta-primary,
	.btn-cta-secondary{
		justify-content:center;
		width:100%;
		min-width:0;
		max-width:360px;
	}
}

@media (max-width: 575.98px){
	.hero{
		padding-bottom:84px;
	}

	.hero-text h1{
		font-size:2.55rem;
	}

	.countries{
		margin-top:20px;
	}

	.countries .container{
		padding-left:14px;
		padding-right:14px;
	}

	.countries-bar{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		align-items:start;
		padding:16px 14px;
		gap:16px;
	}

	.countries-lead{
		grid-column:1 / -1;
		width:100%;
		justify-content:center;
	}

	.country-item{
		width:100%;
		justify-content:flex-start;
	}

	.services{
		padding-top:42px;
	}

	.why-panel{
		padding:24px;
		border-radius:0;
	}

	.cta h3{
		font-size:1.65rem;
	}

	.why-kicker{
		font-size:14px;
	}

	.why-subtitle{
		max-width:none;
		margin-bottom:14px;
		font-size:9.5px;
	}

	.why-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:14px 10px;
	}

	.why-item i{
		font-size:22px;
	}

	.why-item{
		font-size:8.5px;
	}

	.stat-item h2{
		font-size:2.25rem;
	}

	.footer-meta{
		flex-direction:column;
		align-items:center;
		gap:8px;
	}

	.newsletter-form{
		width:100%;
	}
}

body.about-page{
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 24%,#f7f2fb 100%);
}

.about-page .navbar{
	position:relative;
	padding:10px 0;
	background:linear-gradient(90deg,#4d1c78 0%,#6b35a5 56%,#7e42b1 100%);
	box-shadow:0 12px 28px rgba(44,13,72,.22);
}

.about-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

.about-page .footer{
	background:
		radial-gradient(circle at 18% 24%,rgba(255,255,255,.08),transparent 18%),
		radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 16%),
		linear-gradient(180deg,#562187 0%,#3b125f 100%);
}

.about-hero-banner{
	position:relative;
	overflow:hidden;
	min-height:320px;
	background:
		linear-gradient(90deg,rgba(81,29,128,.96) 0%,rgba(102,44,160,.92) 55%,rgba(102,44,160,.18) 82%,rgba(102,44,160,0) 100%),
		radial-gradient(circle at 22% 34%,rgba(255,255,255,.08),transparent 24%),
		linear-gradient(180deg,#4f1b7a 0%,#6d39a7 100%);
}

.about-hero-banner::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(32,6,49,.12) 100%);
	pointer-events:none;
}

.about-hero-banner__inner{
	position:relative;
	z-index:1;
	min-height:320px;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,42%);
	align-items:end;
	gap:24px;
	padding-top:32px;
	padding-bottom:0;
	max-width:1240px;
	width:100%;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.about-hero-banner__copy{
	padding:72px 0 58px;
	color:#fff;
}

.about-hero-banner__eyebrow{
	margin:0 0 10px;
	font-size:.92rem;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:rgba(255,255,255,.74);
}

.about-hero-banner h1{
	margin:0;
	font-size:clamp(3rem,5vw,4.9rem);
	font-weight:800;
	letter-spacing:-0.05em;
	line-height:.96;
}

.about-hero-banner__image{
	position:relative;
	align-self:end;
	min-height:250px;
	height:100%;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
}

.about-hero-banner__image::before{
	content:"";
	position:absolute;
	inset:18% 0 0 8%;
	background:radial-gradient(circle at 45% 50%,rgba(255,255,255,.34),rgba(255,255,255,0) 72%);
	filter:blur(18px);
	opacity:.95;
	pointer-events:none;
}

.about-hero-banner__image img{
	position:relative;
	width:100%;
	max-width:540px;
	height:100%;
	max-height:300px;
	object-fit:cover;
	object-position:50% 28%;
	filter:saturate(.92) brightness(1.04);
	mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 24%,#000 45%,#000 100%);
	-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 24%,#000 45%,#000 100%);
}

.about-overview{
	padding:46px 0 26px;
	background:#fff;
}

.about-shell{
	max-width:1240px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.about-section + .about-section{
	margin-top:34px;
}

.about-section__heading{
	display:flex;
	align-items:center;
	gap:12px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:18px;
}

.about-section__icon{
	flex:0 0 46px;
	width:46px;
	height:46px;
	display:grid;
	place-items:center;
	border-radius:50%;
	color:#fff;
	font-size:1.25rem;
	background:linear-gradient(135deg,#9b61d5,#6b2ca6);
	box-shadow:0 12px 24px rgba(105,47,159,.2);
}

.about-section__heading h2{
	margin:0;
	font-size:clamp(1.7rem,2vw,2.25rem);
	font-weight:800;
	letter-spacing:-0.04em;
	color:var(--plum-700);
}

.about-section__rule{
	flex:1 1 auto;
	height:1px;
	background:linear-gradient(90deg,rgba(129,69,180,.24) 0%,rgba(129,69,180,.12) 72%,rgba(129,69,180,0) 100%);
}

.about-mission-card{
	position:relative;
	overflow:hidden;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(280px,38%);
	align-items:center;
	border:1px solid rgba(109,92,135,.12);
	border-radius:32px;
	background:linear-gradient(90deg,#ffffff 0%,#fffefe 58%,#faf5ff 100%);
	box-shadow:0 18px 40px rgba(80,33,119,.08);
}

.about-mission-card__copy{
	padding:18px 34px 28px 60px;
	max-width:760px;
}

.about-mission-card__copy p{
	margin:0;
	font-size:1.08rem;
	line-height:1.82;
	color:#584f69;
}

.about-mission-card__image{
	position:relative;
	min-height:240px;
	height:100%;
}

.about-mission-card__image::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.88) 24%,rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 100%);
}

.about-mission-card__image img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:62% 24%;
	filter:saturate(.9) brightness(1.03);
}

.about-values-list{
	border-top:1px solid rgba(109,92,135,.12);
	border-bottom:1px solid rgba(109,92,135,.12);
	background:#fff;
}

.about-value-row{
	display:grid;
	grid-template-columns:52px minmax(130px,190px) minmax(0,1fr);
	align-items:center;
	gap:18px;
	padding:22px 28px;
	border-bottom:1px solid rgba(109,92,135,.12);
}

.about-value-row:last-child{
	border-bottom:0;
}

.about-value-row__icon{
	width:36px;
	height:36px;
	display:grid;
	place-items:center;
	border-radius:50%;
	font-size:1rem;
	color:#fff;
	background:linear-gradient(135deg,#9b61d5,#6b2ca6);
}

.about-value-row h3{
	margin:0;
	font-size:1.25rem;
	font-weight:800;
	letter-spacing:-0.03em;
	color:var(--plum-700);
}

.about-value-row p{
	margin:0;
	font-size:1rem;
	line-height:1.65;
	color:#5f5870;
}

.about-highlights-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:22px;
	padding:8px 0 0;
}

.about-highlight-item{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:8px 4px;
	text-align:center;
	color:var(--plum-700);
	font-size:1rem;
	font-weight:800;
	line-height:1.35;
}

.about-highlight-item i{
	font-size:1.7rem;
	color:#8a49c5;
	flex:0 0 auto;
}

.about-visual-strip{
	padding:0 0 0;
	background:#fff;
}

.about-visual-strip .container{
	max-width:none;
	padding-left:0;
	padding-right:0;
}

.about-visual-strip__frame{
	position:relative;
	overflow:hidden;
	min-height:420px;
	background:#ede7f4;
	box-shadow:inset 0 1px 0 rgba(109,92,135,.12);
}

.about-visual-strip__frame::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 22%,rgba(53,21,81,.08) 100%);
	pointer-events:none;
	z-index:1;
}

.about-visual-strip__frame img{
	width:100%;
	height:420px;
	object-fit:cover;
	object-position:center 30%;
	display:block;
}

@media (max-width: 991.98px){
	.about-hero-banner__inner{
		grid-template-columns:minmax(0,1fr) minmax(260px,40%);
		min-height:280px;
	}

	.about-hero-banner__copy{
		padding:64px 0 42px;
	}

	.about-mission-card{
		grid-template-columns:minmax(0,1fr) minmax(220px,34%);
	}

	.about-mission-card__copy{
		padding:22px 28px 24px 34px;
	}

	.about-value-row{
		grid-template-columns:46px minmax(120px,160px) minmax(0,1fr);
		padding:20px 18px;
	}

	.about-highlights-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:16px 18px;
	}

	.about-visual-strip__frame,
	.about-visual-strip__frame img{
		height:340px;
		min-height:340px;
	}
}

@media (max-width: 767.98px){
	.about-page .navbar{
		padding:14px 0;
	}

	.about-hero-banner{
		min-height:auto;
	}

	.about-hero-banner__inner{
		grid-template-columns:1fr;
		gap:0;
		min-height:auto;
		padding-top:0;
	}

	.about-hero-banner__copy{
		padding:38px 0 24px;
	}

	.about-hero-banner__image{
		min-height:220px;
	}

	.about-hero-banner__image img{
		max-width:none;
		max-height:260px;
		mask-image:linear-gradient(180deg,rgba(0,0,0,.08) 0%,#000 26%,#000 100%);
		-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.08) 0%,#000 26%,#000 100%);
	}

	.about-overview{
		padding-top:30px;
	}

	.about-section__heading{
		gap:10px;
	}

	.about-section__icon{
		flex-basis:40px;
		width:40px;
		height:40px;
		font-size:1rem;
	}

	.about-mission-card{
		grid-template-columns:1fr;
	}

	.about-mission-card__copy{
		padding:18px 18px 8px;
	}

	.about-mission-card__copy p,
	.about-value-row p{
		font-size:.98rem;
		line-height:1.7;
	}

	.about-mission-card__image{
		min-height:220px;
	}

	.about-mission-card__image::before{
		background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,.7) 18%,rgba(255,255,255,0) 60%);
	}

	.about-value-row{
		grid-template-columns:40px 1fr;
		gap:8px 14px;
	}

	.about-value-row h3,
	.about-value-row p{
		grid-column:2;
	}

	.about-value-row__icon{
		grid-row:1 / span 2;
	}

	.about-highlight-item{
		justify-content:flex-start;
		text-align:left;
		padding:0;
	}

	.about-visual-strip__frame,
	.about-visual-strip__frame img{
		height:280px;
		min-height:280px;
	}

	.about-visual-strip__frame img{
		object-position:center 36%;
	}
}

@media (max-width: 575.98px){
	.about-hero-banner__copy{
		padding:30px 0 18px;
	}

	.about-hero-banner h1{
		font-size:2.9rem;
	}

	.about-shell{
		padding-left:14px;
		padding-right:14px;
	}

	.about-section__heading h2{
		font-size:1.6rem;
	}

	.about-section__rule{
		display:none;
	}

	.about-value-row h3{
		font-size:1.1rem;
	}

	.about-highlights-grid{
		grid-template-columns:1fr;
		gap:14px;
	}

	.about-visual-strip__frame,
	.about-visual-strip__frame img{
		height:240px;
		min-height:240px;
	}
	}

body.services-page{
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 22%,#f7f1fb 100%);
}

.services-page .navbar{
	position:absolute;
	inset:0 0 auto;
	background:transparent;
	box-shadow:none;
}

.services-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

.services-page .footer{
	background:
		radial-gradient(circle at 18% 24%,rgba(255,255,255,.08),transparent 18%),
		radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 16%),
		linear-gradient(180deg,#562187 0%,#3b125f 100%);
}

.services-hero-banner{
	position:relative;
	overflow:hidden;
	min-height:330px;
	background:
		linear-gradient(90deg,rgba(81,29,128,.96) 0%,rgba(102,44,160,.92) 54%,rgba(102,44,160,.18) 82%,rgba(102,44,160,0) 100%),
		radial-gradient(circle at 22% 34%,rgba(255,255,255,.08),transparent 24%),
		linear-gradient(180deg,#4f1b7a 0%,#6d39a7 100%);
}

.services-hero-banner::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(32,6,49,.12) 100%);
	pointer-events:none;
}

.services-hero-banner__inner{
	position:relative;
	z-index:1;
	min-height:330px;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(340px,43%);
	align-items:end;
	gap:18px;
	max-width:1240px;
	width:100%;
	padding-top:18px;
	padding-bottom:16px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.services-hero-banner__copy{
	position:relative;
	z-index:2;
	padding:36px 0 54px;
	color:#fff;
	max-width:500px;
}

.services-hero-banner__eyebrow{
	margin:0 0 12px;
	font-size:.92rem;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:rgba(255,255,255,.74);
}

.services-hero-banner__copy h1{
	margin:0 0 8px;
	font-size:clamp(2.7rem,4.2vw,4rem);
	font-weight:800;
	letter-spacing:-0.05em;
	line-height:.95;
}

.services-hero-banner__copy p:last-child{
	margin:0;
	font-size:1.02rem;
	line-height:1.48;
	color:rgba(255,255,255,.88);
}

.services-hero-banner__image{
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	min-height:272px;
	height:100%;
	align-self:end;
	border-radius:240px 34px 34px 240px;
	overflow:hidden;
	background:rgba(255,255,255,.08);
	left:280px;
}

.services-hero-banner__image::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.08) 24%,rgba(255,255,255,0) 54%);
	pointer-events:none;
	z-index:1;
}

.services-hero-banner__image img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:58% 28%;
	filter:brightness(1.04) saturate(1.02);
}

.services-hero-banner__badge{
	position:absolute;
	left:50%;
	bottom:-4px;
	transform:translateX(-10%);
	width:92px;
	height:92px;
	display:grid;
	place-items:center;
	padding:9px;
	border-radius:24px;
	background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(217,201,234,.72) 100%);
	box-shadow:0 18px 32px rgba(67,27,110,.18);
	z-index:3;
}

.services-hero-banner__badge img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.services-hero-banner__wave{
	position:absolute;
	right:-40px;
	bottom:-60px;
	width:min(46vw,680px);
	max-width:100%;
	pointer-events:none;
	z-index:2;
}

.services-page-main{
	padding:22px 0 18px;
	background:#fff;
}

/* ── Category filter dropdown ── */
.services-page-filter{
	max-width:360px;
}
.services-page-filter .form-select{
	border-radius:12px;
	border:1px solid rgba(109,92,135,.2);
	padding:.55rem 1rem;
	font-size:.95rem;
	color:#2e2541;
	background-color:#f9f7fc;
	cursor:pointer;
}
.services-page-filter .form-select:focus{
	border-color:#8a49c5;
	box-shadow:0 0 0 3px rgba(138,73,197,.15);
}
.services-page-filter .form-label{
	font-size:.85rem;
	color:#5f5870;
	margin-bottom:4px;
}

.services-page-shell{
	max-width:1240px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.services-page-section + .services-page-section{
	margin-top:24px;
}

.services-page-heading{
	display:flex;
	align-items:center;
	gap:16px;
	justify-content:center;
	margin-bottom:8px;
}

.services-page-heading__rule{
	flex:1 1 auto;
	height:1px;
	background:linear-gradient(90deg,rgba(129,69,180,.24) 0%,rgba(129,69,180,.12) 72%,rgba(129,69,180,0) 100%);
}

.services-page-heading__titlewrap{
	display:flex;
	align-items:center;
	gap:10px;
	flex:0 0 auto;
}

.services-page-heading__kicker{
	width:18px;
	height:18px;
	display:grid;
	place-items:center;
	border-radius:50%;
	color:#b8da5a;
	font-size:.78rem;
}

.services-page-heading h2{
	margin:0;
	font-size:clamp(1.7rem,2vw,2.2rem);
	font-weight:800;
	letter-spacing:-0.04em;
	color:var(--plum-700);
}

.services-page-subtitle{
	margin:0 0 16px;
	text-align:center;
	font-size:.94rem;
	color:#5f5870;
}

.services-page-card-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.services-page-card{
	padding:20px 16px 16px;
	text-align:center;
	border-radius:16px;
	background:#fff;
	border:1px solid rgba(109,92,135,.08);
	box-shadow:0 12px 24px rgba(80,33,119,.06);
	min-height:202px;
}

.services-page-card__icon{
	margin:0 auto 12px;
	color:#8a49c5;
	font-size:1.95rem;
	line-height:1;
}

.services-page-card h3{
	margin:0 0 8px;
	font-size:1.08rem;
	font-weight:800;
	letter-spacing:-0.04em;
	line-height:1.15;
	color:#2e2541;
}

.services-page-card p{
	margin:0;
	font-size:.8rem;
	line-height:1.46;
	color:#61596f;
}

.services-page-section--highlights{
	padding-top:2px;
}

.services-page-highlights{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
	align-items:center;
	padding-top:4px;
}

.services-page-highlight{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	text-align:center;
	font-size:.95rem;
	font-weight:800;
	line-height:1.3;
	color:var(--plum-700);
}

.services-page-highlight i{
	font-size:1.65rem;
	color:#8a49c5;
}

.services-page-visual{
	padding:0;
	background:#fff;
}

.services-page-visual .container{
	max-width:none;
	padding-left:0;
	padding-right:0;
}

.services-page-visual__frame{
	position:relative;
	overflow:hidden;
	min-height:330px;
	background:#ece6f4;
	box-shadow:inset 0 1px 0 rgba(109,92,135,.12);
}

.services-page-visual__frame::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 20%,rgba(53,21,81,.08) 100%);
	pointer-events:none;
	z-index:1;
}

.services-page-visual__frame img{
	width:100%;
	height:330px;
	object-fit:cover;
	object-position:center 32%;
	display:block;
}

@media (max-width: 1199.98px){
	.services-page-card-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.services-page-highlights{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 991.98px){
	.services-hero-banner__inner{
		grid-template-columns:minmax(0,1fr) minmax(260px,40%);
		min-height:300px;
	}

	.services-hero-banner__copy{
		padding:44px 0 48px;
	}

	.services-hero-banner__badge{
		width:82px;
		height:82px;
		bottom:10px;
	}

	.services-page-card h3{
		font-size:1.08rem;
	}
}

@media (max-width: 767.98px){
	.services-page .navbar{
		padding:14px 0;
	}

	.services-hero-banner{
		min-height:auto;
	}

	.services-hero-banner__inner{
		grid-template-columns:1fr;
		min-height:auto;
		gap:0;
		padding-bottom:18px;
	}

	.services-hero-banner__copy{
		padding:30px 0 16px;
	}

	.services-hero-banner__copy p:last-child{
		font-size:1rem;
	}

	.services-hero-banner__image{
		min-height:220px;
		border-radius:42px;
	}

	.services-hero-banner__badge{
		left:50%;
		bottom:-8px;
		transform:translateX(-50%);
	}

	.services-hero-banner__wave{
		right:-80px;
		bottom:-36px;
		width:min(88vw,540px);
	}

	.services-page-main{
		padding-top:48px;
	}

	.services-page-heading{
		gap:10px;
	}

	.services-page-card-grid,
	.services-page-highlights{
		grid-template-columns:1fr;
	}

	.services-page-highlight{
		justify-content:flex-start;
		text-align:left;
	}

	.services-page-visual__frame,
	.services-page-visual__frame img{
		height:260px;
		min-height:260px;
	}
}

@media (max-width: 575.98px){
	.services-hero-banner__copy h1{
		font-size:2.7rem;
	}

	.services-page-shell{
		padding-left:14px;
		padding-right:14px;
	}

	.services-page-heading__rule{
		display:none;
	}

	.services-page-card{
		min-height:auto;
		padding:20px 16px 18px;
	}

	.services-page-card h3{
		font-size:1.08rem;
	}

	.services-page-visual__frame,
	.services-page-visual__frame img{
		height:220px;
		min-height:220px;
	}
}

body.job-details-page{
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 26%,#faf8fd 100%);
}

body.job-details-page .footer{
	display:none;
}

.job-details-page .navbar{
	position:relative;
	padding:10px 0;
	background:linear-gradient(90deg,#4d1c78 0%,#6b35a5 56%,#7e42b1 100%);
	box-shadow:0 12px 28px rgba(44,13,72,.22);
}

.job-details-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

body.contact-page{
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 26%,#faf8fd 100%);
}

.contact-page .navbar{
	position:absolute;
	inset:0 0 auto;
	background:transparent;
	box-shadow:none;
}

.contact-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

/* --- Job Details Hero Section Custom Styles --- */
.job-details-hero{
	position:relative;
	overflow:hidden;
	min-height:250px;
	padding:0;
	background:
		radial-gradient(circle at 18% 24%,rgba(202,130,255,.16),transparent 22%),
		radial-gradient(circle at 36% 72%,rgba(130,72,210,.16),transparent 24%),
		radial-gradient(circle at 80% 10%,rgba(255,255,255,.14),transparent 24%),
		linear-gradient(90deg,#4a1769 0%,#61278d 34%,#7635ab 58%,#c59ad4 100%);
}

.job-details-hero .container{
	position:relative;
	z-index:2;
	max-width:none;
	width:100%;
	min-height:250px;
	padding-top:62px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.job-details-hero .row{
	min-height:180px;
}

.job-details-hero .hero-text{
	max-width:500px;
}

.job-details-hero .trust-pill{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:9px 18px;
	border-radius:999px;
	margin-bottom:12px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.18);
	font-size:12px;
	font-weight:700;
}

.job-details-hero .hero-text h1{
	margin:0 0 10px;
	font-size:clamp(2.2rem,3.2vw,3.1rem);
	line-height:.95;
	font-weight:800;
	letter-spacing:-0.05em;
}

.job-details-hero .hero-text p{
	margin:0;
	color:rgba(255,255,255,.88);
	font-size:1rem;
	line-height:1.45;
	max-width:470px;
}

.job-details-hero .hero-image{
	display:flex;
	justify-content:flex-end;
}

.job-details-hero .hero-visual{
	max-width:520px;
	min-height:250px;
	border-radius:380px 44px 44px 380px;
	overflow:hidden;
}

.job-details-hero .hero-photo{
	width:100%;
	height:100%;
	min-height:250px;
	object-fit:cover;
	object-position:58% 38%;
}

.job-details-hero .hero-wave{
	position:absolute;
	right:-2px;
	bottom:-20px;
	width:min(34vw,430px);
	max-width:100%;
	clip-path:inset(0 0 44px 0);
	z-index:3;
	pointer-events:none;
}

@media (max-width: 767.98px){
	.job-details-hero{
		min-height:auto;
		padding-top:48px;
		padding-bottom:80px;
	}

	.job-details-hero .container,
	.job-details-hero .row{
		min-height:auto;
	}

	.job-details-hero .hero-text,
	.job-details-hero .hero-image{
		text-align:center;
	}

	.job-details-hero .hero-text p{
		margin-left:auto;
		margin-right:auto;
	}

	.job-details-hero .hero-image{
		justify-content:center;
		margin-top:22px;
	}

	.job-details-hero .hero-visual{
		max-width:100%;
		min-height:320px;
		border-radius:42px;
	}

	.job-details-hero .hero-photo{
		min-height:320px;
	}

	.job-details-hero .hero-wave{
		right:0;
		bottom:-42px;
		width:min(74vw,520px);
		clip-path:inset(0 0 42px 0);
	}
}

/* --- Job Details Content + Application Form Styles --- */
.job-details{
	padding-top:48px !important;
	padding-bottom:56px !important;
}

.job-details-layout{
	display:grid;
	grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
	gap:24px;
	align-items:stretch;
}

.job-details-layout > .card{
	height:100%;
}
.dashboard-activity-card .admin-panel-card__head .btn {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  flex-shrink: 0;
}

.job-application-column{
	min-width:0;
}

.job-application-column .job-application-card{
	position:sticky;
	top:24px;
}

.job-details-card,
.job-application-card{
	border:1px solid rgba(92,46,135,.12);
	border-radius:18px;
	box-shadow:0 10px 26px rgba(44,13,72,.08) !important;
}

.job-details-card h2{
	color:#1f1735;
	font-size:2rem;
	letter-spacing:-.02em;
}

/* --- Job Description Content (plain-text formatting) --- */
.job-detail-description__content{
	white-space:pre-wrap;
	word-wrap:break-word;
	font-size:.97rem;
	line-height:1.7;
	color:#3d3555;
	max-height:450px;
	overflow-y:auto;
	padding-right:.5rem;
}

.job-detail-description__content::-webkit-scrollbar{
	width:5px;
}

.job-detail-description__content::-webkit-scrollbar-track{
	background:transparent;
}

.job-detail-description__content::-webkit-scrollbar-thumb{
	background:#d4c8e0;
	border-radius:10px;
}

.job-detail-description__content::-webkit-scrollbar-thumb:hover{
	background:#b8a5cc;
}

.job-detail-description__content strong,
.job-detail-description__content b{
	color:#2f1b4d;
}

.job-detail-description__content h3,
.job-detail-description__content h4{
	color:#2f1b4d;
	font-weight:800;
	margin-top:1em;
	margin-bottom:.25em;
}

.job-detail-description__content h3{
	font-size:1.25rem;
}

.job-detail-description__content h4{
	font-size:1.1rem;
}

.job-detail-description__content ul,
.job-detail-description__content ol{
	padding-left:1.5rem;
	margin:.3em 0 .7em;
	list-style:disc;
}

.job-detail-description__content ul ul,
.job-detail-description__content ol ul{
	list-style:circle;
}

.job-detail-description__content li{
	margin-bottom:.3em;
	padding-left:.15em;
}

.job-detail-description__content li::marker{
	color:#5c2e87;
}

.job-detail-description__content p{
	margin-bottom:.35em;
}

/* Paragraph that leads into a list — tighter bottom */
.job-detail-description__content p.pre-list{
	margin-bottom:.15em;
}

.job-detail-description__content p + ul,
.job-detail-description__content p + ol{
	margin-top:0;
}

.job-detail-description__content hr{
	border:0;
	border-top:1px solid rgba(92,46,135,.12);
	margin:1.5em 0;
}

.job-details-card h4{
	color:#402063;
	font-weight:800;
}

.job-details-card p,
.job-details-card li{
	color:#4b4362;
}

.job-details-card ul{
	padding-left:1.1rem;
	margin-bottom:0;
}

.job-application-title{
	margin:0 0 6px;
	font-size:1.45rem;
	font-weight:800;
	color:#2f1b4d;
	letter-spacing:-.02em;
}

.job-application-subtitle{
	margin:0 0 18px;
	color:#6f6786;
	font-size:.97rem;
	line-height:1.5;
}

.job-summary-list{
	display:grid;
	gap:0;
	margin:0 0 22px;
}

.job-summary-list > div{
	padding:14px 0;
	border-top:1px solid rgba(92,46,135,.12);
}

.job-summary-list dt{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:4px;
	color:#3f2a5e;
	font-size:.9rem;
	font-weight:800;
}

.job-summary-list dt i{
	color:var(--kb-green);
}

.job-summary-list dd{
	margin:0;
	color:#6f6786;
}

.job-form-back{
	color:#6b35a5;
	font-weight:700;
	text-decoration:none;
}

.job-form-back:hover{
	color:#4e1f7c;
}

.job-application-form .form-label{
	font-weight:700;
	color:#3f2a5e;
	margin-bottom:6px;
}

.job-application-form .form-control,
.job-application-form .form-select{
	border-radius:12px;
	border:1px solid rgba(103,74,143,.28);
	padding:.66rem .8rem;
	font-size:.95rem;
}

.job-application-form .form-control:focus,
.job-application-form .form-select:focus{
	border-color:#7d47b5;
	box-shadow:0 0 0 .2rem rgba(125,71,181,.15);
}

.job-application-form textarea.form-control{
	min-height:130px;
	resize:vertical;
}

.job-apply-btn{
	padding:.7rem 1.3rem;
	border-radius:999px;
	font-weight:700;
	background:linear-gradient(135deg,#7d47b5,#5a258d);
	border:none;
}

.job-apply-btn:hover{
	background:linear-gradient(135deg,#6f3fa3,#4e1f7c);
}

@media (max-width: 991.98px){
	.job-details-layout{
		grid-template-columns:1fr;
		gap:18px;
	}

	.job-application-column .job-application-card{
		position:static;
	}
}

@media (max-width: 575.98px){
	.job-details-card,
	.job-application-card{
		border-radius:14px;
	}

	.job-details-card h2{
		font-size:1.65rem;
	}
}

/* --- Locations Page Custom Styles --- */
body.locations-page{
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 22%,#f7f1fb 100%);
}

.locations-page .navbar{
	/* background:linear-gradient(90deg,rgba(5,4,24,.98) 0%,rgba(12,6,42,.96) 52%,rgba(18,8,56,.94) 100%); */
	box-shadow:none;
}

.locations-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

.locations-hero-banner{
	position:relative;
	overflow:hidden;
	min-height:290px;
	background:
		radial-gradient(circle at 18% 34%,rgba(173,136,236,.2),transparent 32%),
		radial-gradient(circle at 74% 22%,rgba(210,183,247,.17),transparent 30%),
		linear-gradient(180deg,#5c2eb3 0%,#6a3cc1 58%,#6e43c6 100%);
}

.locations-hero-banner::after{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 36% 48%,rgba(255,255,255,.08),transparent 34%),
		linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(39,14,87,.17) 100%);
	pointer-events:none;
}

.locations-hero-banner__inner{
	position:relative;
	z-index:1;
	min-height:290px;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(360px,46%);
	align-items:center;
	gap:10px;
	max-width:1220px;
	width:100%;
	padding-top:16px;
	padding-bottom:0;
	padding-left:clamp(16px,4.2vw,56px);
	padding-right:clamp(16px,4.2vw,56px);
}

.locations-hero-banner__copy{
	position:relative;
	z-index:2;
	padding:38px 0 32px;
	color:#fff;
	max-width:360px;
	left:-200px
}

.locations-hero-banner__copy h1{
	margin:0 0 8px;
	font-size:clamp(2.2rem,3.6vw,3.2rem);
	font-weight:800;
	letter-spacing:-0.035em;
	line-height:.96;
}

.locations-hero-banner__copy p{
	margin:0;
	font-size:0.76rem;
	line-height:1.45;
	color:rgba(255,255,255,.93);
	max-width:245px;
}

.locations-hero-banner__mapwrap{
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	min-height:248px;
	height:100%;
	align-self:end;
	overflow:visible;
	background:transparent;
	padding:0;
	border:0;
	box-shadow:none;
}

.locations-map{
	position:relative;
	right: -250px;
	width:calc(100% + 84px);
	height:100%;
	min-height:236px;
	border-radius:0;
	/* background:linear-gradient(180deg,rgba(214,188,245,.25) 0%,rgba(190,156,233,.22) 100%); */
	border:0;
	box-shadow:none;
	overflow:visible;
	transform:none;
}

.locations-map__image{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center;
	opacity:.74;
	filter:contrast(.9) brightness(1.22) saturate(.72);
	mix-blend-mode:screen;
}

.locations-map__svg{
	background:linear-gradient(180deg,#d8c0f2 0%,#cfafea 56%,#be94df 100%);
}

.locations-map__marker{
	position:absolute;
	width:74px;
	height:74px;
	border-radius:50%;
	display:grid;
	place-items:center;
	background:transparent;
	box-shadow:0 8px 16px rgba(35,12,56,.2);
	animation:locations-marker-pulse 2.2s ease-in-out infinite;
}

.locations-map__marker img{
	width:100%;
	height:100%;
	object-fit:contain;
	filter:drop-shadow(0 5px 9px rgba(38,12,61,.28));
}

.locations-map__marker--brisbane{ top:20%; left:62%; }
.locations-map__marker--sydney{ top:51%; left:73%; }
.locations-map__marker--melbourne{ top:70%; left:53%; }

@keyframes locations-marker-pulse{
	0%,100%{ transform:scale(1); box-shadow:0 8px 20px rgba(35,12,56,.25); }
	50%{ transform:scale(1.08); box-shadow:0 12px 26px rgba(35,12,56,.34); }
}

.locations-hero-banner__wave{
	position:absolute;
	right:-24px;
	bottom:-52px;
	width:min(50vw,660px);
	max-width:none;
	pointer-events:none;
	z-index:3;
	opacity:.72;
}

.locations-page-main{
	padding:22px 0 18px;
	background:#fff;
}

.locations-page-shell{
	max-width:1240px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.locations-page-section + .locations-page-section{
	margin-top:24px;
}

.locations-page-heading{
	display:flex;
	align-items:center;
	gap:16px;
	justify-content:center;
	margin-bottom:8px;
}

.locations-page-heading__rule{
	flex:1 1 auto;
	height:1px;
	background:linear-gradient(90deg,rgba(129,69,180,.24) 0%,rgba(129,69,180,.12) 72%,rgba(129,69,180,0) 100%);
}

.locations-page-heading__titlewrap{
	display:flex;
	align-items:center;
	gap:10px;
	flex:0 0 auto;
}

.locations-page-heading__kicker{
	width:18px;
	height:18px;
	display:grid;
	place-items:center;
	border-radius:50%;
	color:#b8da5a;
	font-size:.78rem;
}

.locations-page-heading h2{
	margin:0;
	font-size:clamp(1.7rem,2vw,2.2rem);
	font-weight:800;
	letter-spacing:-0.04em;
	color:var(--plum-700);
}

.locations-page-subtitle{
	margin:0 0 16px;
	text-align:center;
	font-size:.94rem;
	color:#5f5870;
}

.locations-page-subtitle i{
	color:#8a49c5;
	margin-right:6px;
}

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

/* Locations slideshow carousel */
.locations-carousel{
	position:relative;
	width:100%;
	max-width:100%;
	margin:0;
	overflow:hidden;
}

.locations-carousel .locations-card-grid{
	display:flex !important;
	position:relative;
	min-height:1px;
	gap:0;
	width:100%;
}

.locations-carousel .locations-card-grid > .locations-card{
	display:none;
	opacity:0;
	transform:translateX(26px);
	animation:none;
	transition:opacity .45s ease, transform .45s ease;
}

.locations-carousel .locations-card-grid > .locations-card.is-active{
	display:flex;
	opacity:1;
	transform:translateX(0);
}

.locations-carousel__controls{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	margin-top:14px;
	position:relative;
	z-index:6;
}

.locations-carousel__arrow{
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid rgba(122,61,176,.35);
	background:#fff;
	color:#6b2ca6;
	display:grid;
	place-items:center;
	box-shadow:0 8px 18px rgba(80,33,119,.12);
}

.locations-carousel__arrow:hover{
	background:#f6efff;
}

.locations-carousel__dots{
	display:flex;
	align-items:center;
	gap:8px;
}

.locations-carousel__dot{
	width:10px;
	height:10px;
	border-radius:50%;
	border:0;
	background:rgba(122,61,176,.35);
	padding:0;
}

.locations-carousel__dot.is-active{
	background:#7f33b6;
	box-shadow:0 0 0 3px rgba(127,51,182,.18);
}

.locations-card{
	display:flex;
	flex-direction:column;
	border-radius:18px;
	background:#fff;
	border:1px solid rgba(109,92,135,.08);
	box-shadow:0 12px 24px rgba(80,33,119,.06);
	overflow:hidden;
	height:100%;
	opacity:0;
	transform:translateX(-34px);
	animation:locations-card-slide-in-left .72s cubic-bezier(.22,.61,.36,1) forwards;
	will-change:transform,opacity;
}

.locations-card-grid .locations-card:nth-child(1){ animation-delay:.05s; }
.locations-card-grid .locations-card:nth-child(2){ animation-delay:.17s; }
.locations-card-grid .locations-card:nth-child(3){ animation-delay:.29s; }

@keyframes locations-card-slide-in-left{
	from{
		opacity:0;
		transform:translateX(-34px);
	}
	to{
		opacity:1;
		transform:translateX(0);
	}
}

@media (prefers-reduced-motion: reduce){
	.locations-card{
		opacity:1;
		transform:none;
		animation:none;
	}
}

/* ===== Scroll-triggered slide-up animations ===== */
.slide-up {
	opacity: 0;
	transform: translateY(25px);
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	will-change: opacity, transform;
}

.slide-up.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Staggered delays for child elements */
.slide-up-delay-1 { transition-delay: 0.08s; }
.slide-up-delay-2 { transition-delay: 0.16s; }
.slide-up-delay-3 { transition-delay: 0.24s; }
.slide-up-delay-4 { transition-delay: 0.32s; }
.slide-up-delay-5 { transition-delay: 0.4s; }

/* ===== Locations Page Map with Pins ===== */
.map-container {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 500px;
}

.map-image {
	width: 100%;
	height: auto;
	display: block;
}

.map-pin {
	position: absolute;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 10;
	animation: pin-bounce 2s ease-in-out infinite;
}

.map-pin img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	background: #fff;
	padding: 2px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.map-pin:hover img {
	transform: scale(1.2);
	box-shadow: 0 6px 20px rgba(127, 51, 182, 0.5);
}

.pin-label {
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 4px;
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff;
	background: rgba(80, 33, 119, 0.9);
	padding: 2px 8px;
	border-radius: 10px;
	white-space: nowrap;
	text-align: center;
}

@keyframes pin-bounce {
	0%, 100% { transform: translate(-50%, -50%); }
	50% { transform: translate(-50%, calc(-50% - 5px)); }
}

@media (max-width: 768px) {
	.map-pin img {
		width: 30px;
		height: 30px;
	}
	.pin-label {
		font-size: 0.65rem;
	}
}

/* Fade-in variant */
.fade-in {
	opacity: 0;
	transition: opacity 0.5s ease-out;
}

.fade-in.visible {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.slide-up,
	.fade-in {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.locations-card__media{
	height:180px;
	overflow:hidden;
}

.locations-card__media img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.locations-card__body{
	padding:16px 16px 18px;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.locations-card__body h3{
	margin:0;
	font-size:1.2rem;
	font-weight:800;
	letter-spacing:-0.03em;
	color:#2e2541;
}

.locations-card__body p{
	margin:0;
	font-size:.9rem;
	line-height:1.45;
	color:#61596f;
}

.locations-card__services{
	margin:0;
	padding-left:18px;
	display:grid;
	gap:5px;
	color:#544c63;
	font-size:.86rem;
}

.locations-card__meta{
	display:flex;
	gap:8px;
	align-items:flex-start;
	font-size:.86rem;
	color:#5a5370;
}

.locations-card__meta i{
	color:#8a49c5;
	margin-top:2px;
}

.locations-card__button{
	margin-top:auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 16px;
	border-radius:999px;
	text-decoration:none;
	font-size:.9rem;
	font-weight:800;
	color:#fff;
	background:linear-gradient(90deg,#b255ff 0%,#7924a0 100%);
	box-shadow:0 10px 20px rgba(95,28,140,.18);
}

.locations-card__button:hover{
	color:#fff;
	filter:brightness(1.05);
}

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

@media (max-width: 991.98px){
	.locations-hero-banner__inner{
		grid-template-columns:minmax(0,1fr) minmax(300px,45%);
		min-height:360px;
	}

	.locations-hero-banner__copy{
		padding:58px 0 40px;
	}

	.locations-hero-banner__mapwrap{
		min-height:280px;
	}
}

@media (max-width: 767.98px){
	.locations-page .navbar{
		padding:14px 0;
	}

	.locations-hero-banner{
		min-height:auto;
	}

	.locations-hero-banner__inner{
		grid-template-columns:1fr;
		min-height:auto;
		gap:0;
		padding-bottom:24px;
	}

	.locations-hero-banner__copy{
		padding:34px 0 16px;
	}

	.locations-hero-banner__copy p{
		font-size:1rem;
	}

	.locations-hero-banner__mapwrap{
		min-height:240px;
		border-radius:0;
		padding:0;
	}

	.locations-map{
		left:-22px;
		width:calc(100% + 44px);
		min-height:220px;
		border-radius:0;
		transform:none;
	}

	.locations-map__marker{
		width:58px;
		height:58px;
	}

	.locations-hero-banner__wave{
		right:-48px;
		bottom:-52px;
		width:min(96vw,660px);
	}

	.locations-page-main{
		padding-top:48px;
	}

	.locations-page-heading{
		gap:10px;
	}

	.locations-card-grid{
		grid-template-columns:1fr;
	}
}

@media (max-width: 575.98px){
	.locations-hero-banner__copy h1{
		font-size:2.7rem;
	}

	.locations-page-shell{
		padding-left:14px;
		padding-right:14px;
	}

	.locations-page-heading__rule{
		display:none;
	}

	.locations-card{
		min-height:auto;
	}
}

/* --- Contact Hero Section Custom Styles --- */
.contact-hero{
	position:relative;
	overflow:hidden;
	background:linear-gradient(90deg,#4a1769 0%,#7635ab 58%,#c59ad4 100%);
	color:#fff;
	min-height:340px;
	padding:0;
}

.contact-hero .container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-top:48px;
	padding-bottom:0;
}

.contact-hero .hero-content{
	flex:1 1 420px;
	min-width:320px;
}

.contact-hero .hero-image{
	flex:1 1 340px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	min-width:260px;
}

.contact-hero .hero-image img{
	max-width:380px;
	width:100%;
	border-radius:32px;
	box-shadow:0 16px 48px rgba(60,24,87,.18);
	object-fit:cover;
}

@media (max-width: 767.98px){
	.contact-hero{
		padding-bottom:20px;
	}

	.contact-hero .container{
		padding-top:24px;
		gap:18px;
	}

	.contact-hero .hero-content{
		min-width:0;
	}

	.contact-hero .hero-image{
		justify-content:center;
		min-width:0;
		width:100%;
	}
}

/* --- Careers Hero Section Custom Styles --- */
.careers-hero{
	position:relative;
	overflow:hidden;
	min-height:360px;
	padding:10px 0 6px;
	background:
		radial-gradient(circle at 20% 24%,rgba(202,130,255,.18),transparent 20%),
		radial-gradient(circle at 34% 72%,rgba(130,72,210,.18),transparent 24%),
		radial-gradient(circle at 79% 11%,rgba(255,255,255,.16),transparent 24%),
		radial-gradient(circle at 84% 80%,rgba(170,220,86,.12),transparent 16%),
		linear-gradient(90deg,#4a1769 0%,#61278d 34%,#7635ab 58%,#c59ad4 100%);
}

.careers-hero .container{
	position:relative;
	z-index:3;
	max-width:none;
	width:100%;
	min-height:360px;
	padding-top:108px;
	padding-left:clamp(20px,5vw,72px);
	padding-right:clamp(20px,5vw,72px);
}

.careers-hero .row{
	min-height:252px;
}

.careers-hero .hero-text{
	padding-top:0;
	max-width:500px;
}

.careers-hero .trust-pill{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:9px 18px;
	border-radius:999px;
	margin-bottom:12px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.18);
	font-size:12px;
	font-weight:700;
}

.careers-hero .hero-text h1{
	margin:0 0 12px;
	font-size:clamp(2.15rem,3vw,3rem);
	line-height:.92;
	font-weight:800;
	letter-spacing:-0.06em;
	max-width:500px;
}

.careers-hero .hero-text p{
	max-width:500px;
	margin:0;
	color:rgba(255,255,255,.85);
	font-size:12px;
	line-height:1.42;
}

.careers-hero .green{
	color:var(--lime-400);
}

.careers-hero .hero-actions{
	margin-top:18px !important;
}

.careers-hero .hero-actions .btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:12px 20px;
	border-radius:999px;
	font-weight:800;
	font-size:13px;
}

.careers-hero .btn-primary-hero{
	color:#fff;
	background:linear-gradient(135deg,#cb7cff,var(--plum-700));
	box-shadow:0 16px 30px rgba(71,19,115,.32);
}

.careers-hero .btn-primary-hero:hover{
	color:#fff;
}

.careers-hero .btn-hero-outline{
	border:1px solid rgba(255,255,255,.45);
}

.careers-hero .hero-image{
	position:relative;
	display:flex;
	justify-content:flex-end;
	padding-left:0;
	padding-bottom:0;
	max-width:540px;
	margin-left:auto;
	margin-right:0;
}

.careers-hero .hero-visual{
	position:relative;
	max-width:540px;
	min-height:320px;
	margin-left:0;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	overflow:hidden;
	padding:0;
	border-radius:430px 46px 46px 430px;
	background:transparent;
	box-shadow:none;
	z-index:1;
}

.careers-hero .hero-photo{
	width:100%;
	height:100%;
	min-height:320px;
	object-fit:cover;
	object-position:58% 38%;
	border-radius:inherit;
	filter:brightness(1.05) saturate(1.03) contrast(1.03);
	position:relative;
	z-index:1;
}

.careers-hero .hero-wave{
	position:absolute;
	right:-2px;
	bottom:-18px;
	width:min(32vw,420px);
	max-width:100%;
	clip-path:inset(0 0 44px 0);
	opacity:1;
	filter:none;
	mix-blend-mode:normal;
	z-index:3;
	pointer-events:none;
}

@media (max-width: 767.98px){
	.careers-hero{
		min-height:auto;
		padding-top:48px;
		padding-bottom:84px;
	}

	.careers-hero .container,
	.careers-hero .row{
		min-height:auto;
	}

	.careers-hero .hero-text,
	.careers-hero .hero-image{
		text-align:center;
	}

	.careers-hero .hero-image{
		padding-left:0;
		margin-right:0;
		max-width:none;
	}

	.careers-hero .hero-text p{
		margin-left:auto;
		margin-right:auto;
	}

	.careers-hero .hero-actions{
		justify-content:center;
		text-align:center;
	}

	.careers-hero .hero-visual{
		min-height:360px;
		margin-top:24px;
		margin-left:0;
		max-width:100%;
		border-radius:42px;
	}

	.careers-hero .hero-wave{
		right:0;
		bottom:-42px;
		width:min(72vw,520px);
		clip-path:inset(0 0 42px 0);
	}
}

@media (max-width: 575.98px){
	.careers-hero{
		padding-bottom:84px;
	}

	.careers-hero .hero-text h1{
		font-size:2.55rem;
	}
}

/* ===== Services Details Page ===== */
.services-page-card--link{
	display:block;
	text-decoration:none;
	color:inherit;
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.services-page-card--link:hover{
	transform:translateY(-4px);
	box-shadow:0 18px 32px rgba(80,33,119,.14);
	border-color:rgba(138,73,197,.4);
	color:inherit;
}

.service-details-page .hero{
	min-height:340px;
}

.service-details-main{
	padding:48px 0 24px;
	background:transparent;
}

.service-details-breadcrumb .breadcrumb{
	margin-bottom:0;
}
.service-details-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
	color:var(--bs-primary, #6f42c1);
}
.service-details-breadcrumb a{
	color:var(--bs-primary, #6f42c1);
	text-decoration:none;
}
.service-details-breadcrumb a:hover{
	text-decoration:underline;
}

.service-details-main .services-page-section + .services-page-section{
	margin-top:56px;
}

.service-details-intro__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:48px;
	align-items:center;
	margin-top:18px;
}

.service-details-intro__image{
	border-radius:24px;
	overflow:hidden;
	box-shadow:0 24px 48px rgba(80,33,119,.14);
	aspect-ratio:4 / 3;
	background:#ece6f4;
}

.service-details-intro__image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.service-details-intro__copy{
	display:flex;
	flex-direction:column;
	gap:18px;
	color:#3f3753;
	font-size:1rem;
	line-height:1.6;
}

.service-details-intro__lead{
	margin:0;
	font-size:1.02rem;
	line-height:1.65;
	color:#3f3753;
}

.service-details-intro__lead strong{
	color:var(--plum-700);
	font-weight:800;
}

.service-details-intro__secondary{
	margin:0;
	padding-top:18px;
	border-top:1px solid rgba(109,92,135,.18);
	font-size:.95rem;
	line-height:1.6;
	color:#5f5870;
}

.service-details-card-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:22px;
	margin-top:24px;
}

.service-details-card{
	padding:30px 24px 26px;
	text-align:center;
	border-radius:18px;
	background:#fff;
	border:1px solid rgba(109,92,135,.08);
	box-shadow:0 14px 28px rgba(80,33,119,.07);
	transition:transform .25s ease, box-shadow .25s ease;
}

.service-details-card:hover{
	transform:translateY(-4px);
	box-shadow:0 22px 38px rgba(80,33,119,.14);
}

.service-details-card__icon{
	width:64px;
	height:64px;
	margin:0 auto 16px;
	display:grid;
	place-items:center;
	border-radius:16px;
	background:linear-gradient(135deg,rgba(138,73,197,.16) 0%,rgba(181,121,228,.12) 100%);
	color:#8a49c5;
	font-size:1.9rem;
}

.service-details-card h3{
	margin:0 0 8px;
	font-size:1.12rem;
	font-weight:800;
	letter-spacing:-0.02em;
	color:var(--plum-700);
}

.service-details-card p{
	margin:0;
	font-size:.88rem;
	line-height:1.55;
	color:#61596f;
}

@media (max-width: 991.98px){
	.service-details-intro__grid{
		grid-template-columns:1fr;
		gap:28px;
	}

	.service-details-card-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 575.98px){
	.service-details-main{
		padding-top:32px;
	}

	.service-details-card-grid{
		grid-template-columns:1fr;
		gap:16px;
	}

	.service-details-intro__image{
		aspect-ratio:5 / 4;
	}
}

/* ===== Contact Page ===== */
body.contact-page{
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 26%,#faf8fd 100%);
}

.contact-hero{
	position:relative;
	overflow:hidden;
	color:#fff;
	background:
		radial-gradient(circle at 18% 32%,rgba(202,130,255,.22),transparent 22%),
		radial-gradient(circle at 82% 12%,rgba(255,255,255,.16),transparent 24%),
		radial-gradient(circle at 86% 82%,rgba(170,220,86,.14),transparent 18%),
		linear-gradient(90deg,#4a1769 0%,#61278d 36%,#7635ab 64%,#c59ad4 100%);
}

.contact-hero__inner{
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
	gap:48px;
	align-items:center;
	padding-top:72px;
	padding-bottom:72px;
}

.contact-hero__copy{
	max-width:520px;
}

.contact-hero__eyebrow{
	margin:0 0 14px;
	font-size:.86rem;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:rgba(255,255,255,.75);
}

.contact-hero__copy h1{
	margin:0 0 14px;
	font-size:clamp(2.4rem,3.6vw,3.4rem);
	font-weight:800;
	line-height:1;
	letter-spacing:-0.04em;
}

.contact-hero__highlight{
	color:var(--lime-400,#a8ef48);
}

.contact-hero__lead{
	margin:0 0 28px;
	font-size:1.05rem;
	line-height:1.55;
	color:rgba(255,255,255,.88);
	max-width:460px;
}

.contact-hero__actions{
	display:flex;
	gap:14px;
	flex-wrap:wrap;
}

.contact-hero__btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:14px 26px;
	border-radius:999px;
	font-weight:700;
	font-size:1rem;
}

.contact-hero__btn--ghost{
	background:transparent;
	border:1.5px solid rgba(255,255,255,.55);
	color:#fff;
}

.contact-hero__btn--ghost:hover{
	background:rgba(255,255,255,.12);
	color:#fff;
}

.contact-hero__visual{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-height:360px;
}

.contact-hero__photo{
	width:100%;
	max-width:440px;
	height:380px;
	object-fit:cover;
	object-position:58% 32%;
	border-radius:280px 32px 32px 280px;
	box-shadow:0 24px 48px rgba(48,15,80,.32);
}

.contact-hero__badge{
	position:absolute;
	left:18px;
	bottom:18px;
	width:84px;
	height:84px;
	display:grid;
	place-items:center;
	padding:10px;
	border-radius:22px;
	background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(82,48,142,.4) 100%);
	backdrop-filter:blur(12px);
	box-shadow:0 18px 32px rgba(45,12,80,.32);
}

.contact-hero__badge img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.contact-main{
	padding:64px 0 24px;
}

.contact-grid{
	display:grid;
	grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
	gap:28px;
	align-items:start;
}

.contact-card{
	background:#fff;
	border-radius:22px;
	border:1px solid rgba(109,92,135,.1);
	box-shadow:0 18px 36px rgba(75,30,120,.07);
	padding:30px 30px 28px;
}

.contact-card__header{
	display:flex;
	flex-direction:column;
	gap:6px;
	margin-bottom:18px;
}

.contact-card__kicker{
	width:42px;
	height:42px;
	display:grid;
	place-items:center;
	border-radius:14px;
	background:linear-gradient(135deg,rgba(138,73,197,.18) 0%,rgba(181,121,228,.12) 100%);
	color:#8a49c5;
	font-size:1.25rem;
	margin-bottom:4px;
}

.contact-card__header h2{
	margin:0;
	font-size:1.5rem;
	font-weight:800;
	letter-spacing:-0.02em;
	color:var(--plum-700,#4f1b7a);
}

.contact-card__header p{
	margin:0;
	color:#61596f;
	font-size:.92rem;
}

.contact-required{
	color:#d04646;
	font-weight:800;
}

.contact-form{
	display:flex;
	flex-direction:column;
	gap:18px;
}

.contact-form__row{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}

.contact-field{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.contact-field label{
	font-size:.88rem;
	font-weight:700;
	color:#3f3753;
}

.contact-field .form-control,
.contact-field .form-select{
	border-radius:12px;
	border:1.5px solid rgba(109,92,135,.18);
	padding:12px 14px;
	font-size:.98rem;
	background:#fafafd;
	transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.contact-field .form-control:focus,
.contact-field .form-select:focus{
	border-color:#8a49c5;
	box-shadow:0 0 0 4px rgba(138,73,197,.16);
	background:#fff;
	outline:none;
}

.contact-field .form-control.is-invalid,
.contact-field .form-select.is-invalid{
	border-color:#d04646;
	background:#fff5f5;
}

.contact-field .form-control.is-invalid:focus,
.contact-field .form-select.is-invalid:focus{
	box-shadow:0 0 0 4px rgba(208,70,70,.16);
}

.contact-field textarea.form-control{
	resize:vertical;
	min-height:130px;
}

.contact-error{
	color:#c22929;
	font-size:.82rem;
	font-weight:600;
	margin-top:2px;
}

.contact-honeypot{
	position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.contact-submit{
	align-self:flex-start;
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:14px 32px;
	border-radius:999px;
	font-weight:700;
	font-size:1rem;
}

.contact-alert{
	display:flex;
	gap:14px;
	align-items:flex-start;
	padding:16px 18px;
	border-radius:14px;
	margin-bottom:20px;
	font-size:.95rem;
	line-height:1.45;
}

.contact-alert i{
	font-size:1.4rem;
	flex-shrink:0;
	margin-top:1px;
}

.contact-alert p{
	margin:4px 0 0;
}

.contact-alert--success{
	background:linear-gradient(135deg,rgba(46,204,113,.12) 0%,rgba(46,204,113,.04) 100%);
	border:1px solid rgba(46,204,113,.32);
	color:#1e7a44;
}

.contact-alert--success a{
	color:#1e7a44;
	font-weight:700;
}

.contact-alert--error{
	background:#fdecec;
	border:1px solid rgba(208,70,70,.28);
	color:#a92626;
}

.contact-side{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.contact-info-list{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:18px;
}

.contact-info-list li{
	display:flex;
	gap:14px;
	align-items:flex-start;
}

.contact-info-list__icon{
	width:42px;
	height:42px;
	flex-shrink:0;
	display:grid;
	place-items:center;
	border-radius:12px;
	background:linear-gradient(135deg,rgba(138,73,197,.16) 0%,rgba(181,121,228,.1) 100%);
	color:#8a49c5;
	font-size:1.15rem;
}

.contact-info-list li > div{
	display:flex;
	flex-direction:column;
	gap:2px;
	font-size:.94rem;
}

.contact-info-list strong{
	color:var(--plum-700,#4f1b7a);
	font-size:.95rem;
}

.contact-info-list a{
	color:#3f3753;
	text-decoration:none;
}

.contact-info-list a:hover{
	color:#8a49c5;
}

.contact-info-list small{
	color:#7a7388;
	font-size:.82rem;
}

.contact-map-card{
	padding:0;
	overflow:hidden;
}

.contact-map-card iframe{
	width:100%;
	height:240px;
	border:0;
	display:block;
}

.contact-help{
	padding:48px 0 24px;
	background:transparent;
}

.contact-help__grid{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:18px;
	margin-top:24px;
}

.contact-help__card{
	padding:24px 18px 22px;
	text-align:center;
	border-radius:18px;
	background:#fff;
	border:1px solid rgba(109,92,135,.08);
	box-shadow:0 14px 28px rgba(80,33,119,.06);
	transition:transform .25s ease, box-shadow .25s ease;
}

.contact-help__card:hover{
	transform:translateY(-4px);
	box-shadow:0 22px 38px rgba(80,33,119,.14);
}

.contact-help__icon{
	width:56px;
	height:56px;
	margin:0 auto 14px;
	display:grid;
	place-items:center;
	border-radius:16px;
	background:linear-gradient(135deg,rgba(138,73,197,.16) 0%,rgba(181,121,228,.1) 100%);
	color:#8a49c5;
	font-size:1.6rem;
}

.contact-help__card h3{
	margin:0 0 8px;
	font-size:1rem;
	font-weight:800;
	letter-spacing:-0.02em;
	color:var(--plum-700,#4f1b7a);
}

.contact-help__card p{
	margin:0;
	font-size:.85rem;
	line-height:1.5;
	color:#61596f;
}

.contact-why{
	margin:48px 0 0;
	padding:36px 0;
	color:#fff;
	background:
		radial-gradient(circle at 14% 28%,rgba(202,130,255,.18),transparent 22%),
		linear-gradient(90deg,#4a1769 0%,#7635ab 100%);
}

.contact-why__inner{
	display:grid;
	grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
	gap:36px;
	align-items:center;
}

.contact-why__copy h2{
	margin:0 0 18px;
	font-weight:800;
	font-size:1.65rem;
	letter-spacing:-0.02em;
}

.contact-why__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
}

.contact-why__item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 16px;
	border-radius:14px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.14);
	font-size:.96rem;
	font-weight:600;
}

.contact-why__item i{
	font-size:1.4rem;
	color:var(--lime-400,#a8ef48);
}

.contact-why__art img{
	width:100%;
	max-height:220px;
	object-fit:cover;
	border-radius:18px;
	box-shadow:0 24px 36px rgba(28,8,56,.32);
}

.contact-cta{
	padding:36px 0 56px;
}

.contact-cta__inner{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	align-items:center;
	justify-content:space-between;
	padding:24px 28px;
	border-radius:22px;
	background:#fff;
	border:1px solid rgba(109,92,135,.1);
	box-shadow:0 18px 36px rgba(75,30,120,.08);
}

.contact-cta__heading{
	display:flex;
	align-items:center;
	gap:14px;
	font-size:1.2rem;
	font-weight:800;
	color:var(--plum-700,#4f1b7a);
}

.contact-cta__heading i{
	font-size:1.8rem;
	color:#8a49c5;
}

.contact-cta__actions{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}

.contact-cta__btn{
	display:flex;
	flex-direction:column;
	min-width:200px;
	padding:12px 24px;
	border-radius:14px;
	text-decoration:none;
	font-weight:700;
	background:linear-gradient(135deg,#7635ab 0%,#4a1769 100%);
	color:#fff;
	transition:transform .2s ease, box-shadow .2s ease;
}

.contact-cta__btn:hover{
	transform:translateY(-2px);
	color:#fff;
	box-shadow:0 18px 30px rgba(75,30,120,.22);
}

.contact-cta__btn--outline{
	background:#fff;
	color:var(--plum-700,#4f1b7a);
	border:1.5px solid rgba(118,53,171,.55);
}

.contact-cta__btn--outline:hover{
	color:var(--plum-700,#4f1b7a);
	background:#faf3ff;
}

.contact-cta__btn-label{
	font-size:.78rem;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
	opacity:.85;
}

.contact-cta__btn-value{
	font-size:1.05rem;
	font-weight:800;
	margin-top:2px;
}

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

@media (max-width: 991.98px){
	.contact-hero__inner{
		grid-template-columns:1fr;
		gap:32px;
		padding-top:60px;
		padding-bottom:52px;
	}

	.contact-hero__visual{
		justify-content:center;
		min-height:300px;
	}

	.contact-hero__photo{
		max-width:520px;
		height:320px;
		border-radius:42px;
	}

	.contact-grid{
		grid-template-columns:1fr;
	}

	.contact-why__inner{
		grid-template-columns:1fr;
	}

	.contact-why__art img{
		max-height:180px;
	}
}

@media (max-width: 767.98px){
	.contact-form__row{
		grid-template-columns:1fr;
	}

	.contact-help__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.contact-cta__inner{
		flex-direction:column;
		align-items:flex-start;
	}

	.contact-cta__actions{
		width:100%;
	}

	.contact-cta__btn{
		flex:1 1 auto;
		min-width:0;
	}
}

@media (max-width: 575.98px){
	.contact-card{
		padding:24px 20px 22px;
	}

	.contact-hero__photo{
		height:260px;
	}

	.contact-help__grid{
		grid-template-columns:1fr;
	}

	.contact-why__grid{
		grid-template-columns:1fr;
	}
}

/* ===== Our Team Page ===== */
.team-section{
	padding:64px 0 72px;
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 26%,#faf8fd 100%);
}

.team-section .section-subtitle{
	margin:8px 0 0;
	font-size:.94rem;
	color:#5f5870;
}

/* Team Card Grid */
.team-card{
	position:relative;
	display:flex;
	flex-direction:column;
	border-radius:20px;
	background:#fff;
	border:1px solid rgba(109,92,135,.1);
	box-shadow:0 14px 30px rgba(80,33,119,.08);
	overflow:hidden;
	transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
	opacity:0;
	transform:translateY(28px);
	animation:team-fade-up .6s cubic-bezier(.22,.61,.36,1) forwards;
}

.team-card:nth-child(1){ animation-delay:.05s; }
.team-card:nth-child(2){ animation-delay:.14s; }
.team-card:nth-child(3){ animation-delay:.23s; }
.team-card:nth-child(4){ animation-delay:.32s; }
.team-card:nth-child(5){ animation-delay:.41s; }
.team-card:nth-child(6){ animation-delay:.5s; }

@keyframes team-fade-up{
	from{
		opacity:0;
		transform:translateY(28px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

.team-card:hover{
	transform:translateY(-6px);
	box-shadow:0 22px 42px rgba(80,33,119,.14);
	border-color:rgba(138,73,197,.35);
}

.team-card.expanded{
	transform:translateY(-4px);
	box-shadow:0 24px 44px rgba(80,33,119,.16);
	border-color:rgba(138,73,197,.45);
}

/* Team Card Front */
.team-card-front{
	padding:32px 24px 24px;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
}

.team-avatar{
	width:88px;
	height:88px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:linear-gradient(135deg,rgba(138,73,197,.14) 0%,rgba(181,121,228,.1) 100%);
	color:#8a49c5;
	font-size:3.2rem;
	margin-bottom:4px;
	transition:transform .3s ease, box-shadow .3s ease;
	overflow:hidden;
}

.team-photo{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:50%;
}

.team-card:hover .team-avatar{
	transform:scale(1.06);
	box-shadow:0 8px 24px rgba(138,73,197,.22);
}

.team-card-front h4{
	margin:0;
	font-size:1.22rem;
	font-weight:800;
	letter-spacing:-0.03em;
	color:#2e2541;
}

.team-role{
	display:inline-block;
	padding:5px 14px;
	border-radius:999px;
	background:linear-gradient(135deg,rgba(138,73,197,.1) 0%,rgba(181,121,228,.08) 100%);
	color:#7d3bb5;
	font-size:.82rem;
	font-weight:700;
	letter-spacing:0.01em;
}

.team-brief{
	margin:4px 0 8px;
	font-size:.88rem;
	line-height:1.5;
	color:#61596f;
	max-width:280px;
}

/* View Details Button */
.btn-team-details{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:9px 20px;
	border-radius:999px;
	border:2px solid rgba(138,73,197,.35);
	background:transparent;
	color:#7d3bb5;
	font-size:.88rem;
	font-weight:700;
	transition:all .25s ease;
	cursor:pointer;
}

.btn-team-details:hover{
	background:rgba(138,73,197,.08);
	border-color:rgba(138,73,197,.55);
	color:#5f1f9e;
}

.btn-team-details i{
	font-size:.82rem;
	transition:transform .3s ease;
}

.team-card.expanded .btn-team-details{
	background:linear-gradient(135deg,#8a49c5,#6b2ca6);
	border-color:transparent;
	color:#fff;
}

.team-card.expanded .btn-team-details:hover{
	background:linear-gradient(135deg,#7d3bb5,#5f1f9e);
}

/* Team Card Details (expandable) */
.team-card-details{
	overflow:hidden;
	max-height:0;
	opacity:0;
	transition:max-height .45s cubic-bezier(.4,0,.2,1), opacity .35s ease, padding .35s ease;
	background:linear-gradient(180deg,rgba(250,247,253,.6) 0%,rgba(255,255,255,0) 100%);
	border-top:1px solid rgba(109,92,135,.08);
}

.team-card.expanded .team-card-details{
	max-height:500px;
	opacity:1;
}

.team-details-inner{
	padding:20px 24px 24px;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.team-details-inner p{
	margin:0;
	font-size:.88rem;
	line-height:1.55;
	color:#4b4362;
	display:flex;
	align-items:flex-start;
	gap:10px;
}

.team-details-inner p i{
	color:#8a49c5;
	font-size:1.05rem;
	margin-top:2px;
	flex-shrink:0;
	width:20px;
	text-align:center;
}

.team-details-inner p strong{
	color:#2e2541;
	font-weight:700;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
	.team-card{
		opacity:1;
		transform:none;
		animation:none;
		transition:none;
	}

	.team-card-details{
		transition:none;
	}
}

/* Responsive */
@media (max-width: 991.98px){
	.team-section{
		padding:48px 0 56px;
	}

	.team-card-front{
		padding:28px 20px 22px;
	}

	.team-avatar{
		width:76px;
		height:76px;
		font-size:2.8rem;
	}

	.team-card-front h4{
		font-size:1.12rem;
	}
}

@media (max-width: 767.98px){
	.team-section{
		padding:40px 0 48px;
	}

	.team-card{
		border-radius:16px;
	}

	.team-card-front{
		padding:24px 18px 20px;
	}

	.team-avatar{
		width:68px;
		height:68px;
		font-size:2.5rem;
	}

	.team-brief{
		font-size:.84rem;
		max-width:240px;
	}

	.team-details-inner{
		padding:16px 18px 20px;
	}

	.team-details-inner p{
		font-size:.84rem;
	}
}

@media (max-width: 575.98px){
	.team-card-front{
		padding:22px 16px 18px;
	}

	.team-avatar{
		width:62px;
		height:62px;
		font-size:2.2rem;
	}

	.team-card-front h4{
		font-size:1.05rem;
	}

	.team-role{
		font-size:.76rem;
		padding:4px 12px;
	}

	.btn-team-details{
		padding:8px 16px;
		font-size:.82rem;
	}

	.team-details-inner{
		padding:14px 16px 18px;
		gap:10px;
	}
}

/* --- Refined Admin Navigation --- */
.admin-sidebar,
.admin-canvas{
	background:#231832;
}

.admin-sidebar{
	border:1px solid rgba(255,255,255,.08);
	border-radius:1.15rem;
	padding:1rem;
	box-shadow:0 16px 36px rgba(35,24,50,.18);
	height:auto;
	min-height:calc(100vh - 2rem);
	max-height:none;
	overflow:visible;
	align-self:stretch;
}

.admin-app{
	align-items:stretch;
}

.admin-branding{
	padding:.25rem .25rem 1rem;
	margin-bottom:.7rem;
}

.admin-branding img{
	width:46px;
	height:46px;
	padding:.42rem;
	border-radius:.7rem;
	background:#fff;
}

.admin-menu{
	gap:.18rem;
}

.admin-menu-label{
	display:block;
	padding:.8rem .65rem .3rem;
	color:rgba(255,255,255,.38);
	font-size:.65rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.admin-menu a,
.admin-canvas .offcanvas-body .admin-menu a{
	min-height:42px;
	gap:.7rem;
	padding:.62rem .7rem;
	border:0;
	border-left:3px solid transparent;
	border-radius:.65rem;
	color:rgba(255,255,255,.7);
	font-size:.88rem;
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.admin-menu a i,
.admin-canvas .offcanvas-body .admin-menu a i{
	width:1.25rem;
	font-size:.98rem;
}

.admin-menu a:hover,
.admin-canvas .offcanvas-body .admin-menu a:hover{
	transform:none;
	background:rgba(255,255,255,.07);
	border-left-color:rgba(255,255,255,.18);
	color:#fff;
}

.admin-menu a.active,
.admin-canvas .offcanvas-body .admin-menu a.active{
	background:#fff;
	border-left-color:#62a744;
	color:#352047;
	box-shadow:0 5px 14px rgba(0,0,0,.14);
}

.admin-menu a.active i,
.admin-canvas .offcanvas-body .admin-menu a.active i{
	color:#5b2aa6;
}

.admin-profile-chip{
	border:1px solid rgba(255,255,255,.06);
	border-radius:.7rem;
	background:rgba(255,255,255,.06);
}

.admin-logout-trigger{
	border-radius:.7rem !important;
	padding:.65rem .9rem !important;
}

.admin-canvas{
	width:min(320px,88vw) !important;
}

.admin-canvas .offcanvas-header{
	padding:1rem;
	border-bottom:1px solid rgba(255,255,255,.08);
}

.admin-canvas .offcanvas-body{
	padding:0 1rem 1rem;
}

.admin-canvas-brand{
	display:flex;
	align-items:center;
	gap:.7rem;
}

.admin-canvas-brand img{
	width:42px;
	height:42px;
	padding:.38rem;
	border-radius:.65rem;
	background:#fff;
	object-fit:contain;
}

.admin-canvas-brand strong,
.admin-canvas-brand small{
	display:block;
}

.admin-canvas-brand strong{
	color:#fff;
	font-size:.95rem;
}

.admin-canvas-brand small{
	color:rgba(255,255,255,.5);
	font-size:.75rem;
}

.admin-canvas-footer{
	display:grid;
	gap:.75rem;
	margin-top:auto;
	padding-top:1rem;
	border-top:1px solid rgba(255,255,255,.08);
}

/* --- Admin Account Menu --- */
.admin-account-trigger{
	display:flex;
	align-items:center;
	gap:.55rem;
	height:46px;
	padding:0 .75rem 0 .45rem;
	border:1px solid rgba(91,42,166,.1);
	border-radius:999px;
	background:#f4efff;
	color:#352047;
	cursor:pointer;
	transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
	white-space:nowrap;
}

.admin-account-trigger:hover,
.admin-account-trigger[aria-expanded="true"]{
	background:#eee6ff;
	border-color:rgba(91,42,166,.2);
	box-shadow:0 6px 18px rgba(91,42,166,.1);
}

.admin-account-trigger-name{
	font-size:.82rem;
	font-weight:700;
	color:#352047;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:110px;
}

.admin-account-avatar{
	width:34px;
	height:34px;
	display:grid;
	place-items:center;
	flex-shrink:0;
	border-radius:50%;
	background:#6b20c8;
	color:#fff;
	font-weight:800;
	font-size:.78rem;
}

.admin-account-menu{
	width:270px;
	margin-top:.55rem !important;
	padding:.55rem;
	border:1px solid rgba(91,42,166,.1);
	border-radius:.85rem;
	box-shadow:0 16px 36px rgba(35,24,50,.16);
}

.admin-account-menu__profile{
	display:flex;
	align-items:center;
	gap:.7rem;
	padding:.7rem;
	border-bottom:1px solid rgba(91,42,166,.1);
}

.admin-account-menu__profile strong{
	color:#261a35;
	font-size:.9rem;
}

.admin-account-menu__profile small{
	color:#766985;
	font-size:.75rem;
}

.admin-account-logout{
	display:flex;
	align-items:center;
	gap:.6rem;
	margin-top:.45rem;
	padding:.65rem .7rem !important;
	border:0 !important;
	border-radius:.6rem !important;
	color:#8a3345 !important;
	font-size:.85rem !important;
	font-weight:700 !important;
}

.admin-account-logout:hover{
	background:#fff0f3 !important;
	color:#75253a !important;
}

/* --- Admin Utility Navigation --- */
.admin-utility-nav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	min-height:62px;
	padding:.55rem .75rem .55rem 1rem;
	margin-bottom:.75rem;
	border:1px solid rgba(91,42,166,.08);
	border-radius:1rem;
	background:#fff;
	box-shadow:0 8px 25px rgba(91,42,166,.05);
}

.admin-utility-nav__brand span,
.admin-utility-nav__brand small{
	display:block;
}

.admin-utility-nav__brand span{
	color:#291a3a;
	font-size:.85rem;
	font-weight:800;
}

.admin-utility-nav__brand small{
	color:#7a7086;
	font-size:.7rem;
}

.admin-utility-nav__actions{
	display:flex;
	align-items:center;
	gap:.5rem;
}

.admin-utility-button{
	position:relative;
	width:46px;
	height:46px;
	display:grid;
	place-items:center;
	padding:0;
	border:1px solid rgba(91,42,166,.1);
	border-radius:50%;
	background:#f4efff;
	color:#5b2aa6;
	transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.admin-utility-button:hover,
.admin-utility-button[aria-expanded="true"]{
	background:#eee6ff;
	border-color:rgba(91,42,166,.2);
	box-shadow:0 6px 18px rgba(91,42,166,.1);
}

.admin-utility-button i{
	font-size:1.15rem;
}

.admin-notification-count{
	position:absolute;
	top:-3px;
	right:-3px;
	min-width:19px;
	height:19px;
	display:grid;
	place-items:center;
	padding:0 4px;
	border:2px solid #fff;
	border-radius:999px;
	background:#62a744;
	color:#fff;
	font-size:.58rem;
	font-weight:800;
}

.admin-notification-menu{
	width:285px;
	margin-top:.55rem !important;
	padding:.55rem;
	border:1px solid rgba(91,42,166,.1);
	border-radius:.85rem;
	box-shadow:0 16px 36px rgba(35,24,50,.16);
}

.admin-notification-menu__head{
	padding:.6rem .7rem .75rem;
	border-bottom:1px solid rgba(91,42,166,.1);
}

.admin-notification-menu__head strong,
.admin-notification-menu__head small{
	display:block;
}

.admin-notification-menu__head strong{
	color:#261a35;
	font-size:.9rem;
}

.admin-notification-menu__head small{
	color:#766985;
	font-size:.72rem;
}

.admin-notification-menu .dropdown-item{
	display:grid;
	grid-template-columns:22px minmax(0,1fr) auto;
	align-items:center;
	gap:.55rem;
	margin-top:.3rem;
	padding:.65rem .7rem;
	border-radius:.6rem;
	color:#4b4059;
	font-size:.82rem;
}

.admin-notification-menu .dropdown-item i{
	color:#5b2aa6;
}

.admin-notification-menu .dropdown-item strong{
	min-width:24px;
	padding:.15rem .35rem;
	border-radius:999px;
	background:#f0eaff;
	color:#5b2aa6;
	font-size:.68rem;
	text-align:center;
}

.admin-notification-menu .dropdown-item:hover{
	background:#f7f3ff;
}

.dataTables_wrapper .row:first-child > div:last-child{
	display:flex;
	justify-content:flex-end;
}

.dataTables_wrapper .dataTables_filter{
	width:max-content;
	margin-left:auto;
	text-align:right;
}

.dataTables_wrapper .dataTables_filter label{
	text-align:left;
}

@media (max-width:575.98px){
	.dataTables_wrapper .row:first-child > div:last-child{
		display:block;
	}

	.dataTables_wrapper .dataTables_filter{
		width:100%;
		margin-top:.75rem;
		text-align:left;
	}

	.dataTables_wrapper .dataTables_filter label,
	.dataTables_wrapper .dataTables_filter input{
		display:block;
		width:100%;
		margin-left:0 !important;
	}

	.admin-utility-nav{
		min-height:54px;
		padding:.4rem .5rem .4rem .75rem;
	}

	.admin-utility-nav__brand small{
		display:none;
	}

	.admin-utility-button,
	.admin-account-trigger{
		width:42px;
		height:42px;
		min-width:42px;
		padding:0;
	}
}

/* ============================================================
   REFERRAL PAGE
   ============================================================ */

.referral-page .navbar{
	position:relative;
	padding:10px 0;
	background:linear-gradient(90deg,#4d1c78 0%,#6b35a5 56%,#7e42b1 100%);
	box-shadow:0 12px 28px rgba(44,13,72,.22);
}

.referral-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

.referral-page .footer{
	background:
		radial-gradient(circle at 18% 24%,rgba(255,255,255,.08),transparent 18%),
		radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 16%),
		linear-gradient(180deg,#562187 0%,#3b125f 100%);
}

/* --- Referral Section --- */
.referral-section{
	padding:3rem 0 5rem;
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 22%,#f7f1fb 100%);
}

.referral-intro{
	font-size:1.1rem;
	color:#4a3a5e;
	max-width:700px;
	margin-bottom:2.5rem;
	line-height:1.6;
}

/* --- Referral Form --- */
.referral-form{
	max-width:900px;
}

.referral-block{
	background:#fff;
	border:1px solid rgba(91,42,166,.08);
	border-radius:1.25rem;
	padding:2rem 2rem 1.75rem;
	margin-bottom:1.75rem;
	box-shadow:0 4px 20px rgba(91,42,166,.04);
	transition:box-shadow .25s ease;
}

.referral-block:hover{
	box-shadow:0 8px 32px rgba(91,42,166,.08);
}

.referral-block__title{
	font-size:1.25rem;
	font-weight:700;
	color:#2d1748;
	margin-bottom:1.25rem;
	padding-bottom:.75rem;
	border-bottom:2px solid rgba(91,42,166,.10);
	display:flex;
	align-items:center;
	gap:.5rem;
}

.referral-block__title::before{
	content:'';
	width:4px;
	height:22px;
	background:linear-gradient(180deg,#5b2aa6,#7c3aed);
	border-radius:2px;
	display:inline-block;
}

/* --- Form Elements --- */
.referral-form .form-label{
	font-weight:600;
	font-size:.92rem;
	color:#2d1748;
	margin-bottom:.35rem;
}

.referral-form .required{
	color:#dc3545;
}

.referral-form .form-hint{
	display:block;
	font-size:.82rem;
	color:#8a7a9e;
	margin-bottom:.4rem;
}

.referral-form .form-control{
	border:1.5px solid rgba(91,42,166,.15);
	border-radius:.65rem;
	padding:.65rem .9rem;
	font-size:.95rem;
	transition:all .2s ease;
	background:#fdfbff;
}

.referral-form .form-control:focus{
	border-color:#7c3aed;
	box-shadow:0 0 0 3px rgba(124,58,237,.10);
	background:#fff;
}

.referral-form textarea.form-control{
	resize:vertical;
	min-height:100px;
}

.referral-form select.form-control{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c3aed' d='M6 8.825a.5.5 0 0 1-.354-.146L2.47 5.503a.5.5 0 1 1 .707-.707L6 7.62l2.823-2.824a.5.5 0 1 1 .707.707L6.354 8.68A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right .75rem center;
	background-size:12px;
	padding-right:2.25rem;
	cursor:pointer;
}

/* --- Radio Pills --- */
.radio-group{
	display:flex;
	gap:.75rem;
	flex-wrap:wrap;
}

.radio-pill{
	position:relative;
	cursor:pointer;
	margin:0;
}

.radio-pill input[type="radio"]{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.radio-pill__label{
	display:inline-flex;
	align-items:center;
	padding:.55rem 1.4rem;
	border:2px solid rgba(91,42,166,.18);
	border-radius:2rem;
	font-size:.9rem;
	font-weight:600;
	color:#5b2aa6;
	background:#fff;
	transition:all .2s ease;
	user-select:none;
}

.radio-pill:hover .radio-pill__label{
	border-color:#7c3aed;
	background:#f8f4ff;
}

.radio-pill input:checked + .radio-pill__label{
	background:linear-gradient(135deg,#5b2aa6,#7c3aed);
	color:#fff;
	border-color:#5b2aa6;
	box-shadow:0 4px 14px rgba(91,42,166,.25);
}

/* --- Check Pills (Services) --- */
.services-check-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:.6rem;
}

.check-pill{
	position:relative;
	cursor:pointer;
	margin:0;
	display:flex;
	align-items:flex-start;
	gap:.5rem;
}

.check-pill input[type="checkbox"]{
	position:relative;
	opacity:1;
	pointer-events:auto;
	width:1.1rem;
	height:1.1rem;
	margin-top:.2rem;
	flex-shrink:0;
	accent-color:#7c3aed;
	cursor:pointer;
}

.check-pill__label{
	display:inline;
	padding:0;
	border:none;
	border-radius:0;
	font-size:.9rem;
	font-weight:400;
	color:#333;
	background:transparent;
	transition:none;
	user-select:none;
}

.check-pill__label::before{
	content:none;
}

.check-pill:hover .check-pill__label{
	border-color:transparent;
	background:transparent;
	color:#5b2aa6;
}

.check-pill input:checked + .check-pill__label{
	background:transparent;
	color:#5b2aa6;
	font-weight:600;
	border-color:transparent;
	box-shadow:none;
}

.check-pill input:checked + .check-pill__label::before{
	content:none;
}

/* --- Submit Button --- */
.btn-referral-submit{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	padding:.85rem 2.5rem;
	font-size:1.05rem;
	font-weight:700;
	border-radius:3rem;
	background:linear-gradient(135deg,#5b2aa6,#7c3aed);
	color:#fff;
	border:none;
	box-shadow:0 6px 24px rgba(91,42,166,.30);
	transition:all .25s ease;
}

.btn-referral-submit:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 32px rgba(91,42,166,.40);
	background:linear-gradient(135deg,#4d1c78,#6b35a5);
	color:#fff;
}

.btn-referral-submit i{
	font-size:1.2rem;
	transition:transform .2s ease;
}

.btn-referral-submit:hover i{
	transform:translateX(3px);
}

/* --- CTA Banner --- */
.referral-cta{
	padding:4rem 0;
	background:
		radial-gradient(circle at 18% 24%,rgba(255,255,255,.08),transparent 18%),
		radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 16%),
		linear-gradient(180deg,#562187 0%,#3b125f 100%);
	color:#fff;
}

.referral-cta h2{
	font-size:2.2rem;
	font-weight:800;
	margin-bottom:.5rem;
}

.referral-cta p{
	font-size:1.1rem;
	color:rgba(255,255,255,.78);
	margin-bottom:1.75rem;
}

.referral-cta__actions{
	display:flex;
	gap:1rem;
	justify-content:center;
	flex-wrap:wrap;
}

.referral-cta__actions .btn-outline-light{
	border:2px solid rgba(255,255,255,.5);
	border-radius:3rem;
	padding:.75rem 2rem;
	font-weight:600;
	color:#fff;
	transition:all .2s ease;
}

.referral-cta__actions .btn-outline-light:hover{
	background:rgba(255,255,255,.12);
	border-color:#fff;
}

/* --- Responsive --- */
@media (max-width:768px){
	.referral-block{
		padding:1.25rem 1rem 1rem;
	}

	.referral-cta h2{
		font-size:1.6rem;
	}

	.services-check-grid{
		grid-template-columns:repeat(2,1fr);
		gap:.45rem;
	}

	.check-pill__label{
		font-size:.82rem;
	}
}

/* ============================================================
   GET SUPPORT PAGE
   ============================================================ */

.get-support-page .navbar{
	/* position:relative; */
	padding:10px 0;
	/* background:linear-gradient(90deg,#4d1c78 0%,#6b35a5 56%,#7e42b1 100%); */
	box-shadow:0 12px 28px rgba(44,13,72,.22);
}

.get-support-page .navbar .nav-link.active::after{
	background:rgba(255,255,255,.85);
}

.get-support-page .footer{
	background:
		radial-gradient(circle at 18% 24%,rgba(255,255,255,.08),transparent 18%),
		radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 16%),
		linear-gradient(180deg,#562187 0%,#3b125f 100%);
}

/* --- Support Section --- */
.support-section{
	padding:3rem 0 5rem;
	background:linear-gradient(180deg,#faf7fd 0%,#ffffff 22%,#f7f1fb 100%);
}

/* --- Info Cards --- */
.support-info-card{
	background:#fff;
	border:1px solid rgba(91,42,166,.08);
	border-radius:1.25rem;
	padding:1.5rem 1.75rem;
	margin-bottom:1rem;
	box-shadow:0 4px 20px rgba(91,42,166,.04);
	transition:box-shadow .25s ease;
}

.support-info-card:hover{
	box-shadow:0 8px 32px rgba(91,42,166,.08);
}

.support-info-card__icon{
	width:48px;
	height:48px;
	border-radius:50%;
	background:linear-gradient(135deg,rgba(91,42,166,.08),rgba(124,58,237,.12));
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:.85rem;
	font-size:1.3rem;
	color:#7c3aed;
}

.support-info-card h3{
	font-size:1.05rem;
	font-weight:700;
	color:#2d1748;
	margin-bottom:.35rem;
}

.support-info-card p{
	margin:0;
	font-size:.95rem;
	color:#4a3a5e;
}

.support-info-card a{
	color:#5b2aa6;
	text-decoration:none;
	font-weight:500;
	transition:color .2s ease;
}

.support-info-card a:hover{
	color:#7c3aed;
	text-decoration:underline;
}

.support-info-card__closed{
	color:#9a8aae !important;
	font-size:.88rem !important;
}

.support-info-card--quick-links{
	background:linear-gradient(135deg,#faf7fd,#f3edfa);
	border-color:rgba(91,42,166,.12);
}

.support-quick-links{
	list-style:none;
	padding:0;
	margin:.5rem 0 0;
}

.support-quick-links li{
	margin-bottom:.35rem;
}

.support-quick-links a{
	display:inline-flex;
	align-items:center;
	gap:.25rem;
	font-weight:600;
	font-size:.93rem;
	color:#5b2aa6;
	text-decoration:none;
	transition:all .2s ease;
}

.support-quick-links a:hover{
	color:#7c3aed;
	gap:.45rem;
}

.support-quick-links i{
	font-size:1.1rem;
}

/* --- Form Card --- */
.support-form-card{
	/* background:#fff; */
	border:none;
	border-radius:0;
	padding:0;
	box-shadow:none;
}

.support-form-card h2{
	font-size:1.5rem;
	font-weight:700;
	color:#2d1748;
	margin-bottom:.35rem;
}

.support-form-card__intro{
	font-size:.95rem;
	color:#6b5b82;
	margin-bottom:1.5rem;
}

/* --- Support Form --- */
.support-form .form-label{
	font-weight:600;
	font-size:.92rem;
	color:#2d1748;
	margin-bottom:.35rem;
}

.support-form .required{
	color:#dc3545;
}

.support-form .form-control{
	border:1.5px solid rgba(91,42,166,.15);
	border-radius:.65rem;
	padding:.65rem .9rem;
	font-size:.95rem;
	transition:all .2s ease;
	background:#fdfbff;
}

.support-form .form-control:focus{
	border-color:#7c3aed;
	box-shadow:0 0 0 3px rgba(124,58,237,.10);
	background:#fff;
}

.support-form textarea.form-control{
	resize:vertical;
	min-height:120px;
}

/* --- Submit Button --- */
.btn-support-submit{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	padding:.85rem 2.5rem;
	font-size:1.05rem;
	font-weight:700;
	border-radius:3rem;
	background:linear-gradient(135deg,#5b2aa6,#7c3aed);
	color:#fff;
	border:none;
	box-shadow:0 6px 24px rgba(91,42,166,.30);
	transition:all .25s ease;
}

.btn-support-submit:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 32px rgba(91,42,166,.40);
	background:linear-gradient(135deg,#4d1c78,#6b35a5);
	color:#fff;
}

.btn-support-submit i{
	font-size:1.1rem;
}

/* --- Responsive --- */
@media (max-width:768px){
	.support-form-card{
		padding:0;
	}

	.support-info-card{
		padding:1.25rem 1rem;
	}
}

/* Referral form inside support card — remove max-width constraint */
.support-form-card .referral-form {
	max-width: none;
}

.support-form-card .referral-block {
	margin-left: 37px;
	margin-right: 37px;
}
@media (max-width: 768px) {
  .service-category-browser {
    grid-template-columns: 1fr;
  }
  .service-category-browser__parents {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .service-subcategory-chip {
    width: 100%;
    justify-content: flex-start;
  }
}

/* ============================================================
   ABOUT PAGE - Reference Interface Revision
   ============================================================ */

body.about-page{
	background:#fff;
	color:#120b3a;
}

.about-page .navbar{
	position:absolute;
	inset:0 0 auto;
	z-index:20;
	padding:18px 0 10px;
	background:transparent;
	box-shadow:none;
}

.about-page .navbar .container{
	padding-left:clamp(20px,4.6vw,56px);
	padding-right:clamp(20px,4.6vw,56px);
}

.about-page .navbar-brand img{
	height:58px;
}

.about-page .brand-copy strong{
	font-size:1.78rem;
}

.about-page .brand-copy small{
	font-size:.72rem;
	color:#fff;
	opacity:.92;
}

.about-page .navbar .nav-link{
	padding:8px 9px;
	font-size:.92rem;
	color:#fff;
}

.about-page .navbar .nav-link.active::after{
	left:8px;
	right:8px;
	bottom:-3px;
	background:#fff;
}

.about-page .btn-support{
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:10px 18px;
	font-size:.86rem;
	background:linear-gradient(135deg,#5620b2,#7b2bd1);
	box-shadow:0 12px 22px rgba(33,7,75,.28);
}

.about-page .footer{
	background:linear-gradient(180deg,#06072a 0%,#090b38 54%,#06072a 100%);
}

.about-page .footer-brand{
	align-items:flex-start;
}

.about-page .footer-brand img{
	width:54px;
	height:54px;
	object-fit:contain;
}

.about-page .footer .brand-copy strong{
	font-size:1.5rem;
}

.about-page .footer .brand-copy small{
	white-space:normal;
	line-height:1.25;
}

.footer-flag{
	width:24px;
	height:18px;
	margin-right:8px;
	object-fit:cover;
	border-radius:2px;
	vertical-align:-3px;
}

.footer-signoff{
	margin:0;
	color:#fff;
	font-weight:600;
}

.footer-signoff i{
	color:#9b61d5;
	margin-left:8px;
}

.about-hero{
	position:relative;
	min-height:560px;
	overflow:hidden;
	display:flex;
	align-items:center;
	padding:132px clamp(20px,4.6vw,56px) 72px;
	background:
		linear-gradient(90deg,rgba(3,6,35,.98) 0%,rgba(3,6,35,.96) 26%,rgba(3,6,35,.72) 49%,rgba(3,6,35,.18) 74%,rgba(3,6,35,0) 100%),
		url("../img/woman_caregiver_cleanversion _greenwaves.png") right 45% center / min(880px,58vw) auto no-repeat,
		linear-gradient(135deg,#04071f 0%,#10052d 66%,#2b0860 100%);
}

.about-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(ellipse at 72% 46%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.08) 24%,rgba(255,255,255,0) 56%);
	pointer-events:none;
}

.about-hero::after{
	content:"";
	position:absolute;
	right:-12vw;
	bottom:-17vw;
	width:92vw;
	height:34vw;
	min-height:220px;
	border-radius:50% 0 0 0;
	background:
		linear-gradient(176deg,transparent 0 33%,#5b20b2 34% 54%,#94c814 55% 66%,#006536 67% 100%);
	transform:rotate(-5deg);
	transform-origin:right bottom;
}

.about-hero__content{
	position:relative;
	z-index:2;
	max-width:620px;
	color:#fff;
}

.about-kicker{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	margin-bottom:20px;
	padding:6px 14px;
	border-radius:7px;
	background:rgba(86,32,178,.72);
	color:#fff;
	font-size:.84rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.01em;
}

.about-hero h1{
	margin:0 0 24px;
	font-size:clamp(2.75rem,5.1vw,5.2rem);
	font-weight:800;
	line-height:1.08;
	letter-spacing:0;
	color:#fff;
}

.about-hero h1 span,
.about-hero h1 i{
	color:#94c814;
}

.about-hero h1 i{
	font-size:.78em;
	-webkit-text-stroke:1px currentColor;
}

.about-hero p{
	max-width:520px;
	margin:0;
	color:#fff;
	font-size:1.22rem;
	line-height:1.62;
	font-weight:600;
}

.about-hero__badge{
	position:absolute;
	z-index:4;
	left:50%;
	bottom:8px;
	width:104px;
	height:104px;
	display:grid;
	place-items:center;
	padding:13px;
	border-radius:24px;
	background:#fff;
	box-shadow:0 16px 34px rgba(14,8,38,.24);
	transform:translateX(-50%);
}

.about-hero__badge img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.about-interface{
	background:#fff;
}

.about-shell{
	width:min(100% - 80px,1320px);
	margin-inline:auto;
	padding-left:0;
	padding-right:0;
}

.about-trust{
	padding:42px 0 44px;
	border-bottom:1px solid #e7e3ef;
	background:#fff;
}

.about-trust__intro{
	max-width:760px;
	margin:0 auto 46px;
	text-align:center;
}

.about-trust__intro h2,
.about-copy-block h2,
.about-card-section h2,
.about-cta h2{
	margin:0;
	color:#2a087b;
	font-weight:800;
	letter-spacing:0;
}

.about-trust__intro h2{
	margin-bottom:12px;
	font-size:2rem;
}

.about-trust__intro p{
	margin:0;
	color:#150d45;
	font-weight:600;
	line-height:1.65;
}

.about-principles{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:24px;
}

.about-principle{
	display:grid;
	justify-items:center;
	align-content:start;
	gap:12px;
	min-height:94px;
	text-align:center;
	color:#241064;
}

.about-principle i{
	font-size:2.15rem;
	color:#2a087b;
}

.about-principle strong{
	font-size:.9rem;
	font-weight:800;
	line-height:1.25;
}

.about-story{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(380px,590px);
	align-items:center;
	gap:72px;
	padding-top:46px;
	padding-bottom:48px;
	border-bottom:1px solid #e7e3ef;
}

.about-copy-block h2,
.about-card-section h2{
	position:relative;
	margin-bottom:24px;
	font-size:2rem;
}

.about-copy-block h2::before,
.about-card-section h2::before{
	content:"";
	position:absolute;
	left:-5px;
	top:.2em;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#94c814;
	box-shadow:0 1.2em 0 #94c814;
}

.about-copy-block h2::after,
.about-card-section h2::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-5px;
	width:46px;
	height:2px;
	border-radius:999px;
	background:#94c814;
}

.about-copy-block p{
	max-width:560px;
	margin:0 0 20px;
	color:#1c164c;
	font-size:1.02rem;
	line-height:1.7;
	font-weight:600;
}

.about-button{
	display:inline-flex;
	align-items:center;
	gap:16px;
	margin-top:10px;
	padding:16px 22px;
	border-radius:7px;
	background:#36108f;
	color:#fff;
	font-size:.9rem;
	font-weight:800;
	text-decoration:none;
	box-shadow:0 14px 24px rgba(42,8,123,.18);
}

.about-button:hover,
.about-cta__button:hover{
	color:#fff;
	background:#2a087b;
}

.about-office-shot{
	overflow:hidden;
	border-radius:10px;
	box-shadow:0 18px 36px rgba(20,11,57,.14);
	background:#f4f1f8;
}

.about-office-shot img{
	display:block;
	width:100%;
	aspect-ratio:2 / .86;
	object-fit:cover;
	object-position:center;
}

.about-card-section{
	padding-top:36px;
	padding-bottom:22px;
}

.about-card-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:24px;
}

.about-feature-card{
	display:flex;
	flex-direction:column;
	min-height:360px;
	overflow:hidden;
	border:1px solid #ded9ea;
	border-radius:8px;
	background:#fff;
	color:#160d49;
	text-decoration:none;
	box-shadow:0 10px 22px rgba(30,18,78,.05);
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.about-feature-card:hover{
	transform:translateY(-3px);
	border-color:rgba(42,8,123,.22);
	box-shadow:0 18px 36px rgba(30,18,78,.12);
	color:#160d49;
}

.about-feature-card img{
	width:100%;
	aspect-ratio:1.65 / 1;
	object-fit:cover;
	background:#eee8f7;
}

.about-feature-card span{
	margin:16px 16px 6px;
	color:#2a087b;
	font-size:1rem;
	font-weight:800;
	line-height:1.2;
}

.about-feature-card p{
	flex:1 1 auto;
	margin:0 16px 14px;
	color:#21184f;
	font-size:.91rem;
	font-weight:600;
	line-height:1.48;
}

.about-feature-card strong{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin:0 16px 18px;
	color:#2a087b;
	font-size:.89rem;
	font-weight:800;
}

.about-cta{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:26px;
	margin:30px 0 28px;
	padding:30px 54px 30px 34px;
	border-radius:9px;
	background:
		radial-gradient(circle at 12% 50%,rgba(148,200,20,.13),transparent 20%),
		linear-gradient(90deg,#241064 0%,#3b1092 54%,#4b11a9 100%);
	color:#fff;
	box-shadow:0 18px 34px rgba(27,8,78,.18);
}

.about-cta__icon{
	width:78px;
	height:78px;
	display:grid;
	place-items:center;
	border:2px solid rgba(255,255,255,.2);
	border-radius:50%;
	color:#fff;
	font-size:2.8rem;
}

.about-cta h2{
	margin-bottom:8px;
	color:#fff;
	font-size:1.55rem;
}

.about-cta p{
	margin:0;
	max-width:720px;
	color:#fff;
	font-size:1rem;
	font-weight:600;
	line-height:1.55;
}

.about-cta__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	min-width:250px;
	padding:18px 24px;
	border-radius:7px;
	background:#fff;
	color:#2a087b;
	font-weight:800;
	text-decoration:none;
	box-shadow:0 14px 24px rgba(0,0,0,.12);
}

@media (max-width:1199.98px){
	.about-page .navbar .nav-link{
		font-size:.82rem;
		padding-left:6px;
		padding-right:6px;
	}

	.about-page .brand-copy strong{
		font-size:1.36rem;
	}

	.about-story{
		gap:40px;
	}

	.about-card-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width:991.98px){
	.about-page .navbar{
		background:#070620;
		position:relative;
	}

	.about-page .navbar-collapse{
		margin-top:14px;
		padding:14px;
		border-radius:12px;
		background:#120836;
	}

	.about-hero{
		min-height:620px;
		padding-top:76px;
		align-items:flex-start;
		background:
			linear-gradient(180deg,rgba(3,6,35,.98) 0%,rgba(3,6,35,.92) 48%,rgba(3,6,35,.18) 100%),
			url("../img/woman_caregiver_cleanversion.png") center bottom 26px / min(760px,100vw) auto no-repeat,
			linear-gradient(135deg,#04071f 0%,#10052d 66%,#2b0860 100%);
	}

	.about-hero__content{
		max-width:100%;
	}

	.about-shell{
		width:min(100% - 36px,1320px);
	}

	.about-principles{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}

	.about-story{
		grid-template-columns:1fr;
	}

	.about-cta{
		grid-template-columns:auto minmax(0,1fr);
		padding:28px;
	}

	.about-cta__button{
		grid-column:1 / -1;
		justify-self:start;
	}
}

@media (max-width:767.98px){
	.about-hero{
		min-height:650px;
		padding:42px 18px 86px;
	}

	.about-hero h1{
		font-size:2.55rem;
	}

	.about-hero p{
		font-size:1rem;
	}

	.about-hero::after{
		right:-46vw;
		width:150vw;
		height:56vw;
	}

	.about-hero__badge{
		width:82px;
		height:82px;
		bottom:14px;
	}

	.about-trust__intro h2,
	.about-copy-block h2,
	.about-card-section h2{
		font-size:1.55rem;
	}

	.about-principles,
	.about-card-grid{
		grid-template-columns:1fr;
	}

	.about-principle{
		min-height:auto;
		grid-template-columns:48px 1fr;
		justify-items:start;
		align-items:center;
		text-align:left;
	}

	.about-office-shot img{
		aspect-ratio:1.45 / 1;
	}

	.about-feature-card{
		min-height:auto;
	}

	.about-cta{
		grid-template-columns:1fr;
		gap:18px;
		padding:24px 20px;
	}

	.about-cta__icon{
		width:64px;
		height:64px;
		font-size:2.15rem;
	}

	.about-cta__button{
		width:100%;
		min-width:0;
	}
}

/* ============================================================
   SITE-WIDE RESPONSIVE HARDENING
   ============================================================ */

img,
video,
iframe{
	max-width:100%;
}

img,
video{
	height:auto;
}

iframe{
	display:block;
}

table{
	max-width:100%;
}

.table-responsive,
.admin-table-wrap{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

.container{
	width:100%;
}

.navbar .navbar-toggler{
	border-color:rgba(255,255,255,.28);
	box-shadow:none;
}

.navbar .navbar-toggler:focus{
	box-shadow:0 0 0 .18rem rgba(255,255,255,.2);
}

.footer .row{
	row-gap:2rem;
}

.newsletter-form input{
	min-width:0;
}

.hero-actions,
.cta-actions,
.contact-cta__actions,
.referral-cta__actions,
.support-quick-links{
	min-width:0;
}

.hero-actions .btn,
.cta-actions .btn,
.contact-cta__btn,
.about-button,
.about-cta__button,
.btn-support-submit,
.btn-referral-submit{
	white-space:normal;
	text-align:center;
}

.service-card,
.services-page-card,
.about-feature-card,
.resource-card,
.locations-card,
.contact-card,
.contact-help__card,
.job-card,
.admin-panel-card,
.referral-block,
.support-info-card{
	min-width:0;
}

.service-card h4,
.services-page-card h3,
.about-feature-card span,
.resource-card h3,
.locations-card h3,
.contact-card h2,
.contact-help__card h3,
.job-card .card-title{
	overflow-wrap:anywhere;
}

@media (max-width:1199.98px){
	.navbar{
		position:relative;
		padding:10px 0;
		background:linear-gradient(90deg,#070620 0%,#1a073f 100%);
		box-shadow:0 12px 28px rgba(18,8,44,.18);
	}

	.navbar .container{
		padding-left:20px;
		padding-right:20px;
	}

	.navbar-brand img,
	.about-page .navbar-brand img{
		height:52px;
	}

	.brand-copy strong,
	.about-page .brand-copy strong{
		font-size:1.2rem;
	}

	.brand-copy small,
	.about-page .brand-copy small{
		max-width:190px;
		white-space:normal;
		line-height:1.25;
	}

	.navbar.navbar-expand-md .navbar-toggler{
		display:block;
	}

	.navbar.navbar-expand-md .navbar-collapse{
		display:none !important;
		flex-basis:100%;
		width:100%;
		margin-top:12px;
		padding:12px;
		border:1px solid rgba(255,255,255,.1);
		border-radius:12px;
		background:rgba(7,6,32,.96);
		box-shadow:0 18px 38px rgba(0,0,0,.26);
	}

	.navbar.navbar-expand-md .navbar-collapse.show,
	.navbar.navbar-expand-md .navbar-collapse.collapsing{
		display:block !important;
	}

	.navbar.navbar-expand-md .navbar-nav{
		flex-direction:column;
		align-items:stretch !important;
		gap:4px !important;
		white-space:normal;
	}

	.navbar .nav-link{
		padding:10px 12px;
	}

	.navbar .nav-link.active::after{
		display:none;
	}

	.navbar .btn-support{
		width:100%;
		justify-content:center;
		margin-top:6px;
	}

	.resources-cards,
	.services-page-card-grid,
	.locations-card-grid,
	.contact-help__grid,
	.contact-why__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.info-row,
	.services-page-highlights{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width:991.98px){
	body{
		background:#fff;
	}

	.hero,
	.hero-video-section,
	.careers-hero,
	.job-details-hero,
	.services-hero-banner,
	.about-hero-banner,
	.locations-hero-banner{
		min-height:auto;
	}

	.hero .container,
	.hero-video-section .container{
		min-height:auto;
		padding-top:56px;
		padding-bottom:76px;
	}

	.hero .row{
		min-height:auto;
		row-gap:28px;
	}

	.hero-text,
	.hero-image{
		max-width:none;
		width:100%;
		text-align:left;
	}

	.hero-text h1{
		font-size:clamp(2.2rem,7vw,3.5rem);
		line-height:1.04;
	}

	.hero-text p{
		max-width:680px;
		font-size:1rem;
	}

	.hero-visual{
		width:100%;
		max-width:520px;
		min-height:260px;
		margin-right:auto;
	}

	.hero-photo{
		min-height:260px;
	}

	.hero-wave{
		width:min(70vw,420px);
		bottom:-44px;
	}

	.countries-bar{
		width:100%;
		margin-left:0;
		justify-content:flex-start;
		padding:14px 18px;
		gap:18px;
	}

	.why-panel,
	.insights-grid,
	.cta-card,
	.contact-grid,
	.contact-why__inner,
	.contact-cta__inner,
	.service-detail-grid,
	.service-details-grid,
	.locations-page-hero,
	.services-hero-banner__inner,
	.about-hero-banner__inner,
	.careers-info-grid,
	.referral-layout,
	.support-layout{
		grid-template-columns:1fr;
	}

	.why-content,
	.cta-card,
	.contact-cta__inner{
		text-align:left;
	}

	.cta-card,
	.contact-cta__inner,
	.support-cta .container{
		align-items:flex-start;
	}

	.contact-side,
	.contact-form-card{
		min-width:0;
	}

	.contact-form__row{
		grid-template-columns:1fr;
	}

	.contact-map-card iframe{
		width:100%;
		min-height:320px;
	}

	.services-hero-banner__copy,
	.about-hero-banner__copy{
		padding-top:28px;
	}

	.services-hero-banner__image,
	.about-hero-banner__image{
		min-height:240px;
		justify-content:flex-start;
	}

	.map-container{
		width:min(100%,560px);
		margin-inline:auto;
	}

	.footer-top{
		text-align:left;
	}

	.footer-bottom{
		align-items:flex-start !important;
		text-align:left;
	}
}

@media (max-width:767.98px){
	:root{
		--radius-xl:18px;
		--radius-lg:14px;
	}

	body{
		font-size:15px;
	}

	.container,
	.navbar .container{
		padding-left:16px;
		padding-right:16px;
	}

	.navbar-brand{
		min-width:0;
	}

	.navbar-brand img,
	.about-page .navbar-brand img{
		height:46px;
	}

	.brand-copy{
		min-width:0;
	}

	.brand-copy strong,
	.about-page .brand-copy strong{
		font-size:1rem;
	}

	.brand-copy small,
	.about-page .brand-copy small{
		max-width:150px;
		font-size:.62rem;
	}

	.hero,
	.hero-video-section{
		padding-top:0;
	}

	.hero .container,
	.hero-video-section .container{
		padding-top:42px;
		padding-bottom:66px;
	}

	.trust-pill,
	.about-kicker{
		font-size:.72rem;
		padding:7px 10px;
	}

	.hero-actions,
	.cta-actions,
	.contact-cta__actions,
	.referral-cta__actions,
	.support-quick-links,
	.radio-group{
		width:100%;
		flex-direction:column;
		align-items:stretch;
	}

	.hero-actions .btn,
	.cta-actions .btn,
	.contact-cta__btn,
	.btn-referral-submit,
	.btn-support-submit{
		width:100%;
		justify-content:center;
	}

	.hero-image{
		padding-bottom:24px;
	}

	.hero-visual{
		max-width:100%;
		min-height:220px;
		border-radius:28px;
	}

	.hero-photo{
		min-height:220px;
		border-radius:28px;
	}

	.hero-logo-badge{
		left:16px;
		bottom:8px;
		width:66px;
		height:66px;
		border-radius:16px;
	}

	.countries-bar,
	.why-grid,
	.about-principles,
	.resources-cards,
	.services-page-card-grid,
	.locations-card-grid,
	.contact-help__grid,
	.contact-why__grid,
	.info-row,
	.services-page-highlights,
	.dashboard-stat-grid,
	.dashboard-service-grid,
	.dashboard-activity-grid,
	.services-check-grid{
		grid-template-columns:1fr;
	}

	.countries-bar{
		display:grid;
	}

	.country-item,
	.countries-lead{
		width:100%;
	}

	.stats-card .row{
		row-gap:14px;
	}

	.services-page-heading,
	.locations-page-heading,
	.resources-page-heading{
		gap:10px;
	}

	.services-page-heading__rule,
	.locations-page-heading__rule,
	.resources-page-heading__rule{
		display:none;
	}

	.services-page-heading__titlewrap,
	.locations-page-heading__titlewrap,
	.resources-page-heading__titlewrap{
		width:100%;
		justify-content:flex-start;
		text-align:left;
	}

	.services-page-card,
	.resource-card,
	.locations-card,
	.contact-card,
	.referral-block,
	.support-info-card{
		border-radius:14px;
	}

	.locations-card{
		grid-template-columns:1fr;
	}

	.locations-card__media,
	.locations-card__media img{
		min-height:220px;
	}

	.locations-carousel__controls{
		gap:10px;
	}

	.contact-info-list li{
		align-items:flex-start;
	}

	.contact-why__art img,
	.services-page-visual__frame img,
	.about-visual-strip__frame img{
		height:auto;
		aspect-ratio:1.25 / 1;
		object-fit:cover;
	}

	.referral-section,
	.support-section,
	.contact-main,
	.locations-page-main,
	.services-page-main,
	.resources-section{
		padding-top:2rem;
		padding-bottom:2.5rem;
	}

	.footer{
		padding-top:2.5rem !important;
	}

	.newsletter-form{
		max-width:100%;
	}
}

@media (max-width:575.98px){
	h1,
	.hero-text h1,
	.services-hero-banner h1,
	.about-hero-banner h1,
	.about-hero h1,
	.careers-hero .hero-text h1,
	.job-details-hero .hero-text h1{
		font-size:2.15rem;
		line-height:1.08;
	}

	h2,
	.services-page-heading h2,
	.locations-page-heading h2,
	.resources-page-heading h2,
	.contact-card__header h2,
	.contact-why__copy h2{
		font-size:1.55rem;
		line-height:1.2;
	}

	.hero-text p,
	.services-hero-banner__copy p,
	.about-hero-banner__copy p,
	.about-hero p,
	.section-subtitle,
	.services-page-subtitle,
	.locations-page-subtitle,
	.resources-page-subtitle{
		font-size:.95rem;
		line-height:1.6;
	}

	.about-shell,
	.services-page-shell,
	.locations-page-shell{
		width:calc(100% - 28px);
	}

	.service-card,
	.services-page-card,
	.about-feature-card,
	.resource-card__body,
	.locations-card__body,
	.contact-card,
	.referral-block,
	.support-info-card{
		padding-left:16px;
		padding-right:16px;
	}

	.resource-card__media img,
	.about-feature-card img,
	.services-page-visual__frame img{
		aspect-ratio:1.35 / 1;
	}

	.pagination{
		flex-wrap:wrap;
		gap:6px;
	}

	.pagination .page-link{
		margin:0;
		padding:.45rem .7rem;
	}

	.footer-meta{
		flex-wrap:wrap;
		justify-content:flex-start;
	}
}

/* ============================================================
   ABOUT PAGE - SERVICES INTERFACE REVISION
   ============================================================ */

.about-services-layout{
	background:#fff;
}

.about-services-layout .navbar{
	position:relative;
	box-shadow:none;
	padding:24px 0 10px;
}

.about-services-layout .navbar-brand img{
	height:64px;
}

.about-services-layout .brand-copy strong{
	font-size:1.7rem;
}

.about-services-layout .brand-copy small{
	font-size:.72rem;
}

.about-services-layout .navbar .nav-link{
	color:#fff;
	font-size:.92rem;
	font-weight:800;
}

.about-services-layout .btn-support{
	padding:13px 22px;
	background:#6b20c8;
	box-shadow:none;
}

.about-service-hero{
	position:relative;
	min-height:620px;
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	padding:130px clamp(24px,5vw,58px) 60px;
	background:
		linear-gradient(90deg,rgba(11,8,54,.98) 0%,rgba(25,10,78,.94) 34%,rgba(31,11,83,.72) 48%,rgba(28,10,75,.05) 74%),
		url("../img/woman_caregiver_cleanversion _greenwaves.png") right 8% center / min(830px,58vw) auto no-repeat,
		linear-gradient(135deg,#07052b 0%,#22105f 58%,#7e46b0 100%);
}

.about-service-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 28% 18%,rgba(143,78,218,.32),transparent 30%);
	pointer-events:none;
}

.about-service-hero::after{
	content:"";
	position:absolute;
	right:-11vw;
	bottom:-13vw;
	width:92vw;
	height:28vw;
	min-height:210px;
	border-radius:50% 0 0 0;
	/* background:
		linear-gradient(176deg,transparent 0 27%,#5a19b2 28% 55%,#9dd319 56% 70%,#006d39 71% 100%); */
	transform:rotate(-4deg);
	transform-origin:right bottom;
	z-index:1;
}

.about-service-hero__copy{
	position:relative;
	z-index:3;
	max-width:590px;
	color:#fff;
}

.about-service-pill{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-bottom:20px;
	padding:7px 13px;
	border-radius:999px;
	background:rgba(255,255,255,.12);
	color:#fff;
	font-size:.78rem;
	font-weight:800;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

.about-service-pill i{
	color:#9ed41a;
}

.about-service-hero h1{
	margin:0 0 18px;
	color:#fff;
	font-size:clamp(2rem,3.5vw,3.2rem);
	font-weight:800;
	line-height:1.12;
	letter-spacing:0;
}

.about-service-hero h1 span{
	color:#92ca18;
}

.about-service-hero p{
	max-width:540px;
	margin:0;
	color:#fff;
	font-size:1.15rem;
	font-weight:650;
	line-height:1.64;
}

.about-service-hero__actions{
	display:flex;
	flex-wrap:wrap;
	gap:22px;
	margin-top:30px;
}

.about-service-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	min-height:54px;
	padding:0 28px;
	border-radius:999px;
	color:#fff;
	font-size:.94rem;
	font-weight:800;
	text-decoration:none;
	transition:transform .2s ease,background .2s ease,color .2s ease;
}

.about-service-btn:hover{
	transform:translateY(-2px);
	color:#fff;
}

.about-service-btn--primary{
	background:#a743da;
	box-shadow:0 16px 32px rgba(89,21,153,.28);
}

.about-service-btn--outline{
	border:1px solid rgba(255,255,255,.48);
	background:rgba(255,255,255,.05);
}

.about-service-btn--panel{
	min-height:46px;
	margin:22px auto 0;
	border:1px solid rgba(255,255,255,.4);
	background:rgba(255,255,255,.04);
}

.about-service-hero__badge{
	position:absolute;
	z-index:4;
	left:50%;
	bottom:28px;
	width:106px;
	height:106px;
	display:grid;
	place-items:center;
	padding:12px;
	border-radius:26px;
	background:#fff;
	box-shadow:0 18px 34px rgba(12,6,36,.24);
	transform:translateX(-50%);
}

.about-service-hero__badge img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.about-service-main{
	padding:28px 55px;
	background:#fff;
}

.about-service-shell{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.about-service-heading{
	margin:16px auto 28px;
	text-align:center;
	color:#2a087b;
}

.about-service-heading i{
	display:inline-block;
	color:#6920c5;
	font-size:1.45rem;
	line-height:1;
}

.about-service-heading h2{
	margin:6px 0 8px;
	color:#2a087b;
	font-size:1.9rem;
	font-weight:800;
	letter-spacing:0;
}

.about-service-heading p{
	margin:0;
	color:#2d235c;
	font-size:.96rem;
	font-weight:600;
}

.about-service-heading--light,
.about-service-heading--light h2,
.about-service-heading--light p,
.about-service-heading--light i{
	color:#fff;
}

.about-service-heading--light i{
	color:#9ed41a;
}

.about-service-card-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:22px;
}

.about-service-card {
    display: flex;
    min-height: 450px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px 26px;
    border: 1px solid rgba(42, 8, 123, .07);
    border-radius: 10px;
    background: #fbfafc;
    box-shadow: 0 14px 34px rgba(34, 20, 83, .08);
    color: #201453;
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
    aspect-ratio: 6 / 6;
    column-gap: 44px;
    row-gap: 41px;
    max-width: 418px;
    margin: 0px 42px 0px;
}

.about-service-card:hover{
	transform:translateY(-3px);
	box-shadow:0 18px 42px rgba(34,20,83,.14);
	color:#201453;
}

.about-service-card > i{
	flex: 0 0 100px;
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 3.25rem;
    background: linear-gradient(135deg, #9b61d5, #6b2ca6);
    box-shadow: 0 12px 24px rgba(105, 47, 159, .2);
}

.about-service-card h3{
	margin-bottom: -11px;
	color:#1f1068;
	font-size:1.18rem;
	font-weight:800;
}

.about-service-card p{
	min-height:70px;
	margin:8px 16px 18px;
	color:#251a50;
	font-size:.9rem;
	font-weight:600;
	line-height:1.55;
}

.about-service-card span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	color:#42129a;
	font-size:19px;
	font-weight:800;
	border-top:1px solid rgba(42,8,123,.08);
	 width: 100%;
    padding-top: 15px;

}

.about-ndis-panel{
	margin:28px 0 43px;
	padding:28px 46px 40px;
	border-radius:10px;
	background:
		radial-gradient(circle at 16% 22%,rgba(170,72,224,.28),transparent 24%),
		linear-gradient(135deg,#321080 0%,#4c13a1 50%,#2a0c73 100%);
	color:#fff;
	box-shadow:0 18px 40px rgba(39,14,99,.2);
	text-align:center;
}

.about-ndis-grid{
	display:grid;
	grid-template-columns:repeat(8,minmax(0,1fr));
	gap:0;
	margin-top:24px;
}

.about-ndis-grid div{
	display:grid;
	place-items:center;
	align-content:start;
	gap:8px;
	min-height:104px;
	padding:4px 12px 12px;
	border-right:1px solid rgba(255,255,255,.28);
}

.about-ndis-grid div:nth-child(7n),
.about-ndis-grid div:last-child{
	border-right:0;
}

.about-ndis-grid i{
	color:#bc4de8bd;
	font-size:3rem;
	line-height:1;
}

.about-ndis-grid span{
	color:#fff;
	font-size:1rem;
	font-weight:800;
	line-height:1.25;
}

.about-ndis-note{
	margin:14px 0 0;
	color:#fff;
	font-size:.9rem;
	font-weight:650;
}

.about-why{
	padding-top:32px;
}

.about-why-panel{
	margin:28px 0 43px;
	padding:28px 46px 40px;
	border-radius:10px;
	/* background:
		radial-gradient(circle at 16% 22%,rgba(170,72,224,.28),transparent 24%),
		linear-gradient(135deg,#321080 0%,#4c13a1 50%,#2a0c73 100%); */
	color:#fff;
	box-shadow:0 18px 40px rgba(39,14,99,.2);
	text-align:center;
}


.about-why-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}


.about-why-grid div{
	display:grid;
	place-items:center;
	align-content:start;
	gap:8px;
	min-height:104px;
	padding:4px 6px 12px;
	border-right:1px solid rgba(42,8,123,1)
}

.about-why-grid i{
	color:#6522b5;
	font-size:2.45rem;
}



.about-why-grid h3{
	margin:12px 0 10px;
	color:#241064;
	font-size:1.02rem;
	font-weight:800;
	line-height:1.2;
}

.about-why-grid p{
	margin:0;
	color:#33285e;
	font-size:1rem;
	font-weight:600;
	line-height:1.45;
}

.about-help-strip{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	margin-top:34px;
	padding:24px 34px;
	border-radius:8px;
	background:#fbfafc;
	box-shadow:0 12px 30px rgba(34,20,83,.07);
}

.about-help-strip h2{
	margin:0 0 6px;
	color:#2a087b;
	font-size:1.35rem;
	font-weight:800;
}

.about-help-strip p{
	margin:0;
	color:#33285e;
	font-weight:600;
}

.about-help-strip a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	min-width:166px;
	padding:13px 20px;
	border:1px solid #5620b2;
	border-radius:8px;
	color:#42129a;
	font-weight:800;
	text-decoration:none;
}

.about-faq{
	padding-top:38px;
}

.about-faq__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:18px;
}

.about-faq__head h2{
	margin:0;
	color:#2a087b;
	font-size:1.65rem;
	font-weight:800;
}

.about-faq__head h2 i{
	color:#6522b5;
	margin-right:12px;
}

.about-faq__head a{
	display:inline-flex;
	align-items:center;
	gap:12px;
	color:#42129a;
	font-weight:800;
	text-decoration:none;
}

.about-faq__list{
	display:grid;
	gap:10px;
}

.about-faq details{
	overflow:hidden;
	border:1px solid rgba(42,8,123,.12);
	border-radius:10px;
	background:#fff;
}

.about-faq summary{
	position:relative;
	display:flex;
	align-items:center;
	min-height:48px;
	padding:0 58px 0 38px;
	color:#201453;
	font-weight:700;
	cursor:pointer;
	list-style:none;
}

.about-faq summary::-webkit-details-marker{
	display:none;
}

.about-faq summary::after{
	content:"+";
	position:absolute;
	right:32px;
	color:#251064;
	font-size:1.4rem;
	font-weight:500;
}

.about-faq details[open] summary::after{
	content:"-";
}

.about-faq details p{
	margin:0;
	padding:0 38px 18px;
	color:#4d456d;
	font-weight:600;
	line-height:1.55;
}

.about-talk-cta{
    width:100%;
    max-width:1700px;
    margin:32px auto 17px;
    padding:30px 48px;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(190px,230px) minmax(190px,270px);
    align-items:center;
    gap:26px;

    border-radius:10px;
    background:linear-gradient(105deg,#4b0da5 0%,#2a087b 72%,#0c083f 100%);
    color:#fff;
    box-shadow:0 18px 40px rgba(39,14,99,.2);
}

.about-talk-cta__icon{
	font-size:4.1rem;
	line-height:1;
}

.about-talk-cta h2{
	margin:0 0 8px;
	color:#fff;
	font-size:1.55rem;
	font-weight:800;
}

.about-talk-cta p{
	margin:0;
	color:#fff;
	font-weight:600;
	line-height:1.5;
}

.about-talk-cta__request,
.about-talk-cta__call{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	min-height:62px;
	border-radius:8px;
	font-weight:800;
	text-decoration:none;
}

.about-talk-cta__request{
	background:#fff;
	color:#42129a;
}

.about-talk-cta__call{
	border:1px solid rgba(255,255,255,.25);
	color:#fff;
}

.about-talk-cta__call i{
	font-size:1.7rem;
}

.about-talk-cta__call strong{
	font-size:1.25rem;
}

@media (max-width:1199.98px){
	.about-services-layout .navbar{
		position:relative;
		background:linear-gradient(90deg,#070620 0%,#1a073f 100%);
	}

	.about-service-card-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.about-ndis-grid{
		grid-template-columns:repeat(4,minmax(0,1fr));
	}

	.about-ndis-grid div:nth-child(7n){
		border-right:1px solid rgba(255,255,255,.28);
	}

	.about-ndis-grid div:nth-child(4n){
		border-right:0;
	}

	.about-why-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}

	.about-talk-cta{
		grid-template-columns:auto minmax(0,1fr);
	}
}

@media (max-width:991.98px){
	.about-service-hero{
		min-height:400px;
		align-items:flex-start;
		padding-top:56px;
		background:
			linear-gradient(180deg,rgba(11,8,54,.98) 0%,rgba(20,9,68,.92) 42%,rgba(20,9,68,.22) 100%),
			url("../img/woman_caregiver_cleanversion.png") center bottom 40px / min(780px,100vw) auto no-repeat,
			linear-gradient(135deg,#07052b 0%,#22105f 58%,#7e46b0 100%);
	}

	.about-service-shell{
		width:min(100% - 36px,1320px);
	}

	.about-help-strip{
		align-items:flex-start;
		flex-direction:column;
	}

	.about-faq__head{
		align-items:flex-start;
		flex-direction:column;
	}
}

@media (max-width:767.98px){
	.about-service-hero{
		min-height:340px;
		padding:44px 18px 60px;
	}

	.about-service-hero h1{
		font-size:2rem;
	}

	.about-service-hero p{
		font-size:1rem;
	}

	.about-service-hero__actions{
		flex-direction:column;
		gap:12px;
		width:100%;
	}

	.about-service-btn{
		width:100%;
	}

	.about-service-hero::after{
		right:-48vw;
		width:150vw;
		height:58vw;
	}

	.about-service-hero__badge{
		width:84px;
		height:84px;
		bottom:18px;
	}

	.about-service-main{
		padding-top:30px;
	}

	.about-service-card-grid,
	.about-ndis-grid,
	.about-why-grid{
		grid-template-columns:1fr;
	}

	.about-service-card{
		min-height:auto;
		padding:30px 20px;
	}

	.about-service-card p{
		min-height:0;
	}

	.about-ndis-panel{
		padding:26px 18px;
	}

	.about-ndis-grid div,
	.about-ndis-grid div:nth-child(4n),
	.about-ndis-grid div:nth-child(7n){
		min-height:82px;
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,.18);
	}

	.about-ndis-grid div:last-child{
		border-bottom:0;
	}

	.about-help-strip{
		padding:22px 18px;
	}

	.about-help-strip a{
		width:100%;
	}

	.about-faq summary{
		padding-left:18px;
		padding-right:48px;
	}

	.about-faq summary::after{
		right:20px;
	}

	.about-faq details p{
		padding-left:18px;
		padding-right:18px;
	}

	.about-talk-cta{
		grid-template-columns:1fr;
		padding:26px 20px;
		text-align:left;
	}

	.about-talk-cta__request,
	.about-talk-cta__call{
		width:100%;
	}
}


/* =====================================================
   ABOUT US PAGE – NEW SECTIONS
   ===================================================== */
.about-story-section{

    padding:80px 25px;

}

.about-story-tag{

    color:#42129a;

    font-size:.95rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

}

.about-story-section h2{

    font-size:3rem;

    font-weight:800;

    color:#2a087b;

    margin:10px 0 15px;

}

.about-story-line{

    width:70px;

    height:5px;

    border-radius:50px;

    background:#8cc63f;

    margin-bottom:28px;

}

.about-story-section p{

    font-size:1.1rem;

    line-height:1.9;

    color:#4d4d4d;

    margin-bottom:22px;

}

.about-story-image{

    overflow:hidden;

    border-radius:24px;

    box-shadow:0 20px 50px rgba(42,8,123,.12);

}

.about-story-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}


.about-mission-section{
    padding:70px 25px;
}

.about-mv-card{

    display:flex;
    align-items:center;
    gap:28px;

    height:100%;

    padding:35px;

    background:#fff;

    border:1px solid rgba(42,8,123,.08);

    border-radius:20px;

    transition:.25s;

}

.about-mv-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(42,8,123,.08);

}

.about-mv-icon{

    width:130px;
    height:130px;

    border-radius:50%;

    background:linear-gradient(135deg,#5f2ad6,#2a087b);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:4rem;

    flex-shrink:0;

    box-shadow:0 12px 30px rgba(42,8,123,.18);

}

.about-mv-content{
    flex:1;
}

.about-mv-content h3{

    margin:0;

    color:#2a087b;

    font-size:2rem;

    font-weight:800;

}

.about-divider{

    display:block;

    width:60px;

    height:4px;

    margin:12px 0 22px;

    border-radius:20px;

    background:#9ACD32;

}

.about-mv-content p{

    margin:0;

    color:#555;

    font-size:1.1rem;

    line-height:1.8;

}

.about-journey{
    padding:80px 25px;
}

.about-section-heading{
    margin-bottom:40px;
}

.about-section-heading h2{
    font-size:3rem;
    font-weight:800;
    color:#2a087b;
    margin-bottom:12px;
}

.about-section-heading span{
    display:block;
    width:70px;
    height:5px;
    border-radius:20px;
    background:#8CC63F;
}

.journey-card{
    height:100%;
    padding:35px 25px;
    background:#fff;
    border:1px solid rgba(42,8,123,.08);
    border-radius:20px;
    text-align:center;
    transition:.25s ease;
}

.journey-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(42,8,123,.08);
}

.journey-icon{
    width:90px;
    height:90px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#F2F8E8;
    display:flex;
    align-items:center;
    justify-content:center;
}

.journey-icon i{
    color:#73A834;
    font-size:2.4rem;
}

.journey-year{
    color:#73A834;
    font-size:2rem;
    font-weight:800;
    margin-bottom:14px;
}

.journey-card h4{
    color:#2a087b;
    font-size:1.4rem;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.4;
}

.journey-card p{
    color:#666;
    line-height:1.8;
    margin:0;
}

.about-value-card{
    background:#fff;
    border:1px solid rgba(42,8,123,.08);
    border-radius:20px;
    padding:40px;
    height:100%;
}

.about-heading{
    margin-bottom:35px;
}

.about-heading h2{
    font-size:2.4rem;
    font-weight:800;
    color:#2a087b;
    margin-bottom:10px;
}

.about-heading span{
    display:block;
    width:65px;
    height:4px;
    background:#8cc63f;
    border-radius:20px;
}

.about-values-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.about-value-item{
    text-align:center;
}

.about-icon{
    width:90px;
    height:90px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#f5f2ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.about-icon i{
    color:#5e2fd5;
    font-size:2.6rem;
}

.about-value-item h4{
    color:#2a087b;
    margin-bottom:12px;
    font-weight:700;
}

.about-value-item p{
    color:#666;
    line-height:1.7;
}

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.about-feature{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding-bottom:18px;
    border-bottom:1px solid rgba(42,8,123,.08);
}

.about-feature i{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#f5f2ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5e2fd5;
    font-size:1.6rem;
    flex-shrink:0;
}

.about-feature strong{
    display:block;
    color:#2a087b;
    margin-bottom:4px;
}

.about-feature p{
    margin:0;
    color:#666;
    font-size:.95rem;
}

.about-values-section{

    padding:80px 25px;

}

.about-gallery{
    padding:80px 0;
}

.about-gallery-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

}

.about-gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    aspect-ratio:4/3;

    cursor:pointer;

}

.about-gallery-card img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.35s;

}

.about-gallery-card:hover img{

    transform:scale(1.08);

}

.about-gallery-overlay{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:22px;

    color:#fff;

    background:linear-gradient(
        transparent,
        rgba(15,10,40,.88)
    );

}

.about-gallery-overlay h4{

    margin-bottom:6px;

    font-size:1.2rem;

    font-weight:700;

}


.about-welcome{

    padding:90px 31px;

}

.about-welcome p{

    font-size:1.05rem;

    line-height:1.9;

    color:#555;

    margin-bottom:20px;

}

.about-welcome-image{

    overflow:hidden;

    border-radius:22px;

    border:1px solid rgba(42,8,123,.08);

    box-shadow:0 20px 50px rgba(42,8,123,.08);

}

.about-welcome-image img{

    width:100%;

    display:block;

    object-fit:cover;

}

.about-stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:16px;

    margin-top:35px;

}

.about-stat{

    text-align:center;

    padding:24px 18px;

    border:1px solid rgba(42,8,123,.08);

    border-radius:16px;

    background:#fff;

    transition:.25s;

}

.about-stat:hover{

    transform:translateY(-5px);

    box-shadow:0 14px 35px rgba(42,8,123,.08);

}

.about-stat i{

    font-size:1.8rem;

    color:#5d2dd7;

    margin-bottom:14px;

}

.about-stat h5{

    margin:0;

    color:#2a087b;

    font-weight:700;

    font-size:1rem;

}

.about-stat span{

    display:block;

    margin-top:8px;

    color:#666;

    font-size:.9rem;

}

/* ==========================================================
   KB7 CARE - OUR SERVICES
========================================================== */

.aus-services{
    padding:90px 0;
}

/* ==========================
   SECTION TITLE
========================== */

.aus-services-heading{
    position:relative;
    text-align:center;
    margin-bottom:38px;
}

.aus-services-heading::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#ebe8f8;
    transform:translateY(-50%);
}

.aus-services-heading h2{
    position:relative;
    display:inline-block;
    padding:0 30px;
    margin:0;
    background:#fff;
    color:#2a087b;
    font-size:2.55rem;
    font-weight:800;
    line-height:1;
    z-index:2;
}

/* ==========================
   GRID
========================== */

.aus-services-grid{

    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:22px;

	padding:0 31px;

}

/* ==========================
   CARD
========================== */

.aus-service-card{

    display:grid;

    grid-template-columns:90px 1fr;

    align-items:center;

    gap:22px;

    min-height:165px;

    padding:24px;

    background:#fff;

    border:1px solid rgba(42,8,123,.08);

    border-radius:18px;

    text-decoration:none;

    color:inherit;

    transition:.25s ease;

}

.aus-service-card:hover{

    transform:translateY(-5px);

    border-color:#5c2ed5;

    box-shadow:0 18px 35px rgba(42,8,123,.08);

}

/* ==========================
   ICON
========================== */

.aus-service-icon{

    width:78px;

    height:78px;

    border-radius:50%;

    background:#f5f2ff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

}

.aus-service-icon i{

    font-size:2.2rem;

    color:#5c2ed5;

}

/* ==========================
   CONTENT
========================== */

.aus-service-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.aus-service-content h4{

    margin:0 0 8px;

    color:#2a087b;

    font-size:1.32rem;

    font-weight:700;

    line-height:1.3;

}

.aus-service-content p{

    margin:0 0 15px;

    color:#555;

    font-size:.96rem;

    line-height:1.65;

}

/* ==========================
   LINK
========================== */

.aus-service-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#5c2ed5;

    font-size:.95rem;

    font-weight:700;

    transition:.25s;

}

.aus-service-link i{

    font-size:.9rem;

}

.aus-service-card:hover .aus-service-link{

    gap:12px;

}

/* ==========================
   TABLET
========================== */

@media (max-width:1199px){

    .aus-services-grid{

        grid-template-columns:repeat(2,minmax(0,1fr));

    }

}

/* ==========================
   MOBILE
========================== */

@media (max-width:768px){

    .aus-services{

        padding:70px 0;

    }

    .aus-services-heading h2{

        font-size:2rem;

        padding:0 18px;

    }

    .aus-services-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .aus-service-card{

        grid-template-columns:70px 1fr;

        gap:18px;

        min-height:auto;

        padding:20px;

    }

    .aus-service-icon{

        width:62px;

        height:62px;

    }

    .aus-service-icon i{

        font-size:1.7rem;

    }

    .aus-service-content h4{

        font-size:1.1rem;

    }

    .aus-service-content p{

        font-size:.9rem;

        margin-bottom:12px;

    }

}

/* ==========================
   SMALL MOBILE
========================== */

@media (max-width:480px){

    .aus-service-card{

        grid-template-columns:1fr;

        text-align:center;

        gap:18px;

    }

    .aus-service-icon{

        margin:0 auto;

    }

    .aus-service-content{

        align-items:center;

    }

    .aus-service-link{

        justify-content:center;

    }

}


/* ===========================================
   WHY KB7
=========================================== */

.why-kb7{
    padding:90px 31px;
}

.why-kb7-grid{

    display:grid;

    grid-template-columns:350px 1fr;

    gap:45px;

    align-items:start;

}

/* LEFT */

.why-kb7-intro h2{

    margin:0 0 18px;

    font-size:3rem;

    line-height:1.1;

    font-weight:800;

    color:#2a087b;

}

.why-kb7-intro span{

    color:#84b827;

}

.why-kb7-intro p{

    color:#555;

    font-size:1.08rem;

    line-height:1.8;

    margin-bottom:32px;

}

.why-kb7-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 30px;

    border-radius:12px;

    background:#5d2dd7;

    color:#fff;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}

.why-kb7-btn:hover{

    background:#42129a;

    color:#fff;

}

/* RIGHT */

.why-kb7-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    border-left:1px solid #ece9f8;

    border-top:1px solid #ece9f8;

}

.why-item{

    display:flex;

    gap:18px;

    padding:30px;

    border-right:1px solid #ece9f8;

    border-bottom:1px solid #ece9f8;

}

.why-item i{

    font-size:1.6rem;

    color:#8cbf2d;

    flex-shrink:0;

    margin-top:3px;

}

.why-item h4{

    margin:0 0 8px;

    color:#2a087b;

    font-size:1.25rem;

    font-weight:700;

}

.why-item p{

    margin:0;

    color:#555;

    line-height:1.7;

}

/* RESPONSIVE */

@media(max-width:1200px){

    .why-kb7-grid{

        grid-template-columns:1fr;

    }

    .why-kb7-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .why-kb7-features{

        grid-template-columns:1fr;

    }

    .why-item{

        padding:24px;

    }

    .why-kb7-intro h2{

        font-size:2.3rem;

    }

}

.about-gallery-overlay p{

    margin:0;

    opacity:.9;

}

.about-right-side{

    border-left:1px solid rgba(42,8,123,.08);

}

.about-heading{

    margin-bottom:35px;

}

.about-heading h2{

    font-size:2.4rem;
    font-weight:800;
    color:#2a087b;
    margin-bottom:10px;

}

.about-heading span{

    display:block;
    width:60px;
    height:4px;
    border-radius:30px;
    background:#8CC63F;

}

/* =======================
   OUR VALUES
======================= */

.about-values-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

.about-value-item{

    text-align:center;

}

.about-icon{

    width:80px;
    height:80px;

    margin:0 auto 18px;

    border-radius:50%;

    background:#f4f1ff;

    display:flex;
    align-items:center;
    justify-content:center;

}

.about-icon i{

    color:#5c2ed5;

    font-size:2rem;

}

.about-value-item h4{

    font-size:1.35rem;

    font-weight:700;

    color:#2a087b;

    margin-bottom:14px;

}

.about-value-item p{

    font-size:.95rem;

    line-height:1.7;

    color:#666;

}

/* =======================
   WHY CHOOSE
======================= */

.about-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

}

.about-feature{

    display:flex;

    gap:14px;

    padding:20px;

    border-bottom:1px solid rgba(42,8,123,.08);

}

.about-feature-icon{

    width:56px;
    height:56px;

    border-radius:50%;

    background:#f4f1ff;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

}

.about-feature-icon i{

    color:#5c2ed5;

    font-size:1.4rem;

}

.about-feature strong{

    display:block;

    color:#2a087b;

    font-size:1rem;

    margin-bottom:5px;

}

.about-feature p{

    margin:0;

    font-size:.9rem;

    color:#666;

    line-height:1.5;

}

/* =======================
   RESPONSIVE
======================= */

@media(max-width:1200px){

.about-values-grid{

    grid-template-columns:repeat(2,1fr);

}

.about-features{

    grid-template-columns:repeat(2,1fr);

}

.about-right-side{

    border-left:none;
    margin-top:50px;
    padding-left:0 !important;

}

}

@media(max-width:768px){

.about-values-grid{

    grid-template-columns:1fr;

}

.about-features{
    grid-template-columns:1fr;
}

}


.about-us-page .about-service-hero .about-service-hero__copy{
	max-width:660px;
}

/* Hero image override for About Us page only */
.about-us-page .about-service-hero{
	position:relative;
	min-height:620px;
	background:
		linear-gradient(90deg,rgba(3,11,26,.97) 0%,rgba(7,18,36,.92) 38%,rgba(7,18,36,.65) 60%,rgba(7,18,36,.15) 100%),
		url('../img/woman_caregiver_cleanversion _greenwaves.png') right center / cover no-repeat,
		linear-gradient(135deg,#030b1a 0%,#071224 100%);
	display:flex;
	align-items:flex-start;
	padding:130px clamp(24px,5vw,72px) 80px;
	overflow:hidden;
}

/* Hero image override for Services page */
.services-page .about-service-hero{
	position:relative;
	min-height:620px;
	background:
		linear-gradient(90deg,rgba(3,11,26,.97) 0%,rgba(7,18,36,.92) 38%,rgba(7,18,36,.65) 60%,rgba(7,18,36,.15) 100%),
		url('../img/woman_caregiver_cleanversion _greenwaves.png') right center / cover no-repeat,
		linear-gradient(135deg,#030b1a 0%,#071224 100%);
	display:flex;
	align-items:flex-start;
	padding:130px clamp(24px,5vw,72px) 80px;
	overflow:hidden;
}

@media (max-width:991.98px){
	.about-us-page .about-service-hero,
	.services-page .about-service-hero{
		background:
			linear-gradient(180deg,rgba(11,8,54,.98) 0%,rgba(20,9,68,.92) 42%,rgba(20,9,68,.22) 100%),
			url("../img/woman_caregiver_cleanversion.png") center bottom 40px / min(780px,100vw) auto no-repeat,
			linear-gradient(135deg,#07052b 0%,#22105f 58%,#7e46b0 100%);
	}
}

/* Small pill label in hero */
.about-us-label{
	display:inline-block;
	margin-bottom:18px;
	padding:5px 12px;
	border-radius:19px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.2);
	color:#fff;
	font-size:.78rem;
	font-weight:700;
	letter-spacing:.06em;
}

/* Built on Trust section */
.about-us-trust{
    background: #fff;
    padding: 56px 89px;
}

.about-us-trust .container{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

.about-us-trust__heading{
    color:#2a087b;
    font-size:1.8rem;
    font-weight:800;
    margin-bottom:14px;
}

.about-us-trust__sub{
    color:#4d456d;
    font-weight:600;
    max-width:800px;
    margin:0 auto 42px;
    line-height:1.65;
    font-size:.97rem;
    text-align:center;
}

.about-us-trust__grid{
    display:flex;
    justify-content:space-between;   /* Instead of center */
    align-items:flex-start;
    gap:28px;
    flex-wrap:nowrap;                /* Keep on one row */
}

.about-us-trust__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    flex:1;
    min-width:140px;
}

.about-us-trust__item i{
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    /* border-radius:50%; */
    /* border:2px solid rgba(42,8,123,.18); */
    color:#2a087b;
    font-size:1.85rem;
}

.about-us-trust__item span{
    color:#251a50;
    font-size:.9rem;
    font-weight:700;
    line-height:1.3;
    text-align:center;
}

/* Our Story section */
.about-us-story{
	padding:60px 45px;
	background:#f8f6fc;
}

/* Our People section */
.about-us-people{
	padding:60px 0;
	background:#fff;
}

/* Our Commitment section */
.about-us-commitment{
	padding:60px 0;
	background:#f8f6fc;
}

/* Section accent heading (yellow left border) */
.about-us-accent-heading{
	position:relative;
	padding-left:18px;
	margin-bottom:8px;
	color:#2a087b;
	font-size:1.75rem;
	font-weight:800;
}

.about-us-accent-heading::before{
	content:"";
	position:absolute;
	left:0;
	top:5px;
	bottom:5px;
	width:4px;
	border-radius:2px;
	background:linear-gradient(180deg,#d4a017,#b8841a);
}

/* Learn More About Us button */
.about-us-story__btn{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-top:22px;
	padding:13px 26px;
	border-radius:8px;
	background:#2a087b;
	color:#fff;
	font-weight:800;
	font-size:.95rem;
	text-decoration:none;
	transition:background .2s ease;
}

.about-us-story__btn:hover{
	background:#4b0da5;
	color:#fff;
}

/* Photo cards (Our People / Our Commitment) */
.about-us-photo-card{
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(34,20,83,.1);
	background:#fff;
	height:100%;
	display:flex;
	flex-direction:column;
	transition:transform .2s ease,box-shadow .2s ease;
}

.about-us-photo-card:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 36px rgba(34,20,83,.16);
}

.about-us-photo-card__img{
	height:176px;
	display:grid;
	place-items:center;
	color:rgba(255,255,255,.35);
	font-size:3.8rem;
}

.about-us-photo-card__img--purple1{background:linear-gradient(135deg,#4b0da5 0%,#7e46b0 100%);}
.about-us-photo-card__img--purple2{background:linear-gradient(135deg,#321080 0%,#6920c5 100%);}
.about-us-photo-card__img--purple3{background:linear-gradient(135deg,#2a087b 0%,#4b0da5 100%);}
.about-us-photo-card__img--green{background:linear-gradient(135deg,#3a6b0a 0%,#6baa14 100%);}

.about-us-photo-card__body{
	padding:18px 20px 22px;
	flex:1;
	display:flex;
	flex-direction:column;
}

.about-us-photo-card__body h5{
	margin:0 0 8px;
	color:#1f1068;
	font-size:1rem;
	font-weight:800;
}

.about-us-photo-card__body p{
	margin:0 0 16px;
	color:#4d456d;
	font-size:.875rem;
	font-weight:600;
	line-height:1.55;
	flex:1;
}

.about-us-photo-card__body a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:#42129a;
	font-size:.9rem;
	font-weight:800;
	text-decoration:none;
	transition:color .2s ease;
}

.about-us-photo-card__body a:hover{
	color:#2a087b;
}

/* CTA strip wrapper */
.about-us-cta-shell{
	padding:40px 0 56px;
	background:#fff;
}

/* CTA icon circle */
.about-us-cta-icon{
	display:grid;
	place-items:center;
	width:68px;
	height:68px;
	border-radius:50%;
	border:2px solid rgba(255,255,255,.4);
	font-size:2.2rem;
	color:#fff;
	flex-shrink:0;
}

/* Slim 3-column variant for about us CTA */
.about-us-cta-strip{
	grid-template-columns:auto minmax(0,1fr) minmax(190px,240px);
}

@media (max-width:1199.98px){
	.about-us-cta-strip{
		grid-template-columns:auto minmax(0,1fr);
	}
}

@media (max-width:767.98px){
	.about-us-trust__grid{ gap:18px; }
	.about-us-trust__item{ flex:0 0 120px; }
	.about-us-photo-card__img{ height:140px; }
	.about-us-cta-strip{ grid-template-columns:1fr; }
}


/* =====================================================
   LOCATIONS PAGE – REDESIGN
   ===================================================== */

/* Hero – uses locationsHeader.png cityscape */
.loc-hero{
	min-height:620px;
	align-items:flex-start;
	padding:130px clamp(24px,5vw,72px) 80px;
	background:
		linear-gradient(90deg,rgba(5,4,24,.96) 0%,rgba(26,7,63,.90) 40%,rgba(26,7,63,.55) 62%,transparent 100%),
		url("../img/locationsHeader.png") right center / cover no-repeat,
		linear-gradient(135deg,#07052b 0%,#22105f 58%,#7e46b0 100%);
}

@media (max-width:991.98px){
	.loc-hero{
		min-height:500px;
		padding:110px clamp(20px,5vw,48px) 60px;
		background:
			linear-gradient(180deg,rgba(5,4,24,.97) 0%,rgba(10,6,40,.94) 46%,rgba(10,6,40,.25) 100%),
			url("../img/locationsHeader.png") center / cover no-repeat,
			#07052b;
	}
}

.loc-hero__tagline{
	color:#9ed41a;
	font-size:1.25rem;
	font-weight:800;
	margin:-8px 0 14px;
	display:block;
}

/* Section base */
.loc-section{
	padding:62px 25px;
	background:#f8f6fc;
}

.loc-section--white{
	background:#fff;
}

/* Centred section heading */
.loc-center-head{
	text-align:center;
	margin-bottom:40px;
}

.loc-center-head>i{
	color:#6522b5;
	font-size:1.4rem;
	display:block;
	margin-bottom:8px;
}

.loc-center-head h2{
	color:#2a087b;
	font-size:1.9rem;
	font-weight:800;
	margin:0 0 8px;
}

.loc-center-head p{
	color:#4d456d;
	font-weight:600;
	margin:0;
	font-size:.97rem;
}

/* ── National Network ── */
.loc-hq-section{
    padding: 80px 0;
}

.loc-hq-section .container{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

.loc-hq-grid{
	display:grid;
	grid-template-columns:465px 1fr;
	gap:22px;
	align-items:start;
}

/* HQ card */
.loc-hq-card{
	border:1px solid rgba(42,8,123,.1);
	border-radius:10px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 8px 24px rgba(34,20,83,.08);
	display:grid;
	grid-template-columns:1fr 180px;
	gap:12px;
	height:100%;
}

.loc-hq-card__top{
	padding:22px 24px 18px;
	display:flex;
	flex-direction:column;
}

.loc-hq-card__header{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:14px;
	color:#2a087b;
	font-size:1rem;
	font-weight:800;
}

.loc-hq-card__header i{
	font-size:1.45rem;
	color:#6522b5;
}

.loc-hq-card__addr p{
	color:#1f1068;
	font-size:1.05rem;
	font-weight:800;
	line-height:1.5;
	margin:0 0 16px;
}

.loc-hq-card__list{
	list-style:none;
	padding:0;
	margin:0;
}

.loc-hq-card__list li{
	display:flex;
	align-items:center;
	gap:10px;
	padding:7px 0;
	color:#251a50;
	font-size:.88rem;
	font-weight:600;
	border-bottom:1px solid rgba(42,8,123,.06);
}

.loc-hq-card__list li:last-child{ border-bottom:0; }

.loc-hq-card__list i{ color:#6522b5; }

.loc-hq-card__photo{
	overflow:hidden;
	background:transparent;
}

.loc-hq-card__photo img{
	width: calc(100% - 23px);
    height: calc(100% - 140px);
    margin: 60px 8px;
    border-radius: 18px;
    object-fit: cover;
    background:transparent;
}



/* Side-panel variant already used by default grid layout */
.loc-hq-card__photo--side{
	min-height:100%;
}

/* Operations Centre card */
.loc-ops-card{
	border:1px solid rgba(42,8,123,.1);
	border-radius:10px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 8px 24px rgba(34,20,83,.08);
}

.loc-ops-card__header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	padding:20px 24px 16px;
	border-bottom:1px solid rgba(42,8,123,.08);
}

.loc-ops-card__header strong{
	display:block;
	color:#2a087b;
	font-size:1.12rem;
	font-weight:800;
	margin-bottom:6px;
}

.loc-ops-card__header p{
	color:#4d456d;
	font-size:.9rem;
	font-weight:600;
	margin:0;
}

.loc-ops-card__badge{
	width:54px;
	height:54px;
	flex-shrink:0;
	border-radius:12px;
	background:#fff;
	box-shadow:0 4px 12px rgba(34,20,83,.14);
	padding:8px;
	display:grid;
	place-items:center;
}

.loc-ops-card__badge img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.loc-ops-card__photo{
	height:220px;
	overflow:hidden;
}

.loc-ops-card__photo img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.loc-ops-card__hubs{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0;
}

.loc-ops-hub{
	padding:20px 22px;
	border-right:1px solid rgba(42,8,123,.08);
}

.loc-ops-hub:last-child{ border-right:0; }

.loc-ops-hub__head{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-bottom:14px;
}

.loc-ops-hub__head i{
	color:#6522b5;
	font-size:1.35rem;
	flex-shrink:0;
	margin-top:2px;
}

.loc-ops-hub__head strong{
	color:#2a087b;
	font-size:.88rem;
	font-weight:800;
	line-height:1.3;
}

.loc-ops-hub ul{
	list-style:none;
	padding:0;
	margin:0;
}

.loc-ops-hub li{
	display:flex;
	align-items:flex-start;
	gap:8px;
	padding:3px 0;
	color:#251a50;
	font-size:.82rem;
	font-weight:600;
	line-height:1.4;
}

.loc-ops-hub li i{
	color:#6522b5;
	flex-shrink:0;
	margin-top:2px;
}

.loc-note{
	color:#7d6f9a;
	font-size:.76rem;
	font-weight:500;
}

/* ── Australia locations ── */
.loc-aus-layout{
	display:grid;
	grid-template-columns:380px 1fr;
	gap:36px;
	align-items:start;
}

.loc-aus-map img{
	width:100%;
	height:auto;
	display:block;
}

.loc-state-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:14px;
}

.loc-state-card{
	border:1px solid rgba(42,8,123,.1);
	border-radius:10px;
	padding:16px 16px 14px;
	background:#fff;
	box-shadow:0 4px 16px rgba(34,20,83,.06);
}

.loc-state-card--solo{
	grid-column:2;
}

.loc-state-card__head{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
}

.loc-state-card__icon{
	display:grid;
	place-items:center;
	width:36px;
	height:36px;
	border-radius:50%;
	background:rgba(101,34,181,.12);
	color:#6522b5;
	font-size:1rem;
	flex-shrink:0;
}

.loc-state-card__head strong{
	color:#1f1068;
	font-size:.95rem;
	font-weight:800;
}

.loc-state-card__info{
	list-style:none;
	padding:0;
	margin:0 0 12px;
}

.loc-state-card__info li{
	display:flex;
	align-items:center;
	gap:8px;
	padding:4px 0;
	color:#4d456d;
	font-size:.8rem;
	font-weight:600;
	border-bottom:1px solid rgba(42,8,123,.06);
}

.loc-state-card__info li:last-child{ border-bottom:0; }

.loc-state-card__info i{
	color:#6522b5;
	font-size:.82rem;
	flex-shrink:0;
}

.loc-state-card__btns{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}

.loc-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:7px 11px;
	border-radius:6px;
	font-size:.75rem;
	font-weight:800;
	text-decoration:none;
	transition:background .2s,color .2s;
}

.loc-btn--solid{
	background:#42129a;
	color:#fff;
}

.loc-btn--solid:hover{
	background:#2a087b;
	color:#fff;
}

.loc-btn--outline{
	border:1px solid #42129a;
	color:#42129a;
}

.loc-btn--outline:hover{
	background:#42129a;
	color:#fff;
}

/* ── Global network ── */
.loc-center-head--row{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	text-align:left;
	margin-bottom:30px;
	gap:20px;
}

.loc-center-head--row>div>i{
	display:block;
	margin-bottom:8px;
}

.loc-country-select{
	padding:10px 16px;
	border:1px solid rgba(42,8,123,.2);
	border-radius:8px;
	color:#4d456d;
	font-size:.9rem;
	font-weight:600;
	cursor:pointer;
	min-width:160px;
	flex-shrink:0;
	align-self:center;
}

.loc-global-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
}

.loc-global-card{
	border:1px solid rgba(42,8,123,.1);
	border-radius:10px;
	padding:20px 18px;
	background:#fff;
	box-shadow:0 4px 16px rgba(34,20,83,.06);
	display:flex;
	flex-direction:column;
	gap:8px;
}

.loc-global-card__flag{
	width:48px;
	height:32px;
	object-fit:cover;
	border-radius:4px;
	box-shadow:0 2px 6px rgba(0,0,0,.12);
}

.loc-global-card strong{
	color:#1f1068;
	font-size:1rem;
	font-weight:800;
}

.loc-status{
	display:inline-block;
	padding:3px 10px;
	border-radius:999px;
	font-size:.74rem;
	font-weight:700;
	align-self:flex-start;
}

.loc-status--active{
	background:rgba(157,212,26,.18);
	color:#3a6b0a;
}

.loc-status--soon{
	background:rgba(42,8,123,.1);
	color:#4d456d;
}

.loc-global-card ul{
	list-style:none;
	padding:0;
	margin:6px 0;
	flex:1;
}

.loc-global-card li{
	display:flex;
	align-items:center;
	gap:8px;
	padding:2px 0;
	color:#251a50;
	font-size:.84rem;
	font-weight:600;
}

.loc-global-card li i{ color:#6522b5; }

.loc-global-card__desc{
	color:#4d456d;
	font-size:.84rem;
	font-weight:600;
	line-height:1.5;
	margin:4px 0;
	flex:1;
}

.loc-global-card__btn{
	display:block;
	padding:10px;
	border:1px solid rgba(42,8,123,.2);
	border-radius:8px;
	color:#42129a;
	font-size:.88rem;
	font-weight:800;
	text-align:center;
	text-decoration:none;
	transition:background .2s,color .2s;
	margin-top:auto;
}

.loc-global-card__btn:hover{
	background:#42129a;
	color:#fff;
}

/* ── Care Without Borders CTA ── */
.loc-footer-cta{
	position:relative;
	overflow:hidden;
	min-height:280px;
	padding:60px 0;
	background:
		linear-gradient(90deg,rgba(5,4,24,.98) 0%,rgba(8,5,36,.96) 40%,rgba(8,5,36,.7) 60%,rgba(8,5,36,.18) 100%),
		url("../img/locfooter.png") center right / cover no-repeat,
		#07052b;
	display:flex;
	align-items:center;
}

.loc-footer-cta__inner{
	width:min(100% - 84px,1320px);
	margin-inline:auto;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:36px;
	color:#fff;
}

.loc-footer-cta h2{
	font-size:clamp(2rem,4vw,3.2rem);
	font-weight:800;
	margin:0 0 10px;
	color:#fff;
	line-height:1.05;
}

.loc-footer-cta h2 i{ color:#9ed41a; }

.loc-footer-cta__tagline{
	color:#9ed41a;
	font-size:1.4rem;
	font-weight:800;
	margin:0 0 28px;
}

.loc-footer-cta__badges{
	display:flex;
	gap:28px;
	flex-wrap:wrap;
}

.loc-footer-cta__badges>div{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	text-align:center;
}

.loc-footer-cta__badges i{
	display:grid;
	place-items:center;
	width:60px;
	height:60px;
	border-radius:50%;
	border:2px solid rgba(255,255,255,.3);
	font-size:1.6rem;
	color:#fff;
}

.loc-footer-cta__badges span{
	font-size:.82rem;
	font-weight:700;
	color:rgba(255,255,255,.9);
}

.loc-footer-cta__logo{
	width:88px;
	height:88px;
	border-radius:20px;
	background:#fff;
	box-shadow:0 12px 28px rgba(0,0,0,.3);
	padding:10px;
	display:grid;
	place-items:center;
	flex-shrink:0;
}

.loc-footer-cta__logo img{
	width:100%;
	height:100%;
	object-fit:contain;
}

/* ── Responsive ── */
@media (max-width:1199.98px){
	.loc-hq-grid{ grid-template-columns:300px 1fr; }
	.loc-aus-layout{ grid-template-columns:260px 1fr; }
	.loc-global-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:991.98px){
	.loc-hq-grid{ grid-template-columns:1fr; }
	.loc-hq-card{ grid-template-columns:1fr 160px; }
	.loc-aus-layout{ grid-template-columns:1fr; }
	.loc-state-grid{ grid-template-columns:repeat(2,1fr); }
	.loc-state-card--solo{ grid-column:1; }
	.loc-center-head--row{ flex-direction:column; text-align:left; }
	.loc-footer-cta__inner{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:767.98px){
	.loc-hq-card{ grid-template-columns:1fr; }
	.loc-hq-card__photo{ min-height:200px; }
	.loc-ops-card__hubs{ grid-template-columns:1fr; }
	.loc-ops-hub{ border-right:0; border-bottom:1px solid rgba(42,8,123,.08); }
	.loc-global-grid{ grid-template-columns:1fr; }
	.loc-footer-cta{ padding:44px 0; }
	.loc-footer-cta__inner{ width:calc(100% - 36px); }
	.loc-footer-cta__badges{ gap:16px; }
	.loc-footer-cta h2{ font-size:1.9rem; }
	.loc-footer-cta__tagline{ font-size:1.1rem; }
}

/* =====================================================
   SITE-WIDE NAVBAR CONSISTENCY — Standard hero pages
   careers-page, contact-page, faqs-page,
   our-team-page, our-founder-page, resources-page
   ===================================================== */

/* Desktop: dark semi-transparent overlay matches purple hero gradient */
.careers-page .navbar,
.contact-page .navbar,
.faqs-page .navbar,
.our-team-page .navbar,
.our-founder-page .navbar,
.resources-page .navbar,
.blog-page .navbar,
.get-support-page .navbar,
.job-detail-page .navbar,
.referral-page .navbar,
.services-page .navbar,
.technology-page .navbar,
.blog-detail-page .navbar,
.service-details-page .navbar,
.resource-detail-page .navbar{
	/* background:linear-gradient(90deg,rgba(5,4,24,.65) 0%,rgba(26,7,63,.6) 52%,rgba(40,8,90,.55) 100%); */
	box-shadow:none;
}

/* Responsive: restore solid dark navy when navbar collapses */
@media (max-width:1199.98px){
	.careers-page .navbar,
	.contact-page .navbar,
	.faqs-page .navbar,
	.our-team-page .navbar,
	.our-founder-page .navbar,
	.resources-page .navbar,
	.blog-page .navbar,
	.get-support-page .navbar,
	.job-detail-page .navbar,
	.referral-page .navbar,
	.services-page .navbar,
	.technology-page .navbar,
	.blog-detail-page .navbar,
	.service-details-page .navbar,
	.resource-detail-page .navbar{
		background:linear-gradient(90deg,#070620 0%,#1a073f 100%);
	}
}


/* =====================================================
   CAREERS PAGE � Complete Redesign (car-* classes)
   ===================================================== */

/* --- Hero --- */
.car-hero{
position:relative;
min-height:620px;
background:
  linear-gradient(90deg,rgba(5,4,24,.96) 0%,rgba(26,7,63,.90) 40%,rgba(26,7,63,.55) 62%,transparent 100%),
  url('../img/careersheader.png') right center / cover no-repeat,
  linear-gradient(135deg,#07052b 0%,#1a073f 58%,#28085a 100%);
display:flex;
align-items:center;
padding:130px clamp(24px,5vw,72px) 80px;
min-height:620px;
}
.car-hero .container{
position:relative;
z-index:2;
display:flex;
align-items:flex-end;
justify-content:flex-start;
}
.car-hero__content{
max-width:520px;
color:#fff;
}
.car-hero__label{
font-size:.8rem;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,.65);
margin-bottom:14px;
}
.car-hero__h1{
font-size:clamp(2rem,4vw,3.2rem);
font-weight:800;
line-height:1.12;
margin-bottom:10px;
color:#fff;
}
.car-hero__brand{
color:#9b59d0;
display:block;
}
.car-hero__tagline{
font-size:1.15rem;
font-weight:700;
color:#9ed41a;
margin-bottom:14px;
}
.car-hero__desc{
font-size:.97rem;
color:rgba(255,255,255,.85);
line-height:1.65;
margin-bottom:28px;
max-width:440px;
}
.car-hero__btns{
display:flex;
flex-wrap:wrap;
gap:14px;
}
.car-hero__btn-primary{
display:inline-flex;
align-items:center;
gap:8px;
background:#42129a;
color:#fff;
padding:12px 24px;
border-radius:50px;
font-weight:600;
font-size:.95rem;
text-decoration:none;
transition:background .2s,transform .15s;
}
.car-hero__btn-primary:hover{
background:#5a1dc2;
color:#fff;
transform:translateY(-2px);
}
.car-hero__btn-outline{
display:inline-flex;
align-items:center;
gap:8px;
border:2px solid rgba(255,255,255,.55);
color:#fff;
padding:11px 24px;
border-radius:50px;
font-weight:600;
font-size:.95rem;
text-decoration:none;
transition:border-color .2s,background .2s;
}
.car-hero__btn-outline:hover{
border-color:#fff;
background:rgba(255,255,255,.1);
color:#fff;
}
.car-hero__badge{
position:absolute;
left:50%;
bottom:28px;
transform:translateX(-50%);
z-index:4;
width:106px;
height:106px;
display:grid;
place-items:center;
padding:12px;
border-radius:26px;
background:#fff;
box-shadow:0 18px 34px rgba(12,6,36,.24);
}
.car-hero__badge img{
width:82px;
height:82px;
object-fit:contain;
}


/* =====================================
   WHY WORK HERE
===================================== */

.career-why-work{

    padding:90px 0;

}

.career-heading{

    text-align:center;

    margin-bottom:60px;

}

.career-heading h2{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    margin-bottom:10px;

    font-size:2.8rem;

    font-weight:800;

    color:#2a087b;

}

.career-heading h2 i{

    color:#6b33d7;

    font-size:2rem;

}

.career-heading p{

    color:#555;

    font-size:1.15rem;

}

/* ========================= */

.career-benefits{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:35px;

}

/* ========================= */

.career-benefit{

    text-align:center;

    padding:10px;

}

.career-icon{

    width:85px;

    height:85px;

    margin:0 auto 24px;

    border-radius:50%;

    background:#f5f2ff;

    display:flex;

    align-items:center;

    justify-content:center;

}

.career-icon i{

    font-size:2.3rem;

    color:#5d2dd7;

}

.career-benefit h4{

    color:#2a087b;

    font-size:1.45rem;

    font-weight:700;

    margin-bottom:14px;

}

.career-benefit p{

    color:#555;

    line-height:1.8;

    font-size:1rem;

}

/* ========================= */

@media(max-width:1200px){

    .career-benefits{

        grid-template-columns:repeat(3,1fr);

        gap:30px;

    }

}

@media(max-width:768px){

    .career-benefits{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:576px){

    .career-benefits{

        grid-template-columns:1fr;

    }

}


/* ==========================================
   BENEFITS
========================================== */

.career-benefits-section{

    padding:90px 0;

}

.career-benefits-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:45px;

    align-items:center;

    padding:35px;

    border:1px solid rgba(42,8,123,.08);

    border-radius:24px;

    background:#fff;

}

/* LEFT */

.career-benefits-heading{

    margin-bottom:35px;

}

.career-benefits-heading h2{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:10px;

    color:#2a087b;

    font-size:2.8rem;

    font-weight:800;

}

.career-benefits-heading h2 i{

    color:#8cbc2d;

}

.career-benefits-heading p{

    color:#555;

    font-size:1.1rem;

}

/* GRID */

.career-benefits-list{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:34px 28px;

}

.career-benefit-item{

    display:flex;

    align-items:flex-start;

    gap:15px;

}

.career-benefit-item i{

    color:#5d2dd7;

    font-size:2rem;

    flex-shrink:0;

}

.career-benefit-item span{

    color:#444;

    font-size:1.02rem;

    line-height:1.7;

    font-weight:500;

}

/* IMAGE */

.career-benefits-image{

    position:relative;

    overflow:hidden;

    border-radius:22px;

}

.career-benefits-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

}

.career-image-icon{

    position:absolute;

    top:24px;

    right:24px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    display:flex;

    align-items:center;

    justify-content:center;

}

.career-image-icon i{

    color:#7b4ddf;

    font-size:2rem;

}

/* RESPONSIVE */

@media(max-width:1200px){

    .career-benefits-grid{

        grid-template-columns:1fr;

    }

    .career-benefits-list{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .career-benefits-list{

        grid-template-columns:1fr;

    }

}

/* ==========================================
   HOW TO APPLY
========================================== */

.career-apply{

    padding:90px 0;

}

.career-apply-grid{

    display:grid;

    grid-template-columns:2fr 380px;

    gap:35px;

    padding:32px;

    border-radius:24px;

    border:1px solid rgba(42,8,123,.08);

    background:#fff;

}

/* ========================= */

.career-apply-heading{

    margin-bottom:40px;

}

.career-apply-heading h2{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:10px;

    font-size:2.7rem;

    color:#2a087b;

    font-weight:800;

}

.career-apply-heading h2 i{

    color:#8cbc2d;

}

.career-apply-heading p{

    color:#555;

    font-size:1.05rem;

}

/* ========================= */

.career-steps{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

	padding:86px 0;


}

.career-step{

    display:flex;

    align-items:center;

    gap:20px;

    flex:1;

}

.career-step-icon{

    width:86px;

    height:86px;

    min-width:86px;

    border-radius:50%;

    background:#fff;

    border:1px solid rgba(42,8,123,.08);

    display:flex;

    align-items:center;

    justify-content:center;

}

.career-step-icon i{

    font-size:2.2rem;

    color:#5d2dd7;

}

.career-step h4{

    margin-bottom:8px;

    color:#2a087b;

    font-size:1.25rem;

    font-weight:700;

}

.career-step p{

    margin:0;

    color:#555;

    line-height:1.7;

}

.career-arrow{

    color:#8b66df;

    font-size:2rem;

}

/* ========================= */

.career-expression{

    padding:34px;

    border-radius:20px;

    background:linear-gradient(135deg,#5d2dd7,#34106f);

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.career-expression-icon{

    display:flex;

    gap:10px;

    font-size:2rem;

    margin-bottom:22px;

}

.career-expression-icon i:first-child{

    color:#8cbc2d;

}

.career-expression-icon i:last-child{

    color:#fff;

}

.career-expression h3{

    margin-bottom:16px;

    font-size:2rem;

    font-weight:700;

}

.career-expression p{

    line-height:1.8;

    margin-bottom:30px;

    opacity:.95;

}

.career-expression-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    padding:16px;

    background:#fff;

    color:#5d2dd7;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}

.career-expression-btn:hover{

    background:#f7f7f7;

    color:#5d2dd7;

}

/* ========================= */

@media(max-width:1200px){

    .career-apply-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:992px){

    .career-steps{

        flex-direction:column;

        align-items:flex-start;

    }

    .career-arrow{

        transform:rotate(90deg);

        margin-left:42px;

    }

}

@media(max-width:768px){

    .career-step{

        align-items:flex-start;

    }

}

/* --- Shared section helpers --- */
.car-section-head{ margin-bottom:36px; }
.car-section-head--center{ text-align:center; }
.car-section-head h2{
font-size:1.9rem;
font-weight:800;
color:#1a0535;
margin:4px 0 8px;
}
.car-section-head p{
color:#5f5f7a;
font-size:1rem;
margin:0;
}
.car-heart-icon{
font-size:1.15rem;
color:#42129a;
}

/* --- Why Work Here --- */
.car-why{
padding:64px 0;
background:#fff;
}
.car-why-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:24px;
margin-top:40px;
padding:0 55px;
}
.car-why-item{
text-align:center;
}
.car-why-icon{
width:64px;
height:64px;
border-radius:50%;
border:2px solid #e0d5f5;
background:#f7f2fd;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 14px;
font-size:1.4rem;
color:#42129a;
}
.car-why-item h5{
font-size:.92rem;
font-weight:700;
color:#1a0535;
margin-bottom:6px;
}
.car-why-item p{
font-size:.82rem;
color:#6b6b80;
margin:0;
line-height:1.5;
}

/* --- Benefits --- */
.car-benefits{
padding:64px 0;
background:#f7f2fd;
}
.car-benefits-split{
display:grid;
grid-template-columns:1fr 320px;
gap:40px;
align-items:center;
padding:0 55px;
}
.car-benefits-left .car-section-head h2{ margin-top:6px; }
.car-benefits-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px 20px;
margin-top:20px;
}
.car-benefit-item{
display:flex;
align-items:flex-start;
gap:10px;
font-size:1rem;
color:#3a3a50;
}
.car-benefit-item i{
font-size:1rem;
color:#42129a;
flex-shrink:0;
margin-top:1px;
}
.car-benefits-photo{
position:relative;
border-radius:16px;
overflow:visible;
}
.car-benefits-photo img{
width:100%;
height:300px;
object-fit:cover;
border-radius:16px;
display:block;
box-shadow:0 12px 36px rgba(66,18,154,.14);
}
.car-benefits-photo__heart{
position:absolute;
top:14px;
right:14px;
width:38px;
height:38px;
background:rgba(255,255,255,.9);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#42129a;
font-size:1.1rem;
box-shadow:0 4px 12px rgba(0,0,0,.1);
}

/* --- Growth (Professional Dev + Career Progression) --- */
.car-growth{
padding:64px 55px;
background:#fff;
}
.car-growth-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
}
.car-growth-card{
border:1.5px solid #ede8f8;
border-radius:16px;
padding:32px 28px 24px;
background:#fff;
display:flex;
flex-direction:column;
}
.car-growth-card__head{ margin-bottom:20px; }
.car-growth-card__head h3{
font-size:1.2rem;
font-weight:800;
color:#1a0535;
margin:4px 0 6px;
}
.car-growth-card__head p{
font-size:.88rem;
color:#6b6b80;
margin:0;
}
.car-growth-list{
list-style:none;
padding:0;
margin:0 0 20px;
display:flex;
flex-direction:column;
gap:10px;
flex:1;
}
.car-growth-list li{
display:flex;
align-items:center;
gap:10px;
font-size:.88rem;
color:#3a3a50;
}
.car-growth-list li i{
color:#42129a;
font-size:.95rem;
flex-shrink:0;
}
.car-growth-illus{
margin-top:auto;
display:flex;
justify-content:flex-end;
}
.car-growth-illus svg{
width:160px;
height:auto;
}

/* Professional Development card */
.car-growth-card--pd {
  background: #fff;
  border-color: #ede8f8;
  position: relative;
  overflow: hidden;
}
.car-pd-illus {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 140%;
  width: auto;
  max-width: 141%;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 0;
}
.car-growth-card--pd .car-growth-card__head,
.car-growth-card--pd .car-growth-list {
  position: relative;
  z-index: 1;
  max-width: 56%;
}

/* --- How to Apply --- */
.car-apply{
padding:64px 0;
background:#f0eafb;
}
.car-apply-inner{
display:grid;
grid-template-columns:1fr 280px;
gap:40px;
align-items:start;
padding:0 55px;
}
.car-apply-steps{
display:flex;
align-items:flex-start;
gap:0;
margin-top:24px;
flex-wrap:nowrap;
}
.car-apply-step{
display:flex;
align-items:flex-start;
gap:14px;
flex:1;
}
.car-apply-step__icon{
width:52px;
height:52px;
border-radius:12px;
background:#fff;
border:1.5px solid #ddd5f5;
display:flex;
align-items:center;
justify-content:center;
font-size:1.3rem;
color:#42129a;
flex-shrink:0;
}
.car-apply-step__body{
display:flex;
flex-direction:column;
gap:4px;
padding-top:4px;
}
.car-apply-step__body strong{
font-size:.9rem;
font-weight:700;
color:#1a0535;
}
.car-apply-step__body span{
font-size:.8rem;
color:#6b6b80;
line-height:1.45;
}
.car-apply-arrow{
padding:0 10px;
padding-top:14px;
color:#c0b0e0;
font-size:1.1rem;
flex-shrink:0;
}
.car-apply-card{
background:linear-gradient(135deg,#42129a 0%,#2a087b 100%);
border-radius:16px;
padding:28px 24px;
color:#fff;
}
.car-apply-card__title{
font-size:1rem;
font-weight:700;
margin-bottom:10px;
}
.car-apply-card p{
font-size:.85rem;
color:rgba(255,255,255,.8);
margin-bottom:18px;
}
.car-apply-card__btn{
display:inline-flex;
align-items:center;
gap:8px;
background:#fff;
color:#42129a;
padding:10px 20px;
border-radius:50px;
font-size:.8rem;
font-weight:700;
text-decoration:none;
transition:background .2s;
}
.car-apply-card__btn:hover{
background:#f0eafb;
color:#42129a;
}

/* --- Current Vacancies --- */

/*=========================================
 KB7 CAREER STATS
=========================================*/

.kb7-career-card{
    background:#fff;
    border:1px solid #ece9f8;
    border-radius:22px;
    padding:42px;
    box-shadow:0 12px 35px rgba(42,8,123,.06);
}

.kb7-career-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.kb7-career-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    position:relative;
    padding:8px 25px;
    transition:.3s;
}

.kb7-career-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:8px;
    width:1px;
    height:70px;
    background:#ece9f8;
}

.kb7-career-item:hover{
    transform:translateY(-5px);
}

.kb7-career-icon{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7b4df2;
    font-size:2.4rem;
    flex-shrink:0;
}

.kb7-career-content h3{
    margin:0;
    font-size:2.5rem;
    font-weight:800;
    color:#4520b5;
    line-height:1;
}

.kb7-career-content p{
    margin:8px 0 2px;
    font-size:1rem;
    font-weight:700;
    color:#312f55;
}

.kb7-career-content small{
    display:block;
    font-size:.92rem;
    color:#6d6986;
    line-height:1.4;
}

/* Responsive */

@media(max-width:992px){

    .kb7-career-grid{
        grid-template-columns:repeat(2,1fr);
        gap:35px;
    }

    .kb7-career-item::after{
        display:none;
    }

}

@media(max-width:768px){

    .kb7-career-grid{
        grid-template-columns:1fr;
    }

    .kb7-career-item{
        justify-content:flex-start;
    }

    .kb7-career-card{
        padding:30px;
    }

}


.car-vacancies{
padding:64px 55px;
background:#fff;
}
.car-vacancies-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-bottom:28px;
}
.car-vacancies-head h2{
font-size:1.75rem;
font-weight:800;
color:#1a0535;
margin:4px 0 4px;
}
.car-vacancies-head p{
font-size:.88rem;
color:#6b6b80;
margin:0;
}
.car-vacancies-viewall{
display:inline-flex;
align-items:center;
gap:6px;
color:#42129a;
font-weight:600;
font-size:.88rem;
text-decoration:none;
white-space:nowrap;
margin-top:6px;
}
.car-vacancies-viewall:hover{ color:#5a1dc2; }
.car-vacancies-table{
display:flex;
flex-direction:column;
border:1.5px solid #ede8f8;
border-radius:14px;
overflow:hidden;
}
.car-vacancy-row{
display:grid;
grid-template-columns:minmax(160px,1.5fr) minmax(120px,1fr) minmax(150px,1.2fr) minmax(130px,1fr) minmax(110px,.9fr) 130px;
align-items:center;
gap:12px;
padding:16px 24px;
border-bottom:1px solid #f0eafb;
background:#fff;
transition:background .15s;
}
.car-vacancy-row:last-child{ border-bottom:none; }
.car-vacancy-row:hover{ background:#faf7fd; }
.car-vacancy-title{ font-weight:700; color:#1a0535; font-size:.92rem; }
.car-vacancy-dept{ color:#6b6b80; font-size:.85rem; }
.car-vacancy-loc{ font-size:.85rem; color:#5f5f7a; }
.car-vacancy-loc i{ color:#42129a; }
.car-vacancy-type{
display:flex;
align-items:center;
gap:7px;
font-size:.85rem;
color:#1a0535;
}
.car-vacancy-dot{
width:9px;
height:9px;
border-radius:50%;
background:#3cc86a;
flex-shrink:0;
}
.car-vacancy-posted{ font-size:.8rem; color:#9898a8; }
.car-apply-now{
display:inline-flex;
align-items:center;
gap:6px;
background:#f0eafb;
color:#42129a;
padding:8px 16px;
border-radius:50px;
font-size:.82rem;
font-weight:700;
text-decoration:none;
white-space:nowrap;
border:1.5px solid #ddd5f5;
transition:background .15s,color .15s;
}
.car-apply-now:hover{
background:#42129a;
color:#fff;
border-color:#42129a;
}

/* --- Have Questions CTA --- */
.car-cta{
padding:48px 0;
background:linear-gradient(90deg,#0a0425 0%,#1a0535 50%,#0f0230 100%);
}
.car-cta-inner{
display:flex;
align-items:center;
gap:32px;
}
.car-cta-left{
display:flex;
align-items:center;
gap:18px;
flex:1;
}
.car-cta-right{
display:flex;
align-items:center;
gap:14px;
}
.car-cta-icon{
width:50px;
height:50px;
border-radius:50%;
border:1.5px solid rgba(255,255,255,.25);
display:flex;
align-items:center;
justify-content:center;
font-size:1.4rem;
color:rgba(255,255,255,.8);
flex-shrink:0;
}
.car-cta-left h4{
font-size:1.1rem;
font-weight:700;
color:#fff;
margin:0 0 4px;
}
.car-cta-left p{
font-size:.85rem;
color:rgba(255,255,255,.65);
margin:0;
}
.car-cta-right small{
display:block;
font-size:.75rem;
color:rgba(255,255,255,.55);
}
.car-cta-right strong a{
color:#fff;
text-decoration:none;
font-size:1rem;
font-weight:700;
}
.car-cta-btn{
display:inline-flex;
align-items:center;
gap:8px;
border:1.5px solid rgba(255,255,255,.45);
color:#fff;
padding:11px 24px;
border-radius:50px;
font-weight:600;
font-size:.9rem;
text-decoration:none;
white-space:nowrap;
transition:border-color .2s,background .2s;
}
.car-cta-btn:hover{
border-color:#fff;
background:rgba(255,255,255,.1);
color:#fff;
}
.car-cta-divider{
width:1px;
height:44px;
background:rgba(255,255,255,.2);
flex-shrink:0;
}
.car-cta-heart{
font-size:1.4rem;
color:rgba(255,255,255,.25);
margin-left:auto;
}

/* --- Responsive --- */
@media (max-width:1199.98px){
.car-why-grid{ grid-template-columns:repeat(3,1fr); }
.car-vacancy-row{ grid-template-columns:1fr 1fr 1fr 1fr; }
.car-vacancy-posted,.car-vacancy-action{ display:none; }
.car-vacancy-action{ display:block; }
}
@media (max-width:991.98px){
.car-hero{ min-height:500px; padding:110px clamp(20px,5vw,48px) 60px; }
.car-hero .container{ flex-direction:column; align-items:flex-start; }
.car-benefits-split{ grid-template-columns:1fr; }
.car-benefits-right{ display:none; }
.car-benefits-grid{ grid-template-columns:repeat(2,1fr); }
.car-growth-grid{ grid-template-columns:1fr; }
.car-apply-inner{ grid-template-columns:1fr; }
.car-apply-steps{ flex-direction:column; gap:16px; }
.car-apply-arrow{ display:none; }
.car-cta-inner{ flex-wrap:wrap; gap:20px; }
.car-cta-heart{ display:none; }
}
@media (max-width:767.98px){
.car-hero{ min-height:auto; padding:90px 20px 48px; }
.car-hero__h1{ font-size:2rem; }
.car-why-grid{ grid-template-columns:repeat(2,1fr); }
.car-benefits-grid{ grid-template-columns:1fr; }
.car-vacancy-row{ grid-template-columns:1fr 1fr; padding:14px 16px; }
.car-vacancy-dept,.car-vacancy-loc,.car-vacancy-posted{ display:none; }
.car-vacancies-head{ flex-direction:column; gap:8px; }
.car-cta-inner{ flex-direction:column; align-items:flex-start; }
.car-cta-divider{ width:100%; height:1px; }
}

/* =====================================================
   CONTACT PAGE � Complete Redesign (con-* classes)
   ===================================================== */

/* --- Hero --- */
.con-hero{
position:relative;
  min-height:620px;
  background:
    linear-gradient(90deg,rgba(3,11,26,.97) 0%,rgba(7,18,36,.92) 38%,rgba(7,18,36,.65) 60%,rgba(7,18,36,.15) 100%),
    url('../img/contactheader.png') right center / cover no-repeat,
    linear-gradient(135deg,#030b1a 0%,#071224 100%);
  display:flex;
  align-items:flex-start;
  padding:130px clamp(24px,5vw,72px) 80px;
  overflow:hidden;
}
.con-hero .container{
position:relative;
z-index:2;
display:flex;
align-items:flex-end;
justify-content:flex-start;
}
.con-hero__content{ max-width:500px; color:#fff; }
.con-hero__h1{
font-size:clamp(2.2rem,4.5vw,3.4rem);
font-weight:800;
line-height:1.1;
margin-bottom:10px;
color:#fff;
}
.con-hero__h1 i{ color:#fff; font-size:.85em; }
.con-hero__tagline{
font-size:1.25rem;
font-weight:700;
color:#9b59d0;
margin-bottom:12px;
}
.con-hero__desc{
font-size:.97rem;
color:rgba(255,255,255,.85);
line-height:1.65;
max-width:420px;
margin:0;
}
.con-hero__badge{
position:absolute;
left:50%;
bottom:28px;
transform:translateX(-50%);
z-index:4;
width:106px;
height:106px;
display:grid;
place-items:center;
padding:12px;
border-radius:26px;
background:#fff;
box-shadow:0 18px 34px rgba(12,6,36,.24);
}
.con-hero__badge img{ width:82px; height:82px; object-fit:contain; }

/* --- Department Cards Section --- */
.con-depts{
padding:28px 55px;
background:#fff;
}
.con-depts__heading{
text-align:center;
font-size:1.75rem;
font-weight:800;
color:#1a0535;
margin-bottom:8px;
padding-bottom:14px;
position:relative;
}
.con-depts__heading::after{
content:'';
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:48px;
height:3px;
background:#42129a;
border-radius:2px;
}
.con-depts-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:36px;
}
.con-dept-card{
border:1.5px solid #ede8f8;
border-radius:14px;
padding:24px 20px 20px;
background:#fff;
}
.con-dept-icon{
width:52px;
height:52px;
border-radius:50%;
background:#42129a;
display:flex;
align-items:center;
justify-content:center;
font-size:1.2rem;
color:#fff;
margin-bottom:14px;
}
.con-dept-icon--sm{
width:42px;
height:42px;
font-size:1rem;
flex-shrink:0;
}
.con-dept-card h4{
font-size:.95rem;
font-weight:700;
color:#1a0535;
margin-bottom:10px;
line-height:1.3;
}
.con-dept-rule{
width:32px;
height:3px;
background:#42129a;
border-radius:2px;
margin-bottom:14px;
}
.con-dept-item{
padding:8px 0;
border-bottom:1px solid #f0eafb;
}
.con-dept-item:last-child{ border-bottom:none; }
.con-dept-item span{
display:block;
font-size:.78rem;
font-weight:600;
color:#6b6b80;
margin-bottom:2px;
}
.con-dept-item a{
font-size:.82rem;
color:#42129a;
text-decoration:none;
}
.con-dept-item a:hover{ text-decoration:underline; }

/* Privacy & Compliance card */
.con-privacy-card{
display:flex;
align-items:flex-start;
gap:16px;
border:1.5px solid #ede8f8;
border-radius:14px;
padding:22px 24px;
background:#fff;
max-width:420px;
margin-top:20px;
}
.con-privacy-body{ flex:1; }
.con-privacy-body h4{
font-size:.95rem;
font-weight:700;
color:#1a0535;
margin-bottom:10px;
}
.con-privacy-items{ display:flex; gap:32px; flex-wrap:wrap; }
.con-privacy-items .con-dept-item{
border-bottom:none;
padding:0;
}

/* --- Form + Offices Section --- */
.con-body{
padding:60px 55px;
background:#faf7fd;
}
.con-body-grid{
display:grid;
grid-template-columns:1fr 400px;
gap:48px;
align-items:start;
}
.con-form-heading{
font-size:1.5rem;
font-weight:800;
color:#42129a;
margin-bottom:4px;
}
.con-form-sub{
font-size:.88rem;
color:#6b6b80;
margin-bottom:24px;
}
.con-form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-bottom:16px;
}
.con-field{
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:0;
}
.con-field label{
font-size:.82rem;
font-weight:600;
color:#3a3a50;
}
.con-req{ color:#e03c3c; }
.con-input{
border:1.5px solid #ddd5f5;
border-radius:8px;
padding:10px 14px;
font-size:.88rem;
color:#1a0535;
background:#fff;
outline:none;
transition:border-color .2s;
width:100%;
}
.con-input:focus{ border-color:#42129a; }
.con-select{ appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b80'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:34px; }
.con-textarea{ resize:vertical; min-height:130px; }
.con-field:has(.con-textarea){ margin-bottom:16px; }
.con-submit{
display:inline-flex;
align-items:center;
gap:8px;
background:#42129a;
color:#fff;
padding:12px 28px;
border-radius:50px;
font-weight:700;
font-size:.92rem;
border:none;
cursor:pointer;
transition:background .2s;
}
.con-submit:hover{ background:#5a1dc2; }

/* Offices column */
.con-offices-heading{
font-size:1.35rem;
font-weight:800;
color:#1a0535;
margin-bottom:20px;
}
.con-office-item{
display:flex;
align-items:flex-start;
gap:12px;
margin-bottom:12px;
}
.con-office-pin{
font-size:1.2rem;
color:#42129a;
flex-shrink:0;
margin-top:2px;
}
.con-office-item div{
display:flex;
flex-direction:column;
gap:1px;
}
.con-office-item strong{
font-size:.92rem;
font-weight:700;
color:#1a0535;
margin-bottom:2px;
}
.con-office-item span{
font-size:.84rem;
color:#6b6b80;
}
.con-office-rule{
height:1px;
background:#ede8f8;
margin:14px 0;
}
.con-map{ margin-top:18px; border-radius:12px; overflow:hidden; }
.con-map iframe{ display:block; }

/* --- CTA --- */
.con-cta{
padding:44px 55px;
background:linear-gradient(90deg,#0a0425 0%,#1a0535 50%,#0f0230 100%);
margin:0 43px 25px;
border-radius:20px;
}

.con-cta-inner{
display:flex;
align-items:center;
gap:32px;
}
.con-cta-left{
display:flex;
align-items:center;
gap:18px;
flex:1;
}
.con-cta-right{
display:flex;
align-items:center;
gap:14px;
}
.con-cta-icon{
width:54px;
height:54px;
border-radius:50%;
border:1.5px solid rgba(167,139,250,.55);
display:flex;
align-items:center;
justify-content:center;
font-size:1.4rem;
color:rgba(255,255,255,.85);
flex-shrink:0;
}
.con-cta-left h4{
font-size:1.1rem;
font-weight:700;
color:#fff;
margin:0 0 4px;
}
.con-cta-left p{
font-size:.85rem;
color:rgba(255,255,255,.65);
margin:0;
}
.con-cta-right small{
display:block;
font-size:.75rem;
color:rgba(255,255,255,.55);
letter-spacing:.03em;
}
.con-cta-right strong a{
color:#fff;
text-decoration:none;
font-size:1.2rem;
font-weight:800;
letter-spacing:.01em;
}
.con-cta-btn{
display:inline-flex;
align-items:center;
gap:8px;
background:#fff;
border:1.5px solid #fff;
color:#1a0535;
padding:12px 28px;
border-radius:50px;
font-weight:700;
font-size:.9rem;
text-decoration:none;
white-space:nowrap;
transition:background .2s,color .2s,border-color .2s;
}
.con-cta-btn:hover{
background:#a78bfa;
border-color:#a78bfa;
color:#fff;
}
.con-cta-divider{
width:1px;
height:44px;
background:rgba(255,255,255,.2);
flex-shrink:0;
}

/* --- Responsive --- */
@media (max-width:1199.98px){
.con-depts-grid{ grid-template-columns:repeat(2,1fr); }
.con-body-grid{ grid-template-columns:1fr 340px; gap:32px; }
}
@media (max-width:991.98px){
.con-hero{ min-height:auto; padding:80px clamp(18px,4vw,36px) 50px; }
.con-hero .container{ flex-direction:column; align-items:flex-start; }
.con-body-grid{ grid-template-columns:1fr; }
.con-cta-inner{ flex-wrap:wrap; gap:20px; }
}
@media (max-width:767.98px){
.con-hero{ padding:70px 18px 44px; }
.con-depts-grid{ grid-template-columns:1fr; }
.con-form-row{ grid-template-columns:1fr; }
.con-privacy-items{ flex-direction:column; gap:0; }
.con-cta-inner{ flex-direction:column; align-items:flex-start; }
.con-cta-divider{ width:100%; height:1px; }
}

/* ============================================================
   RESOURCES PAGE  (res-* prefix)
   ============================================================ */

/* Hero */
.res-hero{
  position:relative;
  min-height:932px;
  background:
    linear-gradient(90deg,rgba(3,11,26,.97) 0%,rgba(7,18,36,.92) 38%,rgba(7,18,36,.65) 60%,rgba(7,18,36,.15) 100%),
    url('../img/resources page header.png') right center / cover no-repeat,
    linear-gradient(135deg,#030b1a 0%,#071224 100%);
  display:flex;
  align-items:flex-start;
  padding:130px clamp(24px,5vw,72px) 80px;
  overflow:hidden;
}
.res-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.res-hero .container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-top: 80px;
  padding-bottom: 60px;
}
.res-hero__content { max-width: 580px; }
.res-hero__label {
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .12em;
  color: #9f7aea;
  text-transform: uppercase;
  margin-bottom: .75rem;
}
.res-hero__h1 {
  font-size: 3.4rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin-bottom: .6rem;
}
.res-hero__h1 .bi { color: #b57bee; font-size: 2.8rem; }
.res-hero__tagline {
  font-size: 1.25rem;
  font-weight: 700;
  color: #a78bfa;
  margin-bottom: .8rem;
}
.res-hero__desc { font-size: 1rem; color: rgba(255,255,255,.88); line-height: 1.7; }
.res-hero__badge {
  position: absolute;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 4;
  width: 106px;
  height: 106px;
  display: grid;
  place-items: center;
  padding: 12px;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 34px rgba(12,6,36,.24);
}
.res-hero__badge img { width: 82px; height: 82px; object-fit: contain; }

/* Filter Bar */
.res-filter-bar {
  background: #fff;
  box-shadow: 0 2px 16px rgba(26,7,63,.10);
  position: sticky;
  top: 60px;
  z-index: 100;
  padding: 14px 0;
}
.res-filter-inner {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.res-filter-pills { display: flex; gap: .5rem; flex-wrap: wrap; flex: 1; }
.res-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .42rem 1.1rem;
  border-radius: 50px;
  border: 1.5px solid #d1c4e9;
  background: #fff;
  color: #5a4a7c;
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s;
  white-space: nowrap;
}
.res-pill:hover { border-color: #7c3aed; color: #7c3aed; background: #f5f0ff; }
.res-pill--active { background: #28085a; border-color: #28085a; color: #fff; }
.res-pill--active:hover { background: #3a0d7a; border-color: #3a0d7a; color: #fff; }
.res-search {
  position: relative;
  flex-shrink: 0;
}
.res-search input {
  border: 1.5px solid #d1c4e9;
  border-radius: 50px;
  padding: .42rem 1rem .42rem 2.4rem;
  font-size: .85rem;
  outline: none;
  transition: border-color .18s;
  width: 200px;
}
.res-search input:focus { border-color: #7c3aed; }
.res-search .bi-search {
  position: absolute;
  left: .8rem;
  top: 50%;
  transform: translateY(-50%);
  color: #9f7aea;
  font-size: .9rem;
}

/* Body */
.res-body {
  background: #f7f5fb;
  padding: 38px 55px;
}
.res-body-grid {
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 2.2rem;
  align-items: start;
}

/* Article Cards */
.res-articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1rem;
}
.res-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(26,7,63,.08);
  display: flex;
  flex-direction: column;
  transition: transform .2s, box-shadow .2s;
}
.res-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(26,7,63,.14); }
.res-card__media {
  position: relative;
  height: 150px;
  overflow: hidden;
  background: #e8e0f5;
}
.res-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.res-cat-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: .22rem .65rem;
  border-radius: 4px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: #fff;
  background: #28085a;
}
.res-cat-badge--ndis           { background: #1e3a5f; }
.res-cat-badge--aged-care      { background: #5a3500; }
.res-cat-badge--health,
.res-cat-badge--health-&-wellbeing,
.res-cat-badge--health--wellbeing { background: #14532d; }
.res-cat-badge--dva            { background: #1e3a5f; }
.res-cat-badge--carer-support  { background: #6b1a5c; }
.res-cat-badge--mental-health  { background: #3b0764; }
.res-cat-badge--community      { background: #14472a; }

.res-card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .45rem;
  flex: 1;
}
.res-card__body h3 {
  font-size: .92rem;
  font-weight: 700;
  color: #1a0740;
  margin: 0;
  line-height: 1.35;
}
.res-card__body p {
  font-size: .8rem;
  color: #5a5070;
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
.res-read-more {
  font-size: .8rem;
  font-weight: 700;
  color: #7c3aed;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin-top: auto;
}
.res-read-more:hover { color: #28085a; }

/* No results */
.res-no-results {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: #9f7aea;
  font-size: 1rem;
  gap: .75rem;
}
.res-no-results .bi { font-size: 2.5rem; }

/* Pagination */
.res-pagination { margin-top: 2rem; }

/* Sidebar */
.res-sidebar { display: flex; flex-direction: column; gap: 1.4rem; }

/* Help Card */
.res-help-card {
  background: #fff;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 2px 14px rgba(26,7,63,.1);
  display: flex;
  flex-direction: column;
  gap: .9rem;
}
.res-help-card__head {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.res-help-card__head h4 {
  font-size: 1.05rem;
  font-weight: 800;
  color: #1a0740;
  margin: 0;
}
.res-help-heart { font-size: 1.6rem; color: #9f7aea; }
.res-help-card > p {
  font-size: .87rem;
  color: #5a5070;
  line-height: 1.65;
  margin: 0;
}
.res-help-contact { display: flex; flex-direction: column; gap: .65rem; }
.res-help-item {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
}
.res-help-item .bi {
  font-size: 1.05rem;
  color: #7c3aed;
  margin-top: .1rem;
  flex-shrink: 0;
}
.res-help-item small { display: block; font-size: .72rem; color: #9e8db5; }
.res-help-item a { font-size: .88rem; font-weight: 700; color: #28085a; text-decoration: none; }
.res-help-item a:hover { color: #7c3aed; }
.res-help-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: #7c3aed;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  padding: .65rem 1.4rem;
  border-radius: 50px;
  text-decoration: none;
  width: 100%;
  justify-content: center;
  transition: background .18s;
}
.res-help-btn:hover { background: #28085a; color: #fff; }

/* Guides Card */
.res-guides-card {
  background: #fff;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 2px 14px rgba(26,7,63,.1);
}
.res-guides-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.res-guides-head h4 { font-size: 1.05rem; font-weight: 800; color: #1a0740; margin: 0; }
.res-guides-head .bi { font-size: 1.2rem; color: #9f7aea; }
.res-guides-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.1rem;
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
.res-guides-list li {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .55rem .75rem;
  background: #f7f5fb;
  border-radius: 8px;
  cursor: pointer;
  transition: background .15s;
}
.res-guides-list li:hover { background: #ede8f7; }
.res-guides-list li .bi-file-earmark-pdf-fill { color: #dc2626; font-size: 1.05rem; flex-shrink: 0; }
.res-guides-list li span { font-size: .84rem; font-weight: 600; color: #1a0740; flex: 1; }
.res-guides-list li small { font-size: .7rem; color: #9e8db5; font-weight: 600; background: #e8e0f5; padding: .1rem .4rem; border-radius: 4px; }
.res-guides-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border: 2px solid #7c3aed;
  color: #7c3aed;
  font-size: .85rem;
  font-weight: 700;
  padding: .55rem 1.2rem;
  border-radius: 50px;
  text-decoration: none;
  width: 100%;
  justify-content: center;
  transition: all .18s;
}
.res-guides-btn:hover { background: #7c3aed; color: #fff; }

/* CTA Bar */
.res-cta {
   background: linear-gradient(110deg, #130336 0%, #2d0d68 42%, #3f15a0 100%);
  border-radius: 20px;
  padding: 40px 48px;
  margin:0 43px 25px;
}

.res-cta-inner {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  flex-wrap: wrap;
}
.res-cta-left { display: flex; align-items: center; gap: 1rem; flex: 1; min-width: 220px; }
.res-cta-left h4 { font-size: 1.1rem; font-weight: 800; color: #fff; margin: 0 0 .2rem; }
.res-cta-left p { font-size: .88rem; color: rgba(255,255,255,.72); margin: 0; }
.res-cta-icon {
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.res-cta-icon .bi { font-size: 1.3rem; color: #c4a0f7; }
.res-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: #7c3aed;
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  padding: .75rem 1.6rem;
  border-radius: 50px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .18s;
}
.res-cta-btn:hover { background: #9f7aea; color: #fff; }
.res-cta-divider { width: 1px; height: 48px; background: rgba(255,255,255,.2); flex-shrink: 0; }
.res-cta-right { display: flex; align-items: center; gap: .75rem; }
.res-cta-right small { display: block; font-size: .72rem; color: rgba(255,255,255,.6); }
.res-cta-right strong a { font-size: 1rem; font-weight: 800; color: #fff; text-decoration: none; }
.res-cta-right strong a:hover { color: #c4a0f7; }

/* ── Resources Responsive ── */
@media (max-width: 1100px) {
  .res-body-grid { grid-template-columns: 1fr 280px; }
  .res-articles-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .res-body-grid { grid-template-columns: 1fr; }
  .res-sidebar { flex-direction: row; flex-wrap: wrap; }
  .res-help-card, .res-guides-card { flex: 1; min-width: 260px; }
  .res-articles-grid { grid-template-columns: repeat(2, 1fr); }
  .res-filter-bar { position: static; }
}
@media (max-width: 600px) {
  .res-hero__h1 { font-size: 2.2rem; }
  .res-hero__badge { width: 80px; height: 80px; bottom: 16px; }
  .res-articles-grid { grid-template-columns: 1fr; }
  .res-filter-inner { flex-direction: column; align-items: stretch; }
  .res-search input { width: 100%; }
  .res-cta-inner { flex-direction: column; align-items: flex-start; }
  .res-cta-divider { width: 100%; height: 1px; }
}

/* ============================================================
   TECHNOLOGY PAGE  (tech-* prefix)
   ============================================================ */

/* Hero */
.tech-hero {
  position: relative;
  background:
    linear-gradient(90deg, rgba(5,4,24,.95) 0%, rgba(5,4,24,.88) 38%, rgba(5,4,24,.40) 62%, transparent 80%),
    url('../img/techheader.png') center right / cover no-repeat,
    linear-gradient(135deg,#07052b 0%,#1a073f 58%,#28085a 100%);
  overflow: hidden;
  padding: 130px clamp(24px,5vw,58px) 60px;
  min-height: 260px;
  display: flex;
  align-items: flex-start;
}
.tech-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(124,58,237,.12) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}
.tech-hero::after { display: none; }
.tech-hero-grid {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 560px;
}
.tech-hero__copy { color: #fff; }
.tech-hero__label {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #4ade80;
  margin-bottom: 1rem;
}
.tech-hero__h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  line-height: 1.1;
  color: #fff;
  margin-bottom: .7rem;
}
.tech-hero__h1 .bi { color: #a78bfa; }
.tech-hero__tagline {
  font-size: 1.2rem;
  font-weight: 700;
  color: #a78bfa;
  margin-bottom: .9rem;
}
.tech-hero__desc {
  font-size: .97rem;
  color: rgba(255,255,255,.82);
  line-height: 1.75;
  max-width: 480px;
  margin-bottom: 2rem;
}
.tech-hero-badges {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.tech-hero-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .4rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  padding: .75rem .9rem;
  min-width: 80px;
  text-align: center;
}
.tech-hero-badge .bi {
  font-size: 1.4rem;
  color: #a78bfa;
}
.tech-hero-badge span {
  font-size: .72rem;
  font-weight: 600;
  color: rgba(255,255,255,.85);
  line-height: 1.3;
}
.tech-hero__media { display: none; }
.tech-hero__media img { display: none; }

/* Section Head */
.tech-section-head {
  text-align: center;
  margin-bottom: 3rem;
}
.tech-section-head h2 {
  font-size: 1.85rem;
  font-weight: 800;
  color: #28085a;
  margin-bottom: .5rem;
}
.tech-section-head p {
  font-size: 1rem;
  color: #6d5d8a;
}

/* Portals Section */
.tech-portals {
  background: #fff;
  padding:39px 55px;
}
.tech-portals-row {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.tech-portals-row--5 { grid-template-columns: repeat(5, 1fr); }
.tech-portals-row--3 { grid-template-columns: repeat(3, 1fr); }
.tech-portal-card {
  border: 1.5px solid #e8e0f5;
  border-radius: 16px;
  padding: 1.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: .6rem;
  transition: box-shadow .2s, border-color .2s, transform .2s;
}
.tech-portal-card:hover {
  box-shadow: 0 8px 32px rgba(124,58,237,.13);
  border-color: #a78bfa;
  transform: translateY(-3px);
}
.tech-portal-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f0ebff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.tech-portal-icon .bi {
  font-size: 1.2rem;
  color: #7c3aed;
}
.tech-portal-card h4 {
  font-size: .97rem;
  font-weight: 800;
  color: #1a0740;
  margin: 0;
}
.tech-portal-card p {
  font-size: .83rem;
  color: #6d5d8a;
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
.tech-learn-more {
  font-size: .82rem;
  font-weight: 700;
  color: #7c3aed;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin-top: auto;
}
.tech-learn-more:hover { color: #28085a; }
.tech-portal-card--app { background: linear-gradient(135deg, #f5f0ff 0%, #ede8ff 100%); border-color: #c4b0f7; }
.tech-store-btns { display: flex; gap: .6rem; flex-wrap: wrap; margin-top: .3rem; }
.tech-store-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: #1a0740;
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  padding: .45rem .9rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background .18s;
}
.tech-store-btn:hover { background: #7c3aed; color: #fff; }
.tech-store-btn--google { background: #28085a; }

/* Features Section */
.tech-features {
  background: #f7f5fb;
  padding: 68px 55px;
  border-radius:33px;
}
.tech-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.tech-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.tech-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.tech-feature-icon .bi { font-size: 1.1rem; color: #fff; }
.tech-feature-item h5 {
  font-size: .95rem;
  font-weight: 800;
  color: #1a0740;
  margin: 0 0 .3rem;
}
.tech-feature-item p {
  font-size: .82rem;
  color: #6d5d8a;
  line-height: 1.6;
  margin: 0;
}

/* AI Features */
.tech-ai {
  background: linear-gradient(135deg, #0d0630 0%, #1a073f 40%, #2d0b6e 70%, #150840 100%);
  padding: 68px 55px;
  position: relative;
  overflow: hidden;
  margin-top:23px;
  border-radius:33px;
}
.tech-ai::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(167,139,250,.1) 1px, transparent 1px);
  background-size: 28px 28px;
}
.tech-ai-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
.tech-ai-label {
  font-size: 1.45rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: .8rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.tech-ai-label .bi { color: #fbbf24; font-size: 1.6rem; }
.tech-ai-sub {
  font-size: .95rem;
  color: rgba(255,255,255,.75);
  line-height: 1.7;
  max-width: 440px;
  margin-bottom: 1.8rem;
}
.tech-ai-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}
.tech-ai-check {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  font-weight: 600;
  color: #fff;
}
.tech-ai-check .bi { color: #4ade80; font-size: 1rem; flex-shrink: 0; }

/* AI Brain Visual */
.tech-ai-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tech-ai-brain {
  position: relative;
  width: 240px;
  height: 240px;
}
.tech-ai-core {
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, #7c3aed, #4c1d95);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  font-weight: 900;
  color: #fff;
  box-shadow: 0 0 40px rgba(124,58,237,.6), 0 0 80px rgba(124,58,237,.3);
  letter-spacing: .05em;
}
.tech-ai-orbit {
  position: absolute;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,.1);
  border: 1.5px solid rgba(167,139,250,.5);
  border-radius: 50%;
  display: grid;
  place-items: center;
  animation: tech-orbit-float 3s ease-in-out infinite;
}
.tech-ai-orbit .bi { font-size: 1.1rem; color: #a78bfa; }
.tech-ai-orbit--1 { top: 10px; left: 50%; transform: translateX(-50%); animation-delay: 0s; }
.tech-ai-orbit--2 { top: 50%; right: 10px; transform: translateY(-50%); animation-delay: .75s; }
.tech-ai-orbit--3 { bottom: 10px; left: 50%; transform: translateX(-50%); animation-delay: 1.5s; }
.tech-ai-orbit--4 { top: 50%; left: 10px; transform: translateY(-50%); animation-delay: 2.25s; }
@keyframes tech-orbit-float {
  0%, 100% { box-shadow: 0 0 12px rgba(124,58,237,.4); }
  50% { box-shadow: 0 0 24px rgba(124,58,237,.8); }
}

/* CTA Bar */
.tech-cta {
  background: linear-gradient(90deg, #05041a 0%, #1a073f 52%, #28085a 100%);
  padding: 36px 0;
}
.tech-cta-inner {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.tech-cta-left { display: flex; align-items: center; gap: 1rem; flex: 1; min-width: 220px; }
.tech-cta-icon {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  display: grid; place-items: center; flex-shrink: 0;
}
.tech-cta-icon .bi { font-size: 1.4rem; color: #c4a0f7; }
.tech-cta-left h4 { font-size: 1.05rem; font-weight: 800; color: #fff; margin: 0 0 .2rem; }
.tech-cta-left p { font-size: .88rem; color: rgba(255,255,255,.65); margin: 0; }
.tech-cta-btn {
  display: inline-flex; align-items: center; gap: .45rem;
  background: #7c3aed; color: #fff;
  font-size: .92rem; font-weight: 700;
  padding: .8rem 1.8rem; border-radius: 50px;
  text-decoration: none; white-space: nowrap;
  transition: background .18s;
}
.tech-cta-btn:hover { background: #9f7aea; color: #fff; }

/* ── Technology Responsive ── */
@media (max-width: 1100px) {
  .tech-portals-row--5 { grid-template-columns: repeat(3, 1fr); }
  .tech-features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .tech-hero-grid { display: block; max-width: 100%; }
  .tech-hero__media { display: none; }
  .tech-portals-row--5 { grid-template-columns: repeat(2, 1fr); }
  .tech-portals-row--3 { grid-template-columns: 1fr 1fr; }
  .tech-ai-inner { grid-template-columns: 1fr; }
  .tech-ai-visual { display: none; }
}
@media (max-width: 600px) {
  .tech-hero { padding: 70px 18px 44px; }
  .tech-portals-row--5,
  .tech-portals-row--3 { grid-template-columns: 1fr; }
  .tech-features-grid { grid-template-columns: 1fr; }
  .tech-ai-checks { grid-template-columns: 1fr; }
  .tech-cta-inner { flex-direction: column; align-items: flex-start; }
}

/* ============================================================
   SHARED PAGES — Hero background overrides & page-specific CSS
   ============================================================ */

/* Shared tagline style for pages using about-service-hero */
.pages-tagline {
  font-size: 1.2rem;
  font-weight: 700;
  color: #a78bfa;
  margin-bottom: .9rem;
}

/* FAQs Hero */
.faqs-page .about-service-hero,
.faqs-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.60) 65%, transparent 100%),
    url('../img/woman_caregiver_cleanversion.png') right center / auto 110% no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* FAQs Accordion - styled to match design system */
.faq-section {
  background: #f7f5fb;
  padding: 64px 0 72px;
}
.faq-section .accordion-item {
  border: 1.5px solid #e8e0f5;
  border-radius: 12px !important;
  margin-bottom: .75rem;
  overflow: hidden;
}
.faq-section .accordion-button {
  font-weight: 700;
  font-size: 1rem;
  color: #1a0740;
  background: #fff;
  border-radius: 12px;
}
.faq-section .accordion-button:not(.collapsed) {
  color: #7c3aed;
  background: #f5f0ff;
  box-shadow: none;
}
.faq-section .accordion-button::after {
  filter: hue-rotate(200deg);
}
.faq-section .accordion-body {
  background: #fff;
  color: #5a4a7c;
  line-height: 1.75;
  font-size: .95rem;
}

/* Team Hero — split layout: dark left + photo right */
.tm-hero {
  position: relative;
  overflow: hidden;
  min-height: 480px;
  background: linear-gradient(135deg, #05041a 0%, #1a073f 50%, #28085a 100%);
}

/* Full-width background-image variant (our-team page) */
.tm-hero--img {
  background:
    linear-gradient(90deg, rgba(5,4,24,.97) 0%, rgba(5,4,24,.94) 30%, rgba(26,7,63,.70) 52%, transparent 75%),
    url('../img/ourteamheader.png') right center / cover no-repeat;
  display: flex;
  align-items: flex-start;
  min-height: 430px;
  padding: 6.5rem 0 5rem;
}
.tm-hero--img .tm-hero__left {
  max-width: 520px;
  padding: 0;
  background: transparent;
  justify-content: flex-start;
}
.tm-hero__inner {
  display: grid;
  grid-template-columns: 52% 48%;
  min-height: 480px;
}
.tm-hero__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 130px clamp(24px, 4vw, 56px) 96px;
  background: linear-gradient(135deg, #05041a 0%, #1a073f 55%, #28085a 100%);
  position: relative;
  z-index: 2;
}
.tm-hero__right {
  position: relative;
  overflow: hidden;
}
.tm-hero__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* Team section styling */
.our-team-page .team-section {
  background: #f7f5fb;
  padding: 64px 0 72px;
}

/* Founder Hero */
.our-founder-page .about-service-hero,
.founder-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.55) 65%, transparent 100%),
    url('../img/woman_caregiver_cleanversion.png') right center / auto 110% no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* Founder story section */
.founder-story {
  background: #fff;
  padding: 72px 0;
}
.founder-avatar {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f0ebff 0%, #e8e0f5 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #c4b0f7;
  box-shadow: 0 8px 32px rgba(124,58,237,.15);
}
.founder-avatar .bi {
  font-size: 90px;
  color: #7c3aed;
}

/* Blog Hero */
.blog-page .about-service-hero,
.blog-hero-sec {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.55) 65%, transparent 100%),
    url('../img/news_updates_image.png') right center / auto 110% no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* Blog posts section */
.blog-page section.py-5 {
  background: #f7f5fb !important;
  padding: 64px 0 72px !important;
}

/* Get Support Hero */
.get-support-page .about-service-hero,
.gs-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.92) 50%, rgba(26,7,63,.70) 70%, rgba(26,7,63,.20) 100%),
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* Support section */
.get-support-page .support-section {
  background: #f7f5fb;
  padding: 56px 0 72px;
}

/* ============================================================
   OUR TEAM PAGE — Complete Redesign (tm-* prefix)
   ============================================================ */

/* Hero */
.tm-breadcrumb {
  font-size: .78rem;
  color: rgba(255,255,255,.6);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: .3rem;
}
.tm-breadcrumb a { color: rgba(255,255,255,.75); text-decoration: none; }
.tm-breadcrumb a:hover { color: #fff; }
.tm-breadcrumb .bi { font-size: .65rem; }
.tm-hero__h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin-bottom: .6rem;
}
.tm-hero__h1 .bi { color: #a78bfa; }
.tm-hero__desc {
  font-size: .97rem;
  color: rgba(255,255,255,.85);
  line-height: 1.75;
  max-width: 500px;
  margin-top: .5rem;
}

/* Intro */
.tm-intro {
  background: #fff;
  padding: 52px 0 40px;
  text-align: center;
}
.tm-intro__text {
  font-size: 1.05rem;
  color: #3d2d5c;
  line-height: 1.8;
  max-width: 680px;
  margin: 0 auto 1.2rem;
  font-style: italic;
}
.tm-intro__line {
  width: 60px;
  height: 3px;
  background: #7c3aed;
  border-radius: 2px;
  margin: 0 auto;
}

/* Team Grid */
.tm-grid-section {
  background: #fff;
  padding: 0 55px;
}
.tm-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.tm-card {
  border: 1.5px solid #ede8f5;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s, transform .2s;
}
.tm-card:hover {
  box-shadow: 0 10px 36px rgba(124,58,237,.13);
  transform: translateY(-4px);
}
.tm-card__photo {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #ede8f5;
}
.tm-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}
.tm-card__photo-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f0ebff 0%, #ede8f5 100%);
}
.tm-card__photo-placeholder .bi {
  font-size: 72px;
  color: #b8a0e8;
}
.tm-card__body {
  padding: 1.1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  flex: 1;
}
.tm-card__name {
  font-size: 1rem;
  font-weight: 800;
  color: #1a0740;
  margin: 0;
}
.tm-card__role {
  font-size: .82rem;
  color: #5a4a7c;
  font-weight: 500;
  margin: 0;
}
.tm-card__line {
  width: 36px;
  height: 2.5px;
  background: #7c3aed;
  border-radius: 2px;
  margin: .2rem 0;
}
.tm-card__bio {
  font-size: .82rem;
  color: #6d5d8a;
  line-height: 1.65;
  margin: 0;
  flex: 1;
}
.tm-view-profile {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .82rem;
  font-weight: 700;
  color: #7c3aed;
  text-decoration: none;
  margin-top: .4rem;
}
.tm-view-profile:hover { color: #28085a; }
.tm-card__details {
  margin-top: .4rem;
}
.tm-card__details summary {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .82rem;
  font-weight: 700;
  color: #7c3aed;
  cursor: pointer;
  list-style: none;
}
.tm-card__details summary::-webkit-details-marker { display: none; }
.tm-card__details summary:hover { color: #28085a; }
.tm-card__detail-body {
  margin-top: .5rem;
  padding: .75rem;
  background: #f7f5fb;
  border-radius: 8px;
  font-size: .8rem;
  color: #5a4a7c;
  line-height: 1.65;
}
.tm-card__detail-body p { margin: 0 0 .4rem; }
.tm-card__detail-body p:last-child { margin: 0; }

/* Values Banner */
.tm-values {
  background: #ffffff;
  padding: 48px 55px
}
.tm-values-inner {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 0;
  align-items: center;
  background: #fff;
  border: 1px solid #e4e0f0;
  border-radius: 12px;
  overflow: hidden;
}
.tm-values-left {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 2.2rem 2rem;
  border-right: 1px solid #e4e0f0;
}
.tm-values-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #3b1fa8;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.tm-values-icon .bi { font-size: 1.6rem; color: #fff; }
.tm-values-left h3 {
  font-size: 1.1rem;
  font-weight: 800;
  color: #1a0a3d;
  margin: 0 0 .45rem;
}
.tm-values-left p {
  font-size: .875rem;
  color: #555;
  line-height: 1.7;
  margin: 0;
}
.tm-values-right {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.tm-value-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .4rem;
  padding: 2rem 1.2rem;
  border-left: 1px solid #e4e0f0;
}
.tm-value-item:first-child { border-left: none; }
.tm-value-item .bi {
  font-size: 1.6rem;
  color: #3b1fa8;
}
.tm-value-item strong {
  font-size: .88rem;
  font-weight: 800;
  color: #1a0a3d;
}
.tm-value-item span {
  font-size: .77rem;
  color: #666;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 1100px) {
  .tm-grid { grid-template-columns: repeat(3, 1fr); }
  .tm-values-right { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .tm-grid { grid-template-columns: repeat(2, 1fr); }
  .tm-values-inner { grid-template-columns: 1fr; gap: 2rem; }
  .tm-values-right { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 600px) {
  .tm-grid { grid-template-columns: 1fr; }
  .tm-values-right { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   DETAIL PAGE HEROES — Background overrides
   ============================================================ */

.pages-hero-h1 {
  font-size: clamp(1.6rem, 3.5vw, 3rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.15;
  margin-bottom: .5rem;
}

/* Blog Detail — news/articles image */
.blog-detail-page .about-service-hero,
.blog-detail-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.55) 65%, transparent 100%),
    url('../img/news_updates_image.png') right center / auto 110% no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
  min-height: 340px;
}

/* Job Detail — careers header */
.job-detail-page .about-service-hero,
.job-detail-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 40%, rgba(26,7,63,.55) 62%, transparent 100%),
    url('../img/careersheader.png') right center / cover no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
  min-height: 340px;
}

/* Referral — gradient only */
.referral-page .about-service-hero,
.referral-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.97) 0%, rgba(26,7,63,.93) 55%, rgba(26,7,63,.70) 75%, rgba(26,7,63,.20) 100%),
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
  min-height: 340px;
}

/* Resource Detail — resources header */
.resource-detail-page .about-service-hero,
.resource-detail-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.50) 65%, transparent 100%),
    url('../img/resources%20page%20header.png') right center / cover no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
  min-height: 340px;
}

/* Services Detail — caregiver image */
.service-details-page .about-service-hero,
.services-detail-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.55) 65%, transparent 100%),
    url('../img/woman_caregiver_cleanversion.png') right center / auto 110% no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
  min-height: 340px;
}

/* Our Team Hero */
.our-team-page .about-service-hero,
.our-team-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.97) 0%, rgba(5,4,24,.94) 30%, rgba(26,7,63,.70) 52%, transparent 75%),
    url('../img/ourteamheader.png') right center / cover no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* NDIS Services Hero */
.ndis-services-page .about-service-hero,
.ndis-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.96) 0%, rgba(26,7,63,.90) 42%, rgba(26,7,63,.55) 65%, transparent 100%),
    url('../img/woman_caregiver_cleanversion.png') right center / auto 110% no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* Team Profile Hero */
.team-profile-page .about-service-hero,
.team-profile-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.92) 0%, rgba(14,7,50,.85) 45%, rgba(14,7,50,.30) 70%, transparent 100%),
    url('../img/teamprofileheader.png') center / cover no-repeat,
    linear-gradient(135deg, #07052b 0%, #1a073f 58%, #28085a 100%);
}

/* ============================================================
   TEAM PROFILE PAGE  (.tp-*)
   ============================================================ */

/* ── Page hero — full-width background image ─────────────── */
.tp-page-hero {
  background:
    linear-gradient(90deg, rgba(5,4,24,.92) 0%, rgba(14,7,50,.85) 45%, rgba(14,7,50,.30) 70%, transparent 100%),
    url('../img/teamprofileheader.png') center / cover no-repeat;
  min-height: 480px;
  display: flex;
  align-items: center;
  padding: 7rem 0 5rem;
}
.tp-page-hero__content {
  max-width: 560px;
}
.tp-hero-bold {
  font-size: 1.12rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: .75rem;
  line-height: 1.5;
}

/* ── Profile section ─────────────────────────────────────── */
.tp-profile {
  padding: 28px 55px;
  background: #f9f7ff;
}

/* Info card (left column) */
.tp-info-card {
  background: #fff;
  border-radius: 1.25rem;
  padding: 1.75rem;
  box-shadow: 0 6px 32px rgba(91,42,166,.1);
  position: sticky;
  top: 90px;
}
.tp-info-card__role-tag {
  font-size: .75rem;
  font-weight: 700;
  color: #16a34a;
  display: block;
  margin-bottom: .6rem;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.tp-info-card__name {
  font-size: 1.55rem;
  font-weight: 800;
  color: #1e1730;
  line-height: 1.2;
  margin-bottom: .65rem;
}
.tp-info-card__brief {
  font-size: .86rem;
  color: #6b7280;
  line-height: 1.7;
  margin-bottom: 1.1rem;
}
.tp-info-card__divider {
  border: none;
  border-top: 1px solid #f0ebf8;
  margin: 1rem 0 1.1rem;
}
.tp-info-row {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .8rem;
  font-size: .84rem;
  color: #4b4466;
}
.tp-info-row__icon {
  width: 32px; height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .95rem;
}
.tp-info-row__icon--mail   { background: #ede9fe; color: #5b2aa6; }
.tp-info-row__icon--li     { background: #dbeafe; color: #1d4ed8; }
.tp-info-row__icon--team   { background: #f0fdf4; color: #16a34a; }
.tp-info-row a { color: #5b2aa6; text-decoration: none; }
.tp-info-row a:hover { text-decoration: underline; }
.tp-info-row .bi-box-arrow-up-right { font-size: .75rem; }
.tp-touch-dark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #1e1730;
  color: #fff;
  border: none;
  border-radius: 3rem;
  padding: .85rem 1.5rem;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s;
  margin-bottom: 1.25rem;
  margin-top: .25rem;
}
.tp-touch-dark:hover { background: #5b2aa6; color: #fff; }
.tp-quote-box {
  background: #f5f0ff;
  border-radius: 1rem;
  padding: 1.25rem;
}
.tp-quote-box__icon {
  font-size: 2rem;
  color: #a78bfa;
  line-height: 1;
  margin-bottom: .4rem;
  display: block;
}
.tp-quote-box__text {
  font-size: .83rem;
  color: #3d2d5c;
  line-height: 1.7;
  font-style: italic;
  margin-bottom: .45rem;
}
.tp-quote-box__author {
  font-size: .8rem;
  font-weight: 700;
  color: #5b2aa6;
}

/* About column */
.tp-section-label {
  font-size: 1.6rem;
  font-weight: 800;
  color: #1e1730;
  position: relative;
  padding-bottom: .6rem;
  margin-bottom: .75rem;
}
.tp-section-label::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 48px; height: 3px;
  background: #5b2aa6;
  border-radius: 3px;
}
.tp-about__text {
  color: #4b4466;
  line-height: 1.85;
  margin-bottom: 1.25rem;
  font-size: .95rem;
}
.tp-box {
  background: #fff;
  border-radius: 1.1rem;
  padding: 1.35rem;
  box-shadow: 0 3px 16px rgba(91,42,166,.08);
  height: 100%;
}
.tp-box__title {
  font-size: .95rem;
  font-weight: 700;
  color: #1e1730;
  margin-bottom: .9rem;
  display: flex;
  align-items: center;
  gap: .45rem;
}
.tp-box__title .bi { color: #5b2aa6; font-size: 1rem; }
.tp-check-list { list-style: none; padding: 0; margin: 0; }
.tp-check-list li {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  margin-bottom: .5rem;
  color: #4b4466;
  font-size: .86rem;
  line-height: 1.5;
}
.tp-check-list li .bi-check-circle-fill {
  color: #22c55e; flex-shrink: 0; margin-top: .1rem;
}
.tp-dot-list { list-style: none; padding: 0; margin: 0; }
.tp-dot-list li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin-bottom: .5rem;
  color: #4b4466;
  font-size: .86rem;
  line-height: 1.5;
}
.tp-dot-list li::before {
  content: '';
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #f97316;
  flex-shrink: 0;
  margin-top: .38rem;
}

/* Photo column */
.tp-member-photo {
  width: 100%;
  border-radius: 1.25rem;
  object-fit: cover;
  display: block;
  box-shadow: 0 8px 40px rgba(91,42,166,.12);
}
.tp-member-photo-placeholder {
  width: 100%;
  min-height: 380px;
  border-radius: 1.25rem;
  background: linear-gradient(145deg, #f0ebf8, #e2d9f0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6rem;
  color: #9a74db;
  box-shadow: 0 8px 40px rgba(91,42,166,.12);
}

/* ── Experience Timeline ─────────────────────────────────── */
.tp-experience {
  padding: 48px 55px;
  background: #fff;
}
.tp-page-section-title {
  font-size: 1.45rem;
  font-weight: 800;
  color: #1e1730;
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: 3rem;
}
.tp-page-section-title .bi { color: #5b2aa6; }
.tp-page-section-title::after {
  content: '';
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, #e9d5ff, transparent);
  margin-left: 1rem;
}
.tp-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 1rem;
}
.tp-timeline::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 4%;
  width: 92%;
  height: 2px;
  background: linear-gradient(to right, #22c55e 0%, #5b2aa6 100%);
}
.tp-tl-item {
  position: relative;
  padding-top: 2.25rem;
}
.tp-tl-dot {
  position: absolute;
  top: 0; left: 0;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #22c55e;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #22c55e;
}
.tp-tl-item:last-child .tp-tl-dot {
  background: #5b2aa6;
  box-shadow: 0 0 0 2px #5b2aa6;
}
.tp-tl-period {
  font-size: .75rem;
  font-weight: 700;
  color: #5b2aa6;
  margin-bottom: .25rem;
}
.tp-tl-role {
  font-size: .9rem;
  font-weight: 700;
  color: #1e1730;
  margin-bottom: .2rem;
  line-height: 1.3;
}
.tp-tl-org {
  font-size: .8rem;
  color: #7c3aed;
  font-weight: 600;
  margin-bottom: .4rem;
}
.tp-tl-desc {
  font-size: .82rem;
  color: #6b7280;
  line-height: 1.55;
}

/* ── Bottom 3-col Grid ───────────────────────────────────── */
.tp-bottom {
  padding: 0 55px 48px;
  background: #f9f7ff;
}
.tp-bottom-card {
  background: #fff;
  border-radius: 1.25rem;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(91,42,166,.08);
  height: 100%;
}
.tp-bottom-card__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1e1730;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: .6rem;
}
.tp-bottom-card__title .bi { color: #5b2aa6; font-size: 1.15rem; }
.tp-bottom-list { list-style: none; padding: 0; margin: 0; }
.tp-bottom-list li {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  margin-bottom: .7rem;
  color: #4b4466;
  font-size: .88rem;
  line-height: 1.5;
}
.tp-bottom-list .bi { flex-shrink: 0; margin-top: .1rem; }
.tp-bottom-list .bi-check-circle-fill { color: #22c55e; }
.tp-bottom-list .bi-people-fill { color: #5b2aa6; }

/* ── CTA Banner ──────────────────────────────────────────── */
.tp-cta {
  background: #1e1730;
  padding: 48px 55px;
  margin-bottom:23px;
  border-radius:48px;
}
.tp-cta__inner {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.tp-cta__icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2rem;
  flex-shrink: 0;
}
.tp-cta__copy { flex: 1; min-width: 200px; }
.tp-cta__copy h2 {
  font-size: 1.65rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .4rem;
}
.tp-cta__copy p {
  color: rgba(255,255,255,.75);
  font-size: .93rem;
  margin: 0;
}
.tp-cta__btn {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .85rem 2rem;
  background: #fff;
  color: #1e1730;
  border-radius: 3rem;
  font-weight: 700;
  text-decoration: none;
  font-size: .93rem;
  white-space: nowrap;
  transition: background .2s, color .2s;
}
.tp-cta__btn:hover { background: #a78bfa; color: #fff; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991px) {
  .tp-info-card { position: static; }
  .tp-timeline { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 1rem; }
  .tp-timeline::before { display: none; }
  .tp-tl-dot { display: none; }
  .tp-tl-item { padding-top: 0; border-left: 3px solid #a78bfa; padding-left: 1rem; }
}
@media (max-width: 575px) {
  .tp-timeline { grid-template-columns: 1fr; }
  .tp-cta__inner { flex-direction: column; text-align: center; }
  .tp-cta__icon { margin: 0 auto; }
}

/* =======================================================================
   SERVICE DETAIL PAGE – Complete Redesign (sdc- prefix)
   ======================================================================= */

.srvd-tools-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.scp-services-grid{

    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;

}

.scp-service-card{

    background:#fff;

    border:1px solid rgba(42,8,123,.08);

    border-radius:18px;

    padding:28px;

    transition:.25s;

}

.scp-service-card:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 40px rgba(42,8,123,.08);

}

.scp-service-header{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

}

.scp-service-header i{

    font-size:2rem;

}

.scp-service-header h3{

    margin:0;

    font-size:1.25rem;

    font-weight:700;

}

.scp-service-card ul{

    list-style:none;

    margin:0;

    padding:0;

}

.scp-service-card li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:12px;

    line-height:1.6;

}

.scp-service-card li i{

    color:#8CC63F;

    margin-top:3px;

}

@media(max-width:992px){

.scp-services-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.scp-services-grid{

    grid-template-columns:1fr;

}

}

.scp-info-card,
.scp-help-card{
    height:100%;
    background:#fff;
    border:1px solid rgba(42,8,123,.08);
    border-radius:18px;
    padding:28px;
    transition:.25s;
}

.scp-info-card:hover,
.scp-help-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(42,8,123,.08);
}

.scp-info-header{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:22px;
}

.scp-info-header i{
    font-size:1.5rem;
    color:#6427d3;
}

.scp-info-header h3{
    margin:0;
    font-size:1.25rem;
    color:#2a087b;
    font-weight:700;
}

.scp-info-row{
    display:flex;
    gap:15px;
    margin-bottom:20px;
}

.scp-info-row>i{
    color:#6427d3;
    font-size:1.25rem;
    margin-top:4px;
}

.scp-info-row strong{
    display:block;
    color:#2a087b;
}

.scp-info-row p{
    margin:2px 0 0;
    color:#666;
    font-size:.95rem;
}

.scp-check-list{
    list-style:none;
    padding:0;
    margin:0;
}

.scp-check-list li{
    display:flex;
    gap:12px;
    margin-bottom:12px;
    line-height:1.5;
}

.scp-check-list i{
    color:#8bc53f;
    margin-top:3px;
}

.scp-info-description{
    color:#666;
    margin-bottom:18px;
}

.scp-help-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    padding:14px 18px;
    background:linear-gradient(135deg,#6d2cf2,#42129a);
    color:#fff;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
}

.scp-help-btn:hover{
    color:#fff;
    text-decoration:none;
}

.scp-related-services{

    background:#fff;

    border:1px solid rgba(42,8,123,.08);

    border-radius:18px;

    padding:28px;

}

.scp-related-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:18px;

    height:100%;

    padding:18px;

    background:#fff;

    border:1px solid rgba(42,8,123,.08);

    border-radius:14px;

    text-decoration:none;

    transition:.25s;

}

.scp-related-card:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(42,8,123,.08);

}

.scp-related-content{

    flex:1;

}

.scp-related-content h4{

    margin-bottom:10px;

    color:#2a087b;

    font-size:1rem;

    font-weight:700;

}

.scp-related-content p{

    color:#666;

    font-size:.9rem;

    line-height:1.6;

    margin-bottom:18px;

}

.scp-related-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#6427d3;
    font-weight:700;
    text-decoration:none;
    transition:.25s;
}

.scp-related-link:hover{
    color:#42129a;
}

.scp-related-link i{
    transition:.25s;
}

.scp-related-link:hover i{
    transform:translateX(4px);
}

.scp-related-image{

    width:110px;

    height:110px;

    border-radius:14px;

    object-fit:cover;

    flex-shrink:0;

}


.scp-contact-card{
    background:linear-gradient(135deg,#6d2cf2 0%, #2a087b 100%);
    color:#fff;
    border-radius:18px;
    padding:24px;
    box-shadow:0 12px 30px rgba(42,8,123,.18);
}

.scp-contact-card h3{
    margin:0;
    font-size:2rem;
    font-weight:800;
    color:#fff;
}

.scp-contact-subtitle{
    margin:10px 0 28px;
    font-size:1rem;
    color:rgba(255,255,255,.9);
}

.scp-contact-item{
    display:flex;
    align-items:center;
    gap:5px;
    text-decoration:none;
    color:#fff;
    padding:12px 0;
    transition:.25s ease;
}

.scp-contact-item:hover{
    transform:translateX(5px);
    color:#fff;
}

.scp-contact-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.35rem;
    flex-shrink:0;
}

.scp-contact-content{
    display:flex;
    flex-direction:column;
}

.scp-contact-content span{
    font-size:.95rem;
    opacity:.85;
}

.scp-contact-content strong{
    font-size:1.05rem;
    font-weight:700;
    color:#fff;
}

/* ===========================================
   WHY CHOOSE KB7 CARE
=========================================== */

.kb7-choose{

    padding:90px 0;

}

.kb7-choose-card{

    background:linear-gradient(135deg,#5225c8,#2c116c);

    border-radius:26px;

    padding:45px 35px;

    overflow:hidden;

    box-shadow:0 18px 40px rgba(42,8,123,.15);

}

.kb7-choose-card h2{

    text-align:center;

    color:#fff;

    font-size:2.8rem;

    font-weight:700;

    margin-bottom:40px;

}

/* ========================= */

.kb7-choose-grid{

    display:grid;

    grid-template-columns:repeat(8,1fr);

}

/* ========================= */

.kb7-item{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    text-align:center;

    padding:0 18px;

    position:relative;

}

.kb7-item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:10px;

    right:0;

    width:1px;

    height:145px;

    background:rgba(255,255,255,.08);

}

.kb7-item i{

    font-size:3rem;

    color:#d8b8ff;

    margin-bottom:22px;

}

.kb7-item h4{

    color:#fff;

    font-size:1.45rem;

    font-weight:600;

    line-height:1.45;

    margin:0;

}

/* ========================= */

@media(max-width:1400px){

    .kb7-choose-grid{

        grid-template-columns:repeat(4,1fr);

        row-gap:45px;

    }

    .kb7-item:nth-child(4)::after{

        display:none;

    }

}

@media(max-width:992px){

    .kb7-choose-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .kb7-item::after{

        display:none;

    }

}

@media(max-width:576px){

    .kb7-choose-grid{

        grid-template-columns:1fr;

    }

    .kb7-choose-card{

        padding:35px 25px;

    }

    .kb7-choose-card h2{

        font-size:2rem;

    }

    .kb7-item{

        padding:15px 0;

    }

}


/* ===================================================
   KB7 IMPACT STATS
=================================================== */

.kb7-impact-section{
    padding:90px 0;
}

.kb7-impact-card{
    background:#fff;
    border:1px solid #ece9f8;
    border-radius:24px;
    padding:45px 35px;
    box-shadow:0 15px 40px rgba(42,8,123,.06);
}

.kb7-impact-title{
    text-align:center;
    color:#2a087b;
    font-size:2.6rem;
    font-weight:800;
    margin-bottom:45px;
}

.kb7-impact-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.kb7-impact-box{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:10px 25px;
    position:relative;
}

.kb7-impact-box:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:8px;
    width:1px;
    height:130px;
    background:#ece9f8;
}

.kb7-impact-box i{
    font-size:4rem;
    color:#6b3de6;
    flex-shrink:0;
}

.kb7-impact-info{
    text-align:left;
}

.kb7-impact-info h3{
    margin:0;
    font-size:3rem;
    line-height:1;
    font-weight:800;
    color:#6b3de6;
}

.kb7-impact-info p{
    margin:10px 0 0;
    color:#3f3f61;
    font-size:1.3rem;
    font-weight:600;
    line-height:1.45;
}

/* Hover */

.kb7-impact-box{
    transition:.25s ease;
}

.kb7-impact-box:hover{
    transform:translateY(-6px);
}

.kb7-impact-box:hover i{
    transform:scale(1.08);
}

.kb7-impact-box i{
    transition:.25s ease;
}

/* Responsive */

@media(max-width:1200px){

    .kb7-impact-grid{
        grid-template-columns:repeat(3,1fr);
        gap:35px;
    }

    .kb7-impact-box::after{
        display:none;
    }

}

@media(max-width:768px){

    .kb7-impact-grid{
        grid-template-columns:1fr;
    }

    .kb7-impact-box{
        justify-content:flex-start;
        padding:10px 0;
    }

    .kb7-impact-card{
        padding:35px 25px;
    }

    .kb7-impact-title{
        font-size:2rem;
    }

    .kb7-impact-box i{
        font-size:3rem;
    }

    .kb7-impact-info h3{
        font-size:2.2rem;
    }

    .kb7-impact-info p{
        font-size:1.1rem;
    }

}



/*==================================================
 KB7 JOB DETAILS
==================================================*/

.kb7-job-section{
    padding:90px 0;
}

.kb7-job-card{
    background:#fff;
    border:1px solid #ece9f8;
    border-radius:24px;
    padding:45px;
    box-shadow:0 15px 45px rgba(42,8,123,.06);
}

.kb7-job-header{
    margin-bottom:25px;
}

.kb7-job-title{
    margin:0 0 24px;
    font-size:2.6rem;
    font-weight:800;
    color:#221551;
}

.kb7-job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:35px;
    align-items:center;
}

.kb7-job-meta-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:1rem;
    color:#52506b;
    font-weight:600;
}

.kb7-job-meta-item i{
    color:#5d35db;
    font-size:1.15rem;
}

.kb7-job-dot{
    width:10px;
    height:10px;
    background:#6dc93b;
    border-radius:50%;
}

.kb7-job-divider{
    margin:0 0 45px;
    border:none;
    border-top:1px solid #ece9f8;
}

/* Sections */

.kb7-job-block{
    margin-bottom:45px;
}

.kb7-job-block h2{
    margin-bottom:18px;
    font-size:1.7rem;
    font-weight:800;
    color:#221551;
}

.kb7-job-block p{
    color:#50516a;
    font-size:1.08rem;
    line-height:1.9;
}

/* Lists */

.kb7-job-list{
    list-style:none;
    padding:0;
    margin:0;
}

.kb7-job-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:16px;
    color:#50516a;
    line-height:1.7;
}

.kb7-job-list i{
    color:#6b3de6;
    font-size:1rem;
    margin-top:5px;
    flex-shrink:0;
}

/* Benefits */

.kb7-job-benefits{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    margin-top:30px;
}

.kb7-job-benefit{
    text-align:center;
    padding:22px 18px;
    border:1px solid #ece9f8;
    border-radius:18px;
    transition:.3s;
}

.kb7-job-benefit:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 25px rgba(42,8,123,.08);
}

.kb7-job-benefit i{
    display:block;
    font-size:2rem;
    color:#6b3de6;
    margin-bottom:12px;
}

.kb7-job-benefit span{
    display:block;
    font-size:.95rem;
    color:#44445f;
    font-weight:600;
    line-height:1.5;
}

/* Footer */

.kb7-job-footer{
    margin-top:55px;
}

.kb7-job-back{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border:1px solid #dad3fb;
    border-radius:50px;
    text-decoration:none;
    color:#5d35db;
    font-weight:700;
    transition:.3s;
}

.kb7-job-back:hover{
    background:#5d35db;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .kb7-job-benefits{
        grid-template-columns:repeat(2,1fr);
    }

    .kb7-job-card{
        padding:35px;
    }

}

@media(max-width:768px){

    .kb7-job-title{
        font-size:2rem;
    }

    .kb7-job-meta{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .kb7-job-benefits{
        grid-template-columns:1fr;
    }

    .kb7-job-card{
        padding:28px;
    }

}


.sdc-why-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:40px;
    row-gap:18px;
    margin-top:20px;
}

.sdc-why-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.sdc-why-item i{
    color:#93c83d;
    font-size:1.1rem;
    margin-top:3px;
    flex-shrink:0;
}

.sdc-why-item span{
    font-size:.97rem;
    font-weight:600;
    line-height:1.45;
    color:#2b2b2b;
}

.sdc-section{
    background:#fff;
    border:1px solid rgba(42,8,123,.08);
    border-radius:18px;
    padding:28px;
    height:100%;
}

@media (max-width:992px){

    .sdc-why-grid{
        grid-template-columns:1fr;
    }

}


.sdc-process-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
    margin-top:55px;
}

.sdc-highlights{
    background:#faf7ff;
    border:1px solid rgba(42,8,123,.08);
    border-radius:18px;
    padding:28px;
}

.sdc-highlight-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.sdc-highlight-item:not(:last-child){
    margin-bottom:28px;
}

.sdc-highlight-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6627d3;
    font-size:1.8rem;
    flex-shrink:0;
}

.sdc-highlight-item h6{
    margin:0;
    color:#2a087b;
    font-size:1rem;
    font-weight:700;
}

.sdc-highlight-item p{
    margin:4px 0 0;
    color:#555;
    font-size:.95rem;
    line-height:1.5;
}

.sdc-about-text{
    font-size:1rem;
    line-height:1.9;
    color:#444;
}

.sdc-about-text:not(:last-child){
    margin-bottom:22px;
}

.sdc-process-item{
    position:relative;
    text-align:center;
}

.sdc-process-line{
    position:absolute;
    top:28px;
    left:-50%;
    width:100%;
    border-top:2px dotted #d8c7ff;
    z-index:0;
}

.sdc-process-icon{
    width:58px;
    height:58px;
    margin:0 auto 12px;
    border-radius:50%;
    background:linear-gradient(135deg,#8d47ff,#5f1ed7);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    position:relative;
    z-index:2;
}

.sdc-process-number{
    color:#42129a;
    font-size:1.35rem;
    font-weight:800;
    margin-bottom:10px;
}

.sdc-process-item h6{
    margin:0;
    font-size:1rem;
    font-weight:700;
    color:#2a087b;
}

.sdc-process-item p{
    margin:4px 0 0;
    font-size:.95rem;
    color:#333;
}

@media(max-width:992px){

.sdc-process-grid{
    grid-template-columns:repeat(3,1fr);
}

.sdc-process-line{
    display:none;
}

}

@media(max-width:576px){

.sdc-process-grid{
    grid-template-columns:1fr;
}

}



/* ── Page body ── */
.sdc-page { background: #f8f6fc; }

/* ─────────────────────────────────────────────
   HERO
───────────────────────────────────────────── */
.sdc-hero {
  position: relative;
  overflow: hidden;
  padding: 0;
  background:
    linear-gradient(100deg,rgba(8,4,48,.97) 0%,rgba(22,9,72,.93) 30%,rgba(28,10,78,.78) 48%,rgba(20,7,65,.08) 72%),
    linear-gradient(135deg,#06042c 0%,#1f0f5c 55%,#7633aa 100%);
}
.sdc-hero::after {
  content: "";
  position: absolute;
  right: -6vw;
  bottom: -8vw;
  width: 70vw;
  height: 18vw;
  min-height: 140px;
  border-radius: 50% 0 0 0;
  background: linear-gradient(170deg,transparent 0 24%,#5a18b0 25% 55%,#8ec918 56% 72%,#006534 73% 100%);
  transform: rotate(-3deg);
  transform-origin: right bottom;
  z-index: 1;
  pointer-events: none;
}
.sdc-hero__container { position: relative; z-index: 2; padding-top: 32px; padding-bottom: 60px; }

/* breadcrumb */
.sdc-breadcrumb { margin-bottom: 28px; }
.sdc-breadcrumb .breadcrumb-item,
.sdc-breadcrumb .breadcrumb-item a { color: rgba(255,255,255,.65); font-size: .82rem; text-decoration: none; }
.sdc-breadcrumb .breadcrumb-item a:hover { color: #fff; }
.sdc-breadcrumb .breadcrumb-item.active { color: rgba(255,255,255,.9); }
.sdc-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.4); }

/* hero grid */
.sdc-hero__grid {
  display: grid;
  grid-template-columns: 1fr minmax(0,480px);
  gap: 48px;
  align-items: center;
}
.sdc-hero__copy { color: #fff; }
.sdc-hero__h1 {
  margin: 0 0 16px;
  font-size: clamp(2.2rem,4.4vw,3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #fff;
}
.sdc-hero__heart { font-size: 60%; color: #fff; vertical-align: middle; opacity: .8; }
.sdc-hero__tagline {
  margin: 0 0 18px;
  font-size: clamp(1rem,1.8vw,1.2rem);
  font-weight: 700;
  color: #9ed41a;
  line-height: 1.4;
}
.sdc-hero__desc {
  margin: 0 0 28px;
  font-size: .97rem;
  color: rgba(255,255,255,.82);
  line-height: 1.65;
  max-width: 520px;
}
.sdc-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; }

/* hero buttons */
.sdc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 26px;
  border-radius: 999px;
  font-size: .93rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
  white-space: nowrap;
}
.sdc-btn:hover { transform: translateY(-2px); }
.sdc-btn--primary {
  background: #a742da;
  color: #fff;
  box-shadow: 0 14px 28px rgba(90,20,155,.28);
}
.sdc-btn--primary:hover { background: #8e30c0; color: #fff; }
.sdc-btn--outline {
  border: 1.5px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.06);
  color: #fff;
}
.sdc-btn--outline:hover { background: rgba(255,255,255,.14); color: #fff; }
.sdc-btn--cta {
  background: #fff;
  color: #4a1769;
  font-weight: 800;
}
.sdc-btn--cta:hover { background: #f0e8ff; color: #3a0f56; }

/* hero badge */
.sdc-hero__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  border-radius: 20px;
  background: #fff;
  padding: 10px;
  box-shadow: 0 16px 30px rgba(10,4,32,.28);
}
.sdc-hero__badge img { width: 100%; height: 100%; object-fit: contain; }

/* hero image */
.sdc-hero__image {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 32px 64px rgba(6,3,28,.4);
  aspect-ratio: 4/3;
  background: #ece6f4;
}
.sdc-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ─────────────────────────────────────────────
   TRUST BADGES
───────────────────────────────────────────── */
.sdc-trust {
  background: #fff;
  border-bottom: 1px solid rgba(109,92,135,.1);
  /* padding: 28px 0; */
}
.sdc-trust__grid{
    width:100%;
    /* max-width:1700px; */
    margin:0 auto;
    /* padding:0 40px; */
    box-sizing:border-box;

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:0;
	justify-items:space-evenly;
}

.sdc-trust__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  text-align: center;
  border-right: 1px solid rgba(109,92,135,.1);
  font-size: .78rem;
  font-weight: 700;
  color: #3c2b5a;
  line-height: 1.35;
}
.sdc-trust__item:last-child { border-right: none; }
.sdc-trust__item i {
  font-size: 1.6rem;
  color: #7c35c0;
}

/* ─────────────────────────────────────────────
   MAIN LAYOUT
───────────────────────────────────────────── */
.sdc-main { padding: 48px 0 24px; }
.sdc-layout {
    display:grid;
	grid-template-columns:260px 1fr;
	gap:36px;
	align-items:start;
}

/* ─────────────────────────────────────────────
   SIDEBAR
───────────────────────────────────────────── */
.sdc-sidebar { position: sticky; top: 90px; }
.sdc-sidebar__box {
  border: 1px solid rgba(109,92,135,.15);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 16px rgba(80,33,119,.06);
}
.sdc-sidebar__title {
  margin: 0;
  padding: 14px 18px;
  background: #f3eefa;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #4a1769;
  border-bottom: 1px solid rgba(109,92,135,.12);
}
.sdc-sidebar__link {
  display: block;
  padding: 11px 18px;
  font-size: .85rem;
  font-weight: 600;
  color: #555;
  text-decoration: none;
  border-left: 3px solid transparent;
  border-bottom: 1px solid rgba(109,92,135,.08);
  transition: background .15s, color .15s, border-color .15s;
}
.sdc-sidebar__link:last-child { border-bottom: none; }
.sdc-sidebar__link:hover { background: #faf6ff; color: #6b21a8; }
.sdc-sidebar__link--active {
  background: #6b21a8;
  color: #fff;
  border-left-color: #8a30d4;
}
.sdc-sidebar__link--active:hover { background: #5a18b0; color: #fff; }

/* ─────────────────────────────────────────────
   SECTION BASE
───────────────────────────────────────────── */
.sdc-section { margin-bottom: 48px; }
.sdc-section__h2 {
  margin: 0 0 22px;
  font-size: 1.45rem;
  font-weight: 800;
  color: #2a087b;
  letter-spacing: -0.01em;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(107,33,168,.12);
}

/* ─────────────────────────────────────────────
   SERVICE OVERVIEW
───────────────────────────────────────────── */
.sdc-overview__grid {
  display: grid;
  grid-template-columns: 1fr minmax(0,340px);
  gap: 36px;
  align-items: start;
}
.sdc-overview__body p { color: #3f3753; font-size: .96rem; line-height: 1.7; margin: 0; }
.sdc-overview__image {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(80,33,119,.13);
  aspect-ratio: 4/3;
  background: #ece6f4;
}
.sdc-overview__image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* metadata grid */
.sdc-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: 24px;
  border: 1px solid rgba(109,92,135,.14);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.sdc-meta-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-right: 1px solid rgba(109,92,135,.1);
  border-bottom: 1px solid rgba(109,92,135,.1);
}
.sdc-meta-item:nth-child(even) { border-right: none; }
.sdc-meta-item:nth-last-child(-n+2) { border-bottom: none; }
.sdc-meta-item > i {
  font-size: 1.2rem;
  color: #7c35c0;
  flex-shrink: 0;
}
.sdc-meta-item > div { display: flex; flex-direction: column; gap: 1px; }
.sdc-meta-label { font-size: .7rem; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .04em; }
.sdc-meta-value { font-size: .84rem; font-weight: 700; color: #2a087b; }

/* ─────────────────────────────────────────────
   BENEFITS + WHO CAN ACCESS
───────────────────────────────────────────── */
.sdc-section--accent{
    width:100%;
    max-width:100%;
    margin:0;
    padding:36px 48px;
    box-sizing:border-box;

    background:linear-gradient(135deg,#f4eeff 0%,#ede6fa 40%,#f0eef8 100%);
    border-radius:20px;
    position:relative;
    overflow:hidden;
	grid-column: 1 / -1;	
}
.sdc-bwca-grid {
  display: grid;
  grid-template-columns: 1fr 120px 1fr;
  gap: 24px;
  align-items: start;
}
.sdc-accent-h3 {
  font-size: 1.12rem;
  font-weight: 800;
  color: #2a087b;
  margin: 0 0 16px;
}
.sdc-heart-green { color: #7ec91e; }

/* checklist */
.sdc-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.sdc-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .88rem;
  color: #3f3753;
  font-weight: 600;
}
.sdc-check-list li i {
  color: #7c35c0;
  font-size: 1rem;
  margin-top: .1rem;
  flex-shrink: 0;
}

/* center logo ring */
.sdc-bwca-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}
.sdc-bwca-logo-ring {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px dashed rgba(107,33,168,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(80,33,119,.1);
}
.sdc-bwca-logo-ring img { width: 100%; object-fit: contain; }

/* who can access */
.sdc-who-access__desc { font-size: .84rem; color: #5f5870; line-height: 1.6; margin: 0 0 14px; }
.sdc-bwca-deco-heart {
  position: absolute;
  right: 28px;
  bottom: 22px;
  font-size: 3rem;
  color: rgba(107,33,168,.12);
  pointer-events: none;
}

/* ─────────────────────────────────────────────
   WHAT'S INCLUDED
───────────────────────────────────────────── */
.sdc-includes-wrap {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 24px;
  align-items: stretch;
}
.sdc-includes-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  align-content: start;
}
.sdc-include-item {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 9px 0;
  font-size: .85rem;
  font-weight: 600;
  color: #3c2b5a;
}
.sdc-include-item i { color: #7c35c0; font-size: .95rem; margin-top: .1rem; flex-shrink: 0; }

/* quote box */
.sdc-includes-quote {
  background: linear-gradient(145deg,#3a0f7a 0%,#5a18b0 60%,#7635ab 100%);
  border-radius: 18px;
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  color: #fff;
}
.sdc-includes-quote__logo { width: 64px; height: 64px; object-fit: contain; border-radius: 14px; background: #fff; padding: 6px; }
.sdc-includes-quote__text {
  margin: 0;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.55;
  color: #fff;
  font-style: italic;
}
.sdc-includes-quote__sub { margin: 0; font-size: .78rem; color: rgba(255,255,255,.75); }

/* ─────────────────────────────────────────────
   FAQs + RELATED side-by-side
───────────────────────────────────────────── */
.sdc-faq-related-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: start;
  padding: 0 4px;
}
.sdc-faq-col,
.sdc-related-col { margin-bottom: 48px; }

/* accordion */
.sdc-accordion { border-radius: 14px; overflow: hidden; border: 1px solid rgba(109,92,135,.14); }
.sdc-accordion__item { border: none; border-bottom: 1px solid rgba(109,92,135,.12); background: #fff; }
.sdc-accordion__item:last-child { border-bottom: none; }
.sdc-accordion__btn {
  font-size: .88rem;
  font-weight: 700;
  color: #2a087b;
  padding: 15px 18px;
  background: #fff;
  box-shadow: none !important;
}
.sdc-accordion__btn:not(.collapsed) { background: #f8f3ff; color: #5a18b0; }
.sdc-accordion__btn::after { filter: hue-rotate(200deg) saturate(2); }
.sdc-accordion__body { font-size: .85rem; color: #5f5870; line-height: 1.65; padding: 10px 18px 18px; }

.sdc-faqs-viewall { margin-top: 14px; }
.sdc-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  font-weight: 700;
  color: #7c35c0;
  text-decoration: none;
}
.sdc-link-arrow:hover { text-decoration: underline; }

/* related services */
.sdc-related-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.sdc-related-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 14px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(109,92,135,.13);
  text-align: center;
  font-size: .82rem;
  font-weight: 700;
  color: #3c2b5a;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(80,33,119,.06);
  transition: transform .2s, box-shadow .2s;
}
.sdc-related-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(80,33,119,.13); color: #5a18b0; }
.sdc-related-card i { font-size: 1.8rem; color: #7c35c0; }

.sdc-btn-viewall {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border-radius: 999px;
  border: 1.5px solid #7c35c0;
  color: #7c35c0;
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.sdc-btn-viewall:hover { background: #7c35c0; color: #fff; }

/* ─────────────────────────────────────────────
   CTA BANNER
───────────────────────────────────────────── */
.sdc-cta {
  background: linear-gradient(100deg,#380d72 0%,#5a18b0 45%,#7635ab 100%);
}
.sdc-cta__grid {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 40px;
  align-items: center;
}
.sdc-cta__copy { display: flex; align-items: center; gap: 24px; color: #fff; }
.sdc-cta__icon { font-size: 2.8rem; opacity: .85; flex-shrink: 0; }
.sdc-cta__h2 {
  margin: 0 0 6px;
  font-size: clamp(1.1rem,2vw,1.55rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
}
.sdc-cta__sub { margin: 0; color: rgba(255,255,255,.75); font-size: .88rem; }
.sdc-cta__phone { display: flex; align-items: center; gap: 14px; color: #fff; }
.sdc-cta__phone-icon { font-size: 1.6rem; opacity: .85; }
.sdc-cta__phone-label { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.65); font-weight: 700; }
.sdc-cta__phone-num { display: block; font-size: 1.1rem; font-weight: 800; color: #fff; text-decoration: none; }
.sdc-cta__phone-num:hover { text-decoration: underline; color: #fff; }

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 1199.98px) {
  .sdc-hero__grid { grid-template-columns: 1fr minmax(0,380px); gap: 32px; }
}

@media (max-width: 991.98px) {
  .sdc-hero__grid { grid-template-columns: 1fr; }
  .sdc-hero__image { display: none; }
  .sdc-layout { grid-template-columns: 1fr; }
  .sdc-sidebar { position: static; }
  .sdc-sidebar__box { display: flex; flex-wrap: wrap; gap: 0; }
  .sdc-sidebar__title { width: 100%; }
  .sdc-sidebar__link { border-bottom: none; border-right: 1px solid rgba(109,92,135,.1); padding: 8px 14px; font-size: .78rem; }
  .sdc-overview__grid { grid-template-columns: 1fr; }
  .sdc-overview__image { display: none; }
  .sdc-bwca-grid { grid-template-columns: 1fr 1fr; }
  .sdc-bwca-logo-wrap { display: none; }
  .sdc-trust__grid { grid-template-columns: repeat(3,1fr); }
  .sdc-trust__item:nth-child(3) { border-right: none; }
  .sdc-trust__item:nth-child(4) { border-right: 1px solid rgba(109,92,135,.1); }
  .sdc-faq-related-row { grid-template-columns: 1fr; }
  .sdc-cta__grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .sdc-cta__copy { flex-direction: column; text-align: center; }
  .sdc-cta__phone { justify-content: center; }
}

@media (max-width: 767.98px) {
  .sdc-hero__container { padding-top: 20px; padding-bottom: 40px; }
  .sdc-includes-wrap { grid-template-columns: 1fr; }
  .sdc-includes-quote { display: none; }
  .sdc-includes-grid { grid-template-columns: repeat(2,1fr); }
  .sdc-bwca-grid { grid-template-columns: 1fr; gap: 28px; }
  .sdc-section--accent { padding: 24px 18px; }
  .sdc-trust__grid { grid-template-columns: repeat(2,1fr); }
  .sdc-trust__item:nth-child(even) { border-right: none; }
  .sdc-trust__item:nth-child(odd) { border-right: 1px solid rgba(109,92,135,.1); }
  .sdc-meta-grid { grid-template-columns: 1fr; }
  .sdc-meta-item:nth-child(even) { border-right: 1px solid rgba(109,92,135,.1); }
  .sdc-meta-item:nth-last-child(-n+2) { border-bottom: 1px solid rgba(109,92,135,.1); }
  .sdc-meta-item:last-child { border-bottom: none; }
  .sdc-related-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 575.98px) {
  .sdc-includes-grid { grid-template-columns: 1fr; }
  .sdc-related-grid { grid-template-columns: 1fr 1fr; }
  .sdc-trust__grid { grid-template-columns: repeat(3,1fr); }
}


/* =======================================================================
   WHAT'S INCLUDED — Exact design match
   ======================================================================= */

/* Section card */
.sdc-section--includes {
  width:100%;
  max-width:100%;
  margin:0;
  padding:36px 48px;
  box-sizing:border-box;

  background: #f8f5fc;
  border-radius: 20px;
  padding: 32px 36px 36px;
  margin-bottom: 48px;
  border: none;
}

/* Remove border from heading inside the card */
.sdc-includes-heading {
  margin: 0 0 2px;
  font-size: 1.35rem;
  font-weight: 800;
  color: #1a0545;
  letter-spacing: -0.01em;
  padding-bottom: 0;
  border-bottom: none;
}

/* Grid + quote wrapper */
.sdc-section--includes .sdc-includes-wrap {
  display: grid;
  grid-template-columns: 1fr 230px;
  gap: 20px;
  align-items: stretch;
}

/* 3-column item grid */
/* .sdc-section--includes .sdc-includes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px 8px;
  align-content: start;
} */

/* Flat items — no boxes */
.sdc-section--includes .sdc-include-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 4px;
  font-size: .875rem;
  font-weight: 600;
  color: #1a0545;
  background: transparent;
  border: none;
}

.sdc-section--includes .sdc-include-item i {
  color: #7c35c0;
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* Quote box — light lavender */
.sdc-section--includes .sdc-includes-quote {
  position: relative;
  overflow: hidden;
  background: #ede8f8;
  border-radius: 16px;
  padding: 24px 20px 80px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Reset dark gradient from earlier rule */
  background-image: none;
  height:300px;
  width:347px;
}

/* Wave decoration at bottom-right */
.sdc-section--includes .sdc-includes-quote::before {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 160px;
  height: 80px;
  border-radius: 60% 0 0 0;
  background: linear-gradient(160deg,
    transparent 0% 14%,
    #4a1769 15% 46%,
    #6ec31a 47% 64%,
    #2e6b0e 65% 100%
  );
  transform: rotate(-2deg);
  transform-origin: right bottom;
  z-index: 0;
}

.sdc-section--includes .sdc-includes-quote__text {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.45;
  color: #1a0545;
  font-style: normal;
  position: relative;
  z-index: 1;
}

.sdc-section--includes .sdc-includes-quote__sub {
  margin: 0;
  font-size: .8rem;
  color: #6b4fa0;
  line-height: 1.55;
  position: relative;
  z-index: 1;
}

/* Logo — bottom-right, over the wave */
.sdc-section--includes .sdc-includes-quote__logo {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 62px;
  height: 62px;
  object-fit: contain;
  border-radius: 50%;
  background: transparent;
  padding: 0;
  z-index: 2;
}

/* Responsive */
@media (max-width: 991.98px) {
  .sdc-section--includes .sdc-includes-wrap {
    grid-template-columns: 1fr;
  }
  .sdc-section--includes .sdc-includes-quote {
    padding-bottom: 80px;
  }
}

@media (max-width: 767.98px) {
  .sdc-section--includes {
    padding: 22px 18px 24px;
  }
  .sdc-section--includes .sdc-includes-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  .sdc-section--includes .sdc-includes-grid {
    grid-template-columns: 1fr;
  }
}


/* =======================================================================
   BENEFITS + WHO CAN ACCESS — Exact design match
   ======================================================================= */

/* Section: flat lavender background, no gradient */
.sdc-section--accent {
  background: #ede8f7 !important;
  background-image: none !important;
  border-radius: 24px;
  padding: 28px 24px;
  margin-bottom: 48px;
  position: relative;
  overflow: visible;
}

/* 3-col grid: white-card | logo | white-card */
.sdc-section--accent .sdc-bwca-grid {
  display: grid;
  grid-template-columns: 1fr 164px 1fr;
  gap: 20px;
  align-items: center;
}

/* Benefits — white card */
.sdc-section--accent .sdc-benefits {
  /* background: #fff; */
  border-radius: 18px;
  padding: 28px 26px 28px;
  /* box-shadow: 0 2px 16px rgba(80,33,119,.07); */
  align-self: stretch;
}

/* Who Can Access — white card + wave */
.sdc-section--accent .sdc-who-access {
  /* background: #fff; */
  border-radius: 18px;
  padding: 28px 26px 80px;
  /* box-shadow: 0 2px 16px rgba(80,33,119,.07); */
  position: relative;
  overflow: hidden;
  align-self: stretch;
}

/* Dark purple/green wave at bottom-right of who-access card */
.sdc-section--accent .sdc-who-access::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -16px;
  width: 240px;
  height: 100px;
  border-radius: 55% 0 0 0;
  background: linear-gradient(158deg,
    transparent 0% 12%,
    #1e0448 13% 44%,
    #5a18b0 45% 56%,
    #5a9010 57% 70%,
    #24570a 71% 100%
  );
  transform: rotate(-2deg);
  transform-origin: right bottom;
  z-index: 0;
}

/* Heart outline — above the wave, inside who-access card */
.sdc-section--accent .sdc-bwca-deco-heart {
  position: absolute;
  right: 22px;
  bottom: 82px;
  font-size: 2.6rem;
  color: rgba(107,33,168,.22);
  z-index: 1;
  pointer-events: none;
}

/* Center logo medallion */
.sdc-section--accent .sdc-bwca-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.sdc-section--accent .sdc-bwca-logo-ring {
  width: 148px;
  height: 148px;
  border-radius: 50%;
  border: 2px dashed rgba(107,33,168,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 6px 20px rgba(80,33,119,.1);
}

.sdc-section--accent .sdc-bwca-logo-ring img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Headings */
.sdc-section--accent .sdc-accent-h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #1a0545;
  margin: 0 0 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sdc-section--accent .sdc-heart-green {
  color: #6ec31a;
  font-size: 1rem;
}

/* Check list — larger icons, dark text */
.sdc-section--accent .sdc-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.sdc-section--accent .sdc-check-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: .9rem;
  color: #1a0545;
  font-weight: 600;
}

.sdc-section--accent .sdc-check-list li i {
  color: #5a18b0;
  font-size: 1.15rem;
  flex-shrink: 0;
}

/* Who can access description text */
.sdc-section--accent .sdc-who-access__desc {
  font-size: .84rem;
  color: #3c2b5a;
  line-height: 1.65;
  margin: 0 0 16px;
  position: relative;
  z-index: 1;
}

/* Ensure list text stays above wave z-index */
.sdc-section--accent .sdc-who-access .sdc-accent-h3,
.sdc-section--accent .sdc-who-access .sdc-check-list,
.sdc-section--accent .sdc-who-access .sdc-who-access__desc {
  position: relative;
  z-index: 1;
}

/* Responsive */
@media (max-width: 991.98px) {
  .sdc-section--accent .sdc-bwca-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .sdc-section--accent .sdc-bwca-logo-wrap {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .sdc-section--accent .sdc-bwca-grid {
    grid-template-columns: 1fr;
  }
  .sdc-section--accent .sdc-who-access {
    padding-bottom: 80px;
  }
}


/* =======================================================================
   WHAT'S INCLUDED — Final precise override (matches design image exactly)
   ======================================================================= */

/* Outer card: white, subtle shadow, rounded */
.sdc-section--includes {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 18px !important;
  border: 1px solid #ede8f7 !important;
  box-shadow: 0 4px 24px rgba(80,33,119,.07) !important;
  padding: 32px 29px 32px !important;
  margin-bottom: 48px !important;
}

/* Heading: bold dark, no line */
.sdc-includes-heading {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #1a0545 !important;
  margin: 0 0 2px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  letter-spacing: -0.01em !important;
}

/* Grid + quote side by side */
.sdc-section--includes .sdc-includes-wrap {
  display: grid !important;
  grid-template-columns: 1fr 365px !important;
  gap: 20px !important;
  align-items: stretch !important;
}

/* 3-column items */
.sdc-section--includes .sdc-includes-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px 10px !important;
  align-content: start !important;
}

/* Flat item: icon + text */
.sdc-section--includes .sdc-include-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 4px !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  color: #1a0545 !important;
  background: transparent !important;
  border: none !important;
}

.sdc-section--includes .sdc-include-item i {
  color: #5a18b0 !important;
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
}

/* Quote card: lavender, logo+wave at bottom-right */
.sdc-section--includes .sdc-includes-quote {
  position: relative !important;
  overflow: hidden !important;
  background: #f0eaff !important;
  background-image: none !important;
  border-radius: 16px !important;
  padding: 24px 20px 90px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Wave: purple→green sweep at bottom-right */
.sdc-section--includes .sdc-includes-quote::before {
  content: "" !important;
  position: absolute !important;
  right: -12px !important;
  bottom: -12px !important;
  width: 180px !important;
  height: 88px !important;
  border-radius: 55% 0 0 0 !important;
  background: linear-gradient(155deg,
    transparent 0% 10%,
    #1e0448 11% 40%,
    #5a18b0 41% 55%,
    #4a8a0e 56% 70%,
    #1f520a 71% 100%
  ) !important;
  transform: rotate(-2deg) !important;
  transform-origin: right bottom !important;
  z-index: 0 !important;
}

/* Quote text: bold dark purple */
.sdc-section--includes .sdc-includes-quote__text {
  margin: 0 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  color: #1a0545 !important;
  font-style: normal !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Subtitle */
.sdc-section--includes .sdc-includes-quote__sub {
  margin: 0 !important;
  font-size: .78rem !important;
  color: #6b4fa0 !important;
  line-height: 1.55 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Logo: circle, bottom-right, over wave */
.sdc-section--includes .sdc-includes-quote__logo {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  background: transparent !important;
  padding: 0 !important;
  z-index: 2 !important;
}

/* Responsive */
@media (max-width: 991.98px) {
  .sdc-section--includes .sdc-includes-wrap {
    grid-template-columns: 1fr !important;
  }
  .sdc-section--includes .sdc-includes-quote {
    display: flex !important;
    padding-bottom: 90px !important;
  }
}
@media (max-width: 767.98px) {
  .sdc-section--includes .sdc-includes-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .sdc-section--includes .sdc-includes-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Quote card logo: white circle ring wrapper ── */
.sdc-section--includes .sdc-includes-quote__logo-ring {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 10px rgba(80,33,119,.18) !important;
  z-index: 2 !important;
  padding: 6px !important;
}
.sdc-section--includes .sdc-includes-quote__logo {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  z-index: auto !important;
}


/* =======================================================================
   NDIS SERVICES PAGE  (snp-)
   ======================================================================= */

/* ── Layout ── */
.snp-main {
  padding: 48px 55px;
  background: #f9f7fd;
}

.snp-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 32px;
  align-items: start;
}

/* ── Section header ── */
.snp-section-header {
  text-align: center;
  margin-bottom: 36px;
}

.snp-section-header__icon {
  font-size: 1.5rem;
  color: #4a9c0f;
  display: block;
  margin-bottom: 8px;
}

.snp-section-header__title {
  font-size: 1.6rem;
  font-weight: 800;
  color: #1a0545;
  margin: 0 0 10px;
}

.snp-section-header__sub {
  color: #6b7280;
  font-size: .93rem;
  line-height: 1.6;
  margin: 0;
}

/* ── Service cards grid ── */
.snp-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* Individual card */
.snp-service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e8e1f5;
  border-radius: 14px;
  padding: 28px 16px 20px;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  cursor: pointer;
}

.snp-service-card:hover {
  box-shadow: 0 6px 28px rgba(80,33,119,.14);
  transform: translateY(-3px);
  border-color: #c4a8f0;
  text-decoration: none;
  color: inherit;
}

/* Wide card: SDA spans 2 columns */
.snp-service-card--wide {
  grid-column: span 2;
  flex-direction: row;
  text-align: left;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 24px;
}

.snp-service-card--wide .snp-service-card__icon-wrap {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.snp-service-card--wide .snp-service-card__link {
  margin-top: auto;
  align-self: flex-start;
}

/* Icon */
.snp-service-card__icon-wrap {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.snp-service-card__icon-wrap .bi {
  font-size: 2.2rem;
  color: #5a18b0;
}

/* Title */
.snp-service-card__title {
  font-size: .92rem;
  font-weight: 700;
  color: #1a0545;
  margin: 0 0 8px;
  line-height: 1.3;
}

/* Description */
.snp-service-card__desc {
  font-size: .80rem;
  color: #6b7280;
  line-height: 1.55;
  margin: 0 0 14px;
  flex: 1;
}

/* "View Service →" link */
.snp-service-card__link {
  font-size: .80rem;
  font-weight: 700;
  color: #5a18b0;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: auto;
  transition: gap .15s ease;
}

.snp-service-card:hover .snp-service-card__link {
  gap: 9px;
}

/* ═══════════════════════════════════════
   SIDEBAR
   ═══════════════════════════════════════ */
.snp-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 90px;
}

/* NDIS at a Glance card */
.snp-glance-card {
  background: linear-gradient(145deg, #3a0f78 0%, #5a18b0 100%);
  border-radius: 16px;
  padding: 28px 24px 24px;
  color: #fff;
}

.snp-glance-card__title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  margin: 0 0 20px;
  line-height: 1.3;
}

.snp-glance-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.snp-glance-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: .875rem;
  color: rgba(255,255,255,.92);
  line-height: 1.4;
}

.snp-glance-list li .bi {
  font-size: 1rem;
  color: #a5f07e;
  flex-shrink: 0;
}

/* We're Here to Help */
.snp-help-box {
  background: #fff;
  border: 1px solid #e8e1f5;
  border-radius: 14px;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.snp-help-box__title {
  font-size: 1rem;
  font-weight: 800;
  color: #1a0545;
  margin: 0;
}

.snp-help-box__desc {
  font-size: .82rem;
  color: #6b7280;
  line-height: 1.55;
  margin: 0;
}

/* Sidebar buttons */
.snp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: .84rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.snp-btn--primary {
  background: #5a18b0;
  color: #fff;
  border: 2px solid #5a18b0;
}

.snp-btn--primary:hover {
  background: #3a0f78;
  border-color: #3a0f78;
  color: #fff;
}

.snp-btn--outline {
  background: transparent;
  color: #5a18b0;
  border: 2px solid #5a18b0;
}

.snp-btn--outline:hover {
  background: #5a18b0;
  color: #fff;
}

/* Contact box */
.snp-contact-box {
  background: #fff;
  border: 1px solid #e8e1f5;
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.snp-contact-row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.snp-contact-row__icon {
  font-size: 1.25rem;
  color: #5a18b0;
  flex-shrink: 0;
}

.snp-contact-row__label {
  display: block;
  font-size: .72rem;
  color: #9ca3af;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 2px;
}

.snp-contact-row__value {
  font-size: .95rem;
  font-weight: 700;
  color: #1a0545;
  text-decoration: none;
}

.snp-contact-row__value:hover {
  color: #5a18b0;
  text-decoration: underline;
}

/* Sidebar photo */
.snp-sidebar-photo {
  border-radius: 14px;
  overflow: hidden;
  line-height: 0;
}

.snp-sidebar-photo img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center top;
  border-radius: 14px;
  display: block;
}

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */
@media (max-width: 1199.98px) {
  .snp-layout {
    grid-template-columns: 1fr 268px;
  }
  .snp-services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991.98px) {
  .snp-layout {
    grid-template-columns: 1fr;
  }
  .snp-sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .snp-glance-card {
    grid-column: 1 / -1;
  }
  .snp-sidebar-photo {
    display: none;
  }
  .snp-services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767.98px) {
  .snp-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .snp-service-card--wide {
    grid-column: span 2;
  }
  .snp-sidebar {
    grid-template-columns: 1fr;
  }
}

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

/* about-ndis-grid linked items */
.about-ndis-grid a.about-ndis-grid-item { text-decoration: none; color: inherit; display: contents; }


/* =======================================================================
   CTA BANNER — redesign to match design image (card style)
   ======================================================================= */

/* Outer section: neutral background, vertical padding */
.sdc-cta {
  background: #ffffff !important;
}

/* The dark rounded card */
.sdc-cta__card {
  background: linear-gradient(110deg, #130336 0%, #2d0d68 42%, #3f15a0 100%);
  border-radius: 20px;
  padding: 40px 48px;
  margin:0px -49px 10px;
}

/* Headset icon circle ring */
.sdc-cta__icon-ring {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.55);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sdc-cta__card .sdc-cta__icon {
  font-size: 2rem !important;
  opacity: 1 !important;
}

/* Request Support button: white bg, dark purple text */
.sdc-cta__card .sdc-btn--cta {
  background: #ffffff !important;
  color: #2d0d68 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  padding: 15px 28px !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.12) !important;
  text-decoration: none !important;
}

.sdc-cta__card .sdc-btn--cta:hover {
  background: #ede8f7 !important;
  color: #1a0545 !important;
}

/* Phone section: left border separator + icon ring */
.sdc-cta__card .sdc-cta__phone {
  border-left: 1px solid rgba(255,255,255,.2) !important;
  padding-left: 36px !important;
}

.sdc-cta__phone-icon-ring {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sdc-cta__card .sdc-cta__phone-icon {
  font-size: 1.2rem !important;
  opacity: 1 !important;
}

.sdc-cta__card .sdc-cta__phone-num {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
}

/* Responsive: stack on tablet/mobile */
@media (max-width: 991.98px) {
  .sdc-cta__card {
    padding: 32px 28px;
  }
  .sdc-cta__card .sdc-cta__phone {
    border-left: none !important;
    padding-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 20px;
  }
}

@media (max-width: 767.98px) {
  .sdc-cta__card {
    padding: 28px 20px;
  }
}

.sdc-cta { padding: 48px 55px;}

/* ============================================================
   GLOBAL NETWORK PAGE
   ============================================================ */

.global-network-page .navbar{
  position:absolute;
  inset:0 0 auto;
  background:transparent;
  box-shadow:none;
}

/* --- Hero --- */
.gn-hero{
  position:relative;
  min-height:620px;
  background:
    linear-gradient(90deg,rgba(3,11,26,.97) 0%,rgba(7,18,36,.92) 38%,rgba(7,18,36,.65) 60%,rgba(7,18,36,.15) 100%),
    url('../img/globalnetworkheader.png') right center / cover no-repeat,
    linear-gradient(135deg,#030b1a 0%,#071224 100%);
  display:flex;
  align-items:flex-start;
  padding:130px clamp(24px,5vw,72px) 80px;
  overflow:hidden;
}



.gn-hero__copy{
  flex:0 0 560px;
  max-width:560px;
  position:relative;
  z-index:2;
}
.gn-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 16px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.22);
  border-radius:100px;
  font-size:.78rem;
  font-weight:700;
  color:#fff;
  letter-spacing:.06em;
  margin-bottom:22px;
}
.gn-hero h1{
  font-size:clamp(2rem,3.2vw,3.4rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:20px;
}
.gn-hero h1 span{color:#9ed41a;}
.gn-hero h1 .bi{color:#9ed41a;font-size:.75em;vertical-align:middle;margin-left:4px;}
.gn-hero p{font-size:.95rem;color:rgba(255,255,255,.78);line-height:1.75;margin-bottom:12px;}
.gn-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}


/* --- Shared buttons --- */
.gn-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 26px;
  border-radius:100px;
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  transition:all .2s ease;
  white-space:nowrap;
}
.gn-btn--primary{background:#6b20c8;color:#fff;border:2px solid #6b20c8;}
.gn-btn--primary:hover{background:#7c2fe0;border-color:#7c2fe0;color:#fff;transform:translateY(-2px);}
.gn-btn--outline{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;}
.gn-btn--outline:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;}
.gn-btn--outline-light{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;}
.gn-btn--outline-light:hover{border-color:#fff;background:rgba(255,255,255,.1);color:#fff;}

/* --- One Global Organisation --- */
/* ── Global Pillars ── */
.gn-pillars{
    background: #fff;
    padding: 80px 0;
    text-align: center;
}

.gn-pillars__title{
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    font-weight: 900;
    color: #2b0a5e;
    margin-bottom: 8px;
}

.gn-pillars__sub{
    font-size: 1.08rem;
    color: #555;
    font-weight: 600;
    margin-bottom: 12px;
}

.gn-pillars__desc{
    font-size: .95rem;
    color: #666;
    max-width: 800px;
    margin: 0 auto 48px;
    line-height: 1.75;
}

.gn-pillars__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0;

    border: 1px solid #e8e0f5;
    border-radius: 12px;
    overflow: hidden;
}

.gn-pillar{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px 12px;
    border-right: 1px solid #e8e0f5;
}

.gn-pillar:last-child{
    border-right: none;
}

.gn-pillar i{
    font-size: 2.2rem;
    color: #2b0a5e;
}

.gn-pillar span{
    font-size: .8rem;
    font-weight: 700;
    color: #2b0a5e;
    text-align: center;
    line-height: 1.4;
}

/* --- Section title --- */
.gn-section-title{
  text-align:center;
  font-size:clamp(1.4rem,2.2vw,2rem);
  font-weight:900;
  color:#2b0a5e;
  margin-bottom:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.gn-section-title--light{color:#fff;}

/* --- Our Global Vision --- */
/* ── Global Vision ── */
.gn-vision{
    background: #f8f7ff;
    padding: 80px 0;
}

.gn-vision__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(40px, 5vw, 80px);
    align-items: center;
}

.gn-vision__map img{
    width: 100%;
    display: block;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(107,32,200,.15);
}

.gn-vision__copy h2{
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    font-weight: 900;
    color: #2b0a5e;
    margin-bottom: 20px;
}

.gn-vision__copy p{
    font-size: .95rem;
    color: #555;
    line-height: 1.75;
    margin-bottom: 14px;
}

/* --- Our Global Presence --- */
.gn-presence{background:#f0edf8;padding:80px 0;}
.gn-countries{
    width:100%;
	max-width:1700px;
	margin:0 auto;
	padding:0 40px;
	box-sizing:border-box;

	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.gn-country-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.09);
  display:flex;
  flex-direction:column;
}
.gn-country-card__img{
  height:160px;
  background-size:cover;
  background-position:center;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:14px;
  background-color:#1a0740;
}
.gn-country-card__img--usa{
  background:linear-gradient(135deg,#1a2a4a 0%,#0d1e38 100%);
}
.gn-country-card__img--canada{
  background:linear-gradient(135deg,#3a0a0a 0%,#1a0740 100%);
}
.gn-country-card__img--uk{
  background:linear-gradient(135deg,#0a1a3a 0%,#07052b 100%);
  align-items:center;
  justify-content:space-between;
}
.gn-country-flag{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(4px);
  padding:5px 12px;
  border-radius:100px;
  color:#fff;
  font-size:.82rem;
  font-weight:700;
  align-self:flex-start;
}
.gn-country-flag img{width:20px;height:14px;object-fit:cover;border-radius:2px;}
.gn-country-status{
  align-self:flex-end;
  padding:4px 10px;
  border-radius:100px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
}
.gn-country-status--live{background:#22c55e;color:#fff;}
.gn-country-status--soon{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35);}
.gn-country-card__body{padding:20px;flex:1;display:flex;flex-direction:column;}
.gn-country-services-label{font-size:.82rem;font-weight:800;color:#2b0a5e;margin-bottom:6px;}
.gn-country-inc{font-size:.8rem;font-weight:700;color:#6b20c8;margin-bottom:6px;}
.gn-country-services{list-style:none;padding:0;margin:0 0 14px;flex:1;}
.gn-country-services li{
  display:flex;
  align-items:flex-start;
  gap:7px;
  font-size:.79rem;
  color:#444;
  line-height:1.5;
  margin-bottom:5px;
}
.gn-country-services li .bi{color:#22c55e;font-size:.82rem;flex-shrink:0;margin-top:2px;}
.gn-country-note{font-size:.74rem;color:#888;font-style:italic;line-height:1.6;margin-bottom:14px;}
.gn-country-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:11px 20px;
  background:#6b20c8;
  color:#fff;
  border-radius:100px;
  font-size:.85rem;
  font-weight:700;
  text-decoration:none;
  transition:background .2s;
  margin-top:auto;
}
.gn-country-btn:hover{background:#7c2fe0;color:#fff;}
.gn-country-btn--disabled{background:#d1d5db;color:#9ca3af;pointer-events:none;}
.gn-coming-soon-icon{font-size:3rem;color:rgba(107,32,200,.25);text-align:center;margin:20px 0 10px;}
.gn-coming-soon-text{text-align:center;color:#999;font-size:.88rem;margin-bottom:auto;padding-bottom:16px;}

/* --- Care Without Borders --- */
.gn-cwb{
    background:#fff;
    padding:80px 0;
}

.gn-cwb__grid{
    width:100%;
    max-width:1700px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:5fr 7fr;
    gap:clamp(40px,5vw,72px);
    align-items:center;
}

.gn-cwb__img img{
    width:100%;
    display:block;
    border-radius:24px;
    object-fit:cover;
    max-height:480px;
}

.gn-cwb__icon{
    font-size:1.4rem;
    color:#6b20c8;
    margin-bottom:10px;
    display:block;
}

.gn-cwb__copy h2{
    font-size:clamp(1.6rem,2.2vw,2.2rem);
    font-weight:900;
    color:#2b0a5e;
    margin-bottom:8px;
}

.gn-cwb__tagline{
    font-size:1.05rem;
    color:#2b0a5e;
    font-weight:700;
    margin-bottom:20px;
}

.gn-cwb__copy p{
    font-size:.95rem;
    color:#555;
    line-height:1.75;
    margin-bottom:14px;
}

/* --- Digital Ecosystem --- */
.gn-digital{
    background:#f8f7ff;
    padding:80px 0;
}

.gn-digital__sub{
    text-align:center;
    color:#666;
    font-size:.95rem;
    margin:-28px auto 52px;
    max-width:700px;
}

.gn-portals{
    width:100%;
    max-width:1700px;
    margin:0 auto 20px;
    padding:0 40px;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:16px;
}

.gn-features{
    width:100%;
    max-width:1700px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:16px;
}

.gn-portal,
.gn-feature{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    background:#fff;
    border:1.5px solid #e0d4f7;
    border-radius:14px;
    padding:22px 12px;
    text-align:center;
    transition:all .25s ease;
}

.gn-portal:hover,
.gn-feature:hover{
    box-shadow:0 10px 28px rgba(107,32,200,.12);
    transform:translateY(-4px);
}

.gn-portal i,
.gn-feature i{
    font-size:1.9rem;
    color:#2b0a5e;
}

.gn-portal span,
.gn-feature span{
    font-size:.78rem;
    font-weight:700;
    color:#2b0a5e;
}

.gn-portal small,
.gn-feature small{
    font-size:.72rem;
    color:#888;
    line-height:1.4;
}

/* --- Bottom: Continuity + Vision --- */
.gn-bottom{
    background:#f8f7ff;
    padding:80px 0;
}

.gn-bottom__grid{
    width:100%;
    max-width:1700px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:stretch;
}

.gn-bottom__col{
    display:flex;
    flex-direction:column;
}

.gn-bottom__col h3{
    font-size:1.25rem;
    font-weight:900;
    color:#2b0a5e;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:8px;
}

.gn-bottom__col h3 .bi{
    color:#6b20c8;
}

.gn-bottom__col-inner{
    display:flex;
    align-items:stretch;
    background:#f4f2fb;
    border:1px solid rgba(107,32,200,.1);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(107,32,200,.07);
    flex:1;
}

.gn-bottom__col-text{
    flex:1;
    min-width:0;
    padding:28px 24px;
}

.gn-bottom__map-panel{
    width:55%;
    flex-shrink:0;
    min-height:220px;
}

.gn-bottom__map-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.gn-bottom__col-img{
    width:48%;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle at 50% 40%, #5c1a9e 0%, #2b0a5e 45%, #1a0740 100%);
    padding:24px;
}

.gn-bottom__col-img img{
    width:min(80%,260px);
    max-width:100%;
    filter:drop-shadow(0 0 24px rgba(180,120,255,.5));
}

.gn-bottom__col p{
    font-size:.93rem;
    color:#555;
    line-height:1.75;
    margin-bottom:12px;
}

/* --- CTA Banner --- */
.gn-cta{
  background:linear-gradient(90deg,#07052b 0%,#1a073f 60%,#2b0a5e 100%);
  padding:56px clamp(24px,5vw,72px);
  border-top:1px solid rgba(255,255,255,.08);
  margin-bottom:25px;
  border-radius:48px;
}
.gn-cta__inner{
    width:100%;
    max-width:1700px;
    margin:0 auto;
    /* padding:0 40px; */
    box-sizing:border-box;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    flex-wrap:wrap;
}
.gn-cta__left{display:flex;align-items:center;gap:20px;}
.gn-cta__left>.bi{font-size:2.5rem;color:#9ed41a;flex-shrink:0;}
.gn-cta__left h3{font-size:1.25rem;font-weight:900;color:#fff;margin:0 0 4px;}
.gn-cta__left p{font-size:.88rem;color:rgba(255,255,255,.6);margin:0;}
.gn-cta__actions{display:flex;gap:12px;flex-wrap:wrap;}

/* --- Responsive --- */

/* ── 1200px and below ── */
@media (max-width:1199.98px){
  .gn-pillars__grid{grid-template-columns:repeat(4,1fr);}
  .gn-pillar:nth-child(4n){border-right:none;}
  .gn-portals{grid-template-columns:repeat(4,1fr);}
  .gn-features{grid-template-columns:repeat(4,1fr);}
  .gn-countries{grid-template-columns:repeat(2,1fr);}
  .gn-cwb__grid{grid-template-columns:5fr 7fr;gap:40px;}
  .gn-bottom__grid{max-width:100%;}
}

/* ── 992px and below (tablet) ── */
@media (max-width:991.98px){
  .gn-hero{padding:110px clamp(20px,5vw,48px) 60px;min-height:500px;}
  .gn-hero__copy{flex:none;max-width:100%;}
  /* stacked grids */
  .gn-vision__grid,.gn-cwb__grid,.gn-bottom__grid{grid-template-columns:1fr;}
  /* limit image heights when stacked */
  .gn-vision__map img{max-height:260px;object-fit:cover;width:100%;}
  .gn-cwb__img img{max-height:300px;}
  /* bottom split cards: stack text above image panel */
  .gn-bottom__col-inner{flex-direction:column;}
  .gn-bottom__map-panel{width:100%;height:220px;flex-shrink:0;}
  .gn-bottom__col-img{width:100%;height:220px;flex-shrink:0;}
  .gn-bottom__col-text{padding:20px;}
  /* cta */
  .gn-cta__inner{flex-direction:column;text-align:center;}
  .gn-cta__left{flex-direction:column;text-align:center;}
  .gn-cta__actions{justify-content:center;}
  /* section padding */
  .gn-pillars,.gn-vision,.gn-presence,.gn-cwb,.gn-digital,.gn-bottom{padding:56px clamp(16px,4vw,48px);}
}

/* ── 768px and below (mobile) ── */
@media (max-width:767.98px){
  .gn-hero{padding:90px 20px 48px;}
  .gn-hero h1{font-size:clamp(1.8rem,7vw,2.4rem);}
  .gn-hero__actions{flex-direction:column;align-items:flex-start;}
  .gn-btn{width:100%;text-align:center;justify-content:center;}
  /* pillars 2-col */
  .gn-pillars__grid{grid-template-columns:repeat(2,1fr);}
  .gn-pillar:nth-child(4n){border-right:1px solid #e8e0f5;}
  .gn-pillar:nth-child(2n){border-right:none;}
  .gn-pillar{border-bottom:1px solid #e8e0f5;}
  .gn-pillars__grid .gn-pillar:nth-last-child(-n+2){border-bottom:none;}
  /* countries 1-col */
  .gn-countries{grid-template-columns:1fr;}
  /* portals/features 2-col */
  .gn-portals,.gn-features{grid-template-columns:repeat(2,1fr);}
  /* section padding */
  .gn-pillars,.gn-vision,.gn-presence,.gn-cwb,.gn-digital,.gn-bottom,.gn-cta{padding:40px 16px;}
  .gn-section-title{font-size:1.3rem;}
  .gn-digital__sub{margin-bottom:28px;}
  .gn-bottom__map-panel,.gn-bottom__col-img{height:180px;}
}

/* ── 480px and below (small mobile) ── */
@media (max-width:479.98px){
  .gn-portals,.gn-features{grid-template-columns:1fr;}
  .gn-pillars__grid{grid-template-columns:1fr;}
  .gn-pillar{border-right:none !important;border-bottom:1px solid #e8e0f5;}
  .gn-pillars__grid .gn-pillar:last-child{border-bottom:none;}
  .gn-hero__badge{font-size:.72rem;}
  .gn-cwb__grid{gap:24px;}
}

/* ============================================================
   AUSTRALIA PAGE  (.aus-*)
   ============================================================ */

/* Nav transparent overlay */
.australia-page .navbar{position:absolute;inset:0 0 auto;background:transparent;box-shadow:none;}

/* ── Hero ── */
.aus-hero{
  position:relative;
  min-height:620px;
  background:
    url('../img/visit country header.png') center/cover no-repeat;
  display:flex;
  align-items:flex-start;
  padding:130px clamp(24px,5vw,72px) 80px;
}
.aus-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,4,24,.92) 0%,rgba(26,7,63,.88) 35%,rgba(26,7,63,.45) 62%,transparent 100%);
  pointer-events:none;
}
.aus-hero__inner{
  position:relative;
  z-index:2;
  max-width:580px;
}
.aus-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:24px;
}
.aus-hero__badge img{width:20px;height:14px;object-fit:cover;border-radius:2px;}
.aus-hero h1{
  font-size:clamp(2rem,3.8vw,3.2rem);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:20px;
}
.aus-hero__green{color:#7ed321;}
.aus-hero h1 .bi{color:#7ed321;font-size:.8em;}
.aus-hero p{font-size:.97rem;color:rgba(255,255,255,.85);line-height:1.75;margin-bottom:32px;max-width:480px;}
.aus-hero__actions{display:flex;gap:14px;flex-wrap:wrap;}
.aus-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 24px;
  border-radius:8px;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
  transition:all .2s;
  cursor:pointer;
  border:2px solid transparent;
}
.aus-btn--primary{background:#6b20c8;color:#fff;border-color:#6b20c8;}
.aus-btn--primary:hover{background:#5518a8;border-color:#5518a8;color:#fff;}
.aus-btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.aus-btn--outline:hover{background:rgba(255,255,255,.1);color:#fff;}

/* ── Trust Pillars ── */
.aus-pillars{
   position: relative;
    margin-top: -70px;   /* Adjust this value */
    z-index: 10;
	border-radius: 12px;
    background: #ffffff;
    padding: 0 0 40px;
}

.aus-pillars__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;

    border: 1px solid #ede8f8;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.aus-pillar{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 18px;
    border-right: 1px solid #ede8f8;
}

.aus-pillar:last-child{
    border-right: none;
}

.aus-pillar__icon{
    width: 42px;
    height: 42px;
    background: #f0edf8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aus-pillar__icon .bi{
    font-size: 1.2rem;
    color: #6b20c8;
}

.aus-pillar strong{
    font-size: .88rem;
    font-weight: 700;
    color: #2b0a5e;
    display: block;
    margin-bottom: 4px;
}

.aus-pillar p{
    font-size: .78rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* ── Welcome ── */
.aus-welcome{
    background: #f8f7ff;
    padding: 80px 0;              /* Remove left/right padding */
    width: 100%;
}
.aus-welcome__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(40px, 5vw, 100px);
    align-items: center;
    box-sizing: border-box;
}
.aus-welcome__copy h2{
    font-size: clamp(2.2rem, 3vw, 3.6rem);
    font-weight: 900;
    color: #2b0a5e;
    line-height: 1.15;
    margin-bottom: 24px;
}

.aus-welcome__copy p{
    font-size: 1.08rem;
    color: #555;
    line-height: 1.9;
    margin-bottom: 20px;
}

.aus-welcome__img{
    width: 100%;
}

.aus-welcome__img img{
    width: 100%;
    display: block;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 16px 48px rgba(107,32,200,.12);
}
.aus-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;}

.aus-stat{
  display:flex;align-items:flex-start;gap:10px;
  background:#fff;border:1px solid #e8e0f5;border-radius:10px;padding:12px 14px;
}
.aus-stat>.bi{font-size:1.2rem;color:#6b20c8;flex-shrink:0;margin-top:2px;}
.aus-stat strong{font-size:.82rem;font-weight:700;color:#2b0a5e;display:block;}
.aus-stat span{font-size:.75rem;color:#888;}

/* ── Services ── */
/* ── Services ── */
.aus-services{
    background: #fff;
    padding: 80px 0;
}

.aus-section-title{
    text-align: center;
    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
    font-weight: 900;
    color: #2b0a5e;
    margin-bottom: 48px;
}

.aus-services__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.aus-service-card{
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #f8f7ff;
    border: 1px solid #ede8f8;
    border-radius: 14px;
    padding: 22px 18px;
    transition: all .25s ease;
}


.aus-service-card:hover{
    box-shadow: 0 12px 32px rgba(107,32,200,.12);
    transform: translateY(-4px);
}

.aus-service-card__icon{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: #fff;
    border: 1.5px solid #ddd5f5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aus-service-card__icon .bi{
    font-size: 1.4rem;
    color: #6b20c8;
}

.aus-service-card__body h3{
    font-size: .95rem;
    font-weight: 800;
    color: #2b0a5e;
    margin-bottom: 6px;
}

.aus-service-card__body p{
    font-size: .82rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
}

.aus-learn-more{
    font-size: .82rem;
    font-weight: 700;
    color: #6b20c8;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.aus-learn-more:hover{
    color: #2b0a5e;
}

/* ── Why Choose ── */
.aus-why{
    background: #f8f7ff;
    padding: 80px 0;
}

.aus-why__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
}

.aus-why__copy h2{
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 900;
    color: #2b0a5e;
    line-height: 1.2;
    margin-bottom: 14px;
}

.aus-why__copy p{
    font-size: .92rem;
    color: #666;
    line-height: 1.7;
    margin-bottom: 28px;
}

.aus-why__features{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.aus-why-item{
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.aus-why-item > .bi{
    font-size: 1.3rem;
    color: #6b20c8;
    flex-shrink: 0;
    margin-top: 2px;
}

.aus-why-item strong{
    font-size: .88rem;
    font-weight: 700;
    color: #2b0a5e;
    display: block;
    margin-bottom: 4px;
}

.aus-why-item p{
    font-size: .78rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* ── Acknowledgement ── */
.aus-acknowledge{
    background: #fff;
    padding: 22px 0;
    border-top: 1px solid #ede8f8;
	margin: 0 25px;
}

.aus-acknowledge__inner{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 28px 40px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 32px;

    background: #f8f7ff;
    border-radius: 16px;
}

.aus-acknowledge__art{
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.aus-acknowledge__text{
    flex: 1;
}

.aus-acknowledge__text h3{
    font-size: 1rem;
    font-weight: 800;
    color: #2b0a5e;
    margin-bottom: 6px;
}

.aus-acknowledge__text p{
    font-size: .85rem;
    color: #555;
    line-height: 1.7;
    margin: 0;
}

.aus-acknowledge__logo{
    width: 60px;
    flex-shrink: 0;
    margin-left: auto;
}

/* ── Australia Page Responsive ── */
@media (max-width:991.98px){
  .aus-welcome__grid,.aus-why__grid{grid-template-columns:1fr;}
  .aus-why__grid{gap:36px;}
  .aus-why__features{grid-template-columns:1fr 1fr;}
  .aus-pillars__grid{grid-template-columns:repeat(2,1fr);}
  .aus-pillar:nth-child(2n){border-right:none;}
  .aus-pillar:nth-child(-n+2){border-bottom:1px solid #ede8f8;}
  .aus-services__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:767.98px){
  .aus-hero{padding:100px 20px 56px;min-height:520px;}
  .aus-hero h1{font-size:1.9rem;}
  .aus-hero__actions{flex-direction:column;}
  .aus-btn{width:100%;justify-content:center;}
  .aus-pillars__grid{grid-template-columns:1fr;}
  .aus-pillar{border-right:none;border-bottom:1px solid #ede8f8;}
  .aus-pillar:last-child{border-bottom:none;}
  .aus-services__grid{grid-template-columns:1fr;}
  .aus-why__features{grid-template-columns:1fr;}
  .aus-stats{grid-template-columns:1fr;}
  .aus-acknowledge__inner{flex-direction:column;text-align:center;}
  .aus-acknowledge__logo{margin-left:0;}
}


/* ══════════════════════════════════════════════════════════
   JOB DETAIL PAGE  (.jd-*)
══════════════════════════════════════════════════════════ */

/* Navbar: solid purple, not overlay */
/* body.jd-page .navbar{
  position:relative;
  background:linear-gradient(90deg,#4d1c78 0%,#6b35a5 56%,#7e42b1 100%);
  box-shadow:0 4px 20px rgba(44,13,72,.3);
} */
body.jd-page .navbar .nav-link.active::after{background:rgba(255,255,255,.85);}

/* ── HERO ── */


.jd-hero{
	position:relative;
min-height:620px;
background:
  linear-gradient(90deg,rgba(5,4,24,.96) 0%,rgba(26,7,63,.90) 40%,rgba(26,7,63,.55) 62%,transparent 100%),
  url('../img/applynowheader.png') right center / cover no-repeat,
  linear-gradient(135deg,#07052b 0%,#1a073f 58%,#28085a 100%);
display:flex;
align-items:center;
padding:130px clamp(24px,5vw,72px) 80px;
  /* background:url('../img/applynowheader.png') right center / cover no-repeat;
  position:relative;
  min-height:620px; */
}
.jd-hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,4,24,.96) 0%,rgba(26,7,63,.90) 40%,rgba(26,7,63,.55) 62%,transparent 100%);
  pointer-events:none;
}
.jd-hero__inner{
  /* position:relative; */
  z-index:2;
  max-width:1200px;
  /* margin:0 auto; */
  padding:130px clamp(24px,5vw,72px) 80px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  min-height:620px;
}
.jd-hero__left{max-width:580px;}

/* Breadcrumb */
.jd-breadcrumb .breadcrumb{background:none;padding:0;margin-bottom:1rem;}
.jd-breadcrumb .breadcrumb-item,.jd-breadcrumb .breadcrumb-item a{color:rgba(255,255,255,.75);font-size:.82rem;text-decoration:none;}
.jd-breadcrumb .breadcrumb-item.active{color:rgba(255,255,255,.95);}
.jd-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.5);}

.jd-hero__title{
  color:#fff;
  font-size:clamp(2.6rem,5vw,3.6rem);
  font-weight:800;
  line-height:1;
  margin:0 0 .5rem;
  letter-spacing:-.03em;
}
.jd-hero__tagline{




  color:#bf85ff;
  font-size:clamp(1rem,1.8vw,1.2rem);
  font-weight:600;
  margin:0 0 .6rem;
}
.jd-hero__sub{
  color:rgba(255,255,255,.8);
  font-size:.95rem;
  line-height:1.6;
  margin:0 0 1.5rem;
  max-width:460px;
}
.jd-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;}

/* Buttons */
.jd-btn{
  display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;padding:.65rem 1.35rem;
  font-weight:600;font-size:.9rem;text-decoration:none;
  transition:all .2s;
}
.jd-btn--primary{background:#6b20c8;color:#fff;border:2px solid transparent;}
.jd-btn--primary:hover{background:#2b0a5e;color:#fff;}
.jd-btn--outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);}
.jd-btn--outline:hover{background:rgba(255,255,255,.1);color:#fff;}

/* Logo badge */
.jd-hero__badge{
  width:82px;height:82px;
  background:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,.25);
  flex-shrink:0;
  align-self:flex-end;
}
.jd-hero__badge img{width:58px;}

/* ── CONTENT SECTION ── */
.jd-content{
    background:#f5f3fa;
    padding:2.75rem 0 3rem;
}

.jd-content__inner{
    width:100%;
    max-width:1700px;
    margin:0 auto;
    padding:0 40px;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
    gap:1.75rem;
    align-items:start;
}

/* ── Job Details (left) ── */
.jd-details{
  background:#fff;
  border-radius:16px;
  padding:2rem 2.25rem;
  box-shadow:0 4px 22px rgba(0,0,0,.06);
}
.jd-job-title{
  font-size:1.65rem;
  font-weight:700;
  color:#1a0a33;
  margin:0 0 .85rem;
}
.jd-meta-bar{
  display:flex;flex-wrap:wrap;gap:10px;
  padding:.65rem 0 1rem;
  border-bottom:1px solid #ede8f8;
  margin-bottom:1.5rem;
}
.jd-meta-pill{
  display:inline-flex;align-items:center;gap:6px;
  background:#e8f5e9;color:#2e7d32;
  border-radius:999px;padding:.28rem .85rem;
  font-size:.78rem;font-weight:600;
}
.jd-status-dot{
  width:8px;height:8px;border-radius:50%;
  background:#43a047;display:inline-block;flex-shrink:0;
}
.jd-meta-item{
  display:inline-flex;align-items:center;gap:5px;
  color:#666;font-size:.82rem;
}
.jd-meta-item i{color:#8b5cf6;}

/* Description */
.jd-description{
  color:#3d3555;
  max-height:520px;
  overflow-y:auto;
  padding-right:10px;
  scrollbar-width:thin;
  scrollbar-color:rgba(107,32,200,.25) transparent;
}
.jd-description::-webkit-scrollbar{width:4px;}
.jd-description::-webkit-scrollbar-track{background:transparent;}
.jd-description::-webkit-scrollbar-thumb{background:rgba(107,32,200,.3);border-radius:4px;}
.jd-description::-webkit-scrollbar-thumb:hover{background:rgba(107,32,200,.55);}
/* Neutralise any link colours inside description */
.jd-description a,.jd-description a:visited{color:inherit;text-decoration:none;}
.jd-description a:hover{color:#6b20c8;}
.jd-description h3{font-size:1.05rem;font-weight:700;color:#1a0a33;margin:1.5rem 0 .45rem;}
.jd-description h4{font-size:.97rem;font-weight:700;color:#1a0a33;margin:1.25rem 0 .4rem;}
.jd-description p{font-size:.9rem;line-height:1.75;color:#4a4260;margin-bottom:.55rem;}
.jd-description p.pre-list{margin-bottom:.25rem;}
.jd-description ul{list-style:none;padding:0;margin:.35rem 0 1rem;}
.jd-description ul li{
	
  display:flex;align-items:flex-start;gap:10px;
  font-size:.9rem;line-height:1.6;color:#4a4260;margin-bottom:.4rem;
}
.jd-description ul li a,.jd-description ul li a:visited{color:#4a4260;text-decoration:none;}
/* .jd-description ul li::before{
  content:'';flex-shrink:0;
  width:18px;height:18px;margin-top:1px;
  border-radius:50%;
  background:#1a0a33;
} */

/* Benefits strip */
.jd-benefits{
  margin-top:1.75rem;padding-top:1.5rem;
  border-top:1px solid #ede8f8;
}
.jd-benefits__heading{
  font-size:.92rem;font-weight:700;
  color:#1a0a33;margin-bottom:.9rem;
}
.jd-benefits-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.9rem;
}
.jd-benefit{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;}
.jd-benefit__icon{
  width:44px;height:44px;border-radius:50%;
  background:#f0eaf8;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;color:#6b20c8;
}
.jd-benefit span{font-size:.72rem;color:#555;line-height:1.35;}

.jd-back-link{
  margin-top:1.5rem;display:inline-flex;align-items:center;gap:6px;
  color:#6b20c8;font-size:.85rem;font-weight:600;text-decoration:none;
}
.jd-back-link:hover{color:#2b0a5e;}

/* ── Sidebar (right) ── */
.jd-sidebar{
  position:sticky;top:1.5rem;
  display:flex;flex-direction:column;gap:1.1rem;
}

/* Apply card */
.jd-apply-card{
  background:#fff;border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 22px rgba(0,0,0,.08);
}
.jd-apply-card__head{
  background:#2b0a5e;color:#fff;
  padding:1.15rem 1.4rem;
}
.jd-apply-card__head h3{font-size:1rem;font-weight:700;margin:0 0 .25rem;}
.jd-apply-card__head p{font-size:.8rem;color:rgba(255,255,255,.75);margin:0;}
.jd-apply-card__body{padding:1.1rem 1.4rem;}

/* Form */
.jd-field{margin-bottom:.9rem;}
.jd-field label{display:block;font-size:.78rem;font-weight:600;color:#1a0a33;margin-bottom:.3rem;}
.jd-field label small{color:#888;font-weight:400;}
.jd-req{color:#6b20c8;}
.jd-input{
  width:100%;padding:.5rem .8rem;
  border:1px solid #ddd;border-radius:8px;
  font-size:.85rem;color:#333;background:#fff;
  transition:border-color .2s,box-shadow .2s;
}
.jd-input:focus{outline:none;border-color:#6b20c8;box-shadow:0 0 0 3px rgba(107,32,200,.1);}
.jd-select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='%23888' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .7rem center;
}
.jd-textarea{resize:vertical;min-height:80px;}

/* Upload zone */
.jd-upload-zone{
  border:2px dashed #c8b8e8;border-radius:10px;
  padding:1.25rem;text-align:center;cursor:pointer;
  color:#666;font-size:.82rem;line-height:1.55;
  transition:all .2s;
}
.jd-upload-zone:hover,.jd-upload-zone--active{border-color:#6b20c8;background:#faf7ff;}
.jd-upload-zone i{font-size:1.85rem;color:#6b20c8;display:block;margin-bottom:.4rem;}
.jd-upload-zone small{display:block;color:#aaa;font-size:.72rem;margin-top:.4rem;}
.jd-browse{color:#6b20c8;text-decoration:underline;cursor:pointer;font-weight:600;}
.jd-upload-preview{
  margin-top:.5rem;font-size:.78rem;color:#2e7d32;
  font-weight:600;padding:.3rem .6rem;
  background:#e8f5e9;border-radius:6px;
}

.jd-submit-btn{
  width:100%;padding:.7rem;
  background:#2b0a5e;color:#fff;border:none;
  border-radius:10px;font-size:.9rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:8px;
  cursor:pointer;transition:background .2s;
  margin-top:.25rem;
}
.jd-submit-btn:hover{background:#6b20c8;}

/* Why Join card */
.jd-why-card{
  background:#fff;border-radius:16px;
  padding:1.15rem 1.4rem 1.25rem;
  box-shadow:0 4px 22px rgba(0,0,0,.06);
  position:relative;overflow:hidden;
}
.jd-why-card__heading{font-size:.92rem;font-weight:700;color:#1a0a33;margin:0 0 .7rem;}
.jd-why-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem;}
.jd-why-list li{display:flex;align-items:flex-start;gap:8px;font-size:.83rem;color:#444;line-height:1.45;}
.jd-why-list i{color:#6b20c8;font-size:.9rem;flex-shrink:0;margin-top:1px;}
.jd-why-heart{
  position:absolute;bottom:.75rem;right:1rem;
  font-size:2rem;color:#f0eaf8;opacity:.6;
}

/* ── SIMILAR JOBS ── */
.jd-similar{background:#fff;padding:3rem 0 2.5rem;}
.jd-similar__inner{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);}
.jd-similar__head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:1.5rem;
}
.jd-similar__head h2{
  font-size:1.2rem;font-weight:700;color:#1a0a33;
  display:flex;align-items:center;gap:10px;margin:0;
}
.jd-similar__head h2 i{color:#6b20c8;}
.jd-view-all{
  color:#6b20c8;font-size:.85rem;font-weight:600;
  text-decoration:none;display:flex;align-items:center;gap:4px;
  white-space:nowrap;
}
.jd-view-all:hover{color:#2b0a5e;}
.jd-similar-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.jd-similar-card{
  border:1px solid #e8e0f0;border-radius:14px;
  padding:1.1rem 1rem;
  display:flex;flex-direction:column;gap:.6rem;
  transition:box-shadow .2s,border-color .2s;
}
.jd-similar-card:hover{box-shadow:0 6px 22px rgba(107,32,200,.12);border-color:#c8b8e8;}
.jd-similar-icon{
  width:40px;height:40px;border-radius:50%;
  background:#ede3ff;
  display:flex;align-items:center;justify-content:center;
  color:#6b20c8;font-size:1rem;flex-shrink:0;
}
.jd-similar-body{display:flex;flex-direction:column;gap:.35rem;flex:1;}
.jd-similar-type{display:flex;align-items:center;gap:6px;font-size:.74rem;color:#555;}
.jd-similar-title{font-size:.9rem;font-weight:700;color:#1a0a33;line-height:1.3;margin:0;}
.jd-similar-meta{font-size:.76rem;color:#666;display:flex;align-items:center;gap:5px;}
.jd-similar-meta i{color:#8b5cf6;font-size:.75rem;}
.jd-similar-link{
  font-size:.78rem;color:#6b20c8;font-weight:600;
  text-decoration:none;display:inline-flex;align-items:center;gap:4px;
  margin-top:auto;padding-top:.25rem;
}
.jd-similar-link:hover{color:#2b0a5e;}

/* ── CTA BANNER ── */
.jd-cta-banner{background:#0f1c3f;padding:2.25rem 55px;margin:0px 51px 17px;border-radius:18px;}
.jd-cta-inner{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    /* padding: 0 55px; */
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 1.75rem;
    flex-wrap: wrap;
}
.jd-cta-left{display:flex;align-items:center;gap:1.1rem;flex:1;min-width:220px;}
.jd-cta-icon{
  width:58px;height:58px;flex-shrink:0;border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.5rem;
}
.jd-cta-left strong{color:#fff;font-size:1.05rem;display:block;margin-bottom:.2rem;}
.jd-cta-left p{color:rgba(255,255,255,.65);font-size:.83rem;margin:0;line-height:1.45;}
.jd-cta-btn{
  background:#fff;color:#2b0a5e;
  border-radius:999px;padding:.65rem 1.4rem;
  font-weight:700;font-size:.88rem;
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  white-space:nowrap;transition:background .2s;
  flex-shrink:0;
}
.jd-cta-btn:hover{background:#f0e8ff;color:#2b0a5e;}
.jd-cta-divider{width:1px;height:48px;background:rgba(255,255,255,.15);flex-shrink:0;}
.jd-cta-call{display:flex;align-items:center;gap:.9rem;flex-shrink:0;}
.jd-cta-phone-icon{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  background:rgba(107,32,200,.35);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.1rem;
}
.jd-cta-call small{color:rgba(255,255,255,.55);font-size:.72rem;display:block;}
.jd-cta-call strong{color:#fff;font-size:1rem;}

/* ── RESPONSIVE ── */
@media(max-width:1199.98px){
  .jd-similar-grid{grid-template-columns:repeat(4,1fr);}
  .jd-benefits-grid{grid-template-columns:repeat(5,1fr);}
}
@media(max-width:991.98px){
  .jd-content__inner{grid-template-columns:1fr;}
  .jd-sidebar{position:static;}
  .jd-similar-grid{grid-template-columns:repeat(3,1fr);}
  .jd-cta-divider{display:none;}
  .jd-description{max-height:none;overflow-y:visible;padding-right:0;}
  .jd-benefits-grid{grid-template-columns:repeat(5,1fr);}
}
@media(max-width:767.98px){
  .jd-hero{min-height:500px;}
  .jd-hero__inner{flex-direction:column;align-items:flex-start;min-height:500px;padding:110px clamp(20px,5vw,48px) 60px;}
  .jd-hero__badge{display:none;}
  .jd-similar-grid{grid-template-columns:repeat(2,1fr);}
  .jd-details{padding:1.4rem 1.25rem;}
  .jd-benefits-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;}
  .jd-cta-left{flex-direction:column;align-items:flex-start;}
}
@media(max-width:575.98px){
  .jd-similar-grid{grid-template-columns:1fr;}
  .jd-cta-inner{flex-direction:column;align-items:flex-start;gap:1rem;}
  .jd-benefits-grid{grid-template-columns:repeat(2,1fr);}
}


/* ══════════════════════════════════════════════════════════
   ALL VACANCIES PAGE  (.vac-*)
══════════════════════════════════════════════════════════ */


body.vac-page .navbar .nav-link.active::after{background:rgba(255,255,255,.85);}

/* ── HERO ── */
.vac-hero{
  background:url('../img/careersheader.png') right center / cover no-repeat;
  position:relative;min-height:620px;
}
.vac-hero::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,4,24,.96) 0%,rgba(26,7,63,.90) 40%,rgba(26,7,63,.55) 62%,transparent 100%);
  pointer-events:none;
}
.vac-hero__inner{
  position:relative;z-index:2;
  max-width:1200px;margin:0 auto;
  padding:130px clamp(24px,5vw,72px) 80px;
  display:flex;justify-content:space-between;align-items:flex-start;
  min-height:620px;
}
.vac-hero__left{max-width:560px;}
.vac-hero__title{
  color:#fff;
  font-size:clamp(2.6rem,5vw,3.8rem);font-weight:800;
  line-height:1;margin:0 0 .5rem;letter-spacing:-.03em;
}
.vac-hero__title i{font-size:.65em;vertical-align:middle;color:#c084fc;}
.vac-hero__tagline{color:#bf85ff;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:600;margin:0 0 .55rem;}
.vac-hero__sub{color:rgba(255,255,255,.78);font-size:.93rem;line-height:1.6;margin:0;max-width:440px;}
.vac-hero__badge{
  width:80px;height:80px;background:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,.3);flex-shrink:0;align-self:flex-end;
}
.vac-hero__badge img{width:58px;}

/* ── STATS BAR ── */
.vac-stats{background:#fff;border-bottom:1px solid #ede8f8;}
.vac-stats__inner{
  max-width:1100px;margin:0 auto;
  padding:1.35rem clamp(1.25rem,4vw,2.5rem);
  display:flex;align-items:center;justify-content:center;gap:0;
  border:1px solid #ede8f8;border-top:none;
}
.vac-stat{
  display:flex;align-items:center;gap:.85rem;
  padding:0 2.5rem;flex:1;justify-content:center;
}
.vac-stat__icon{font-size:1.9rem;color:#6b20c8;flex-shrink:0;}
.vac-stat__num{
  font-size:1.8rem;font-weight:800;color:#1a0a33;
  margin:0;line-height:1;letter-spacing:-.03em;
}
.vac-stat__label{
  font-size:.78rem;color:#666;margin:0;line-height:1.4;
}
.vac-stat__label span{font-size:.72rem;color:#888;}
.vac-stat-div{width:1px;height:46px;background:#ede8f8;flex-shrink:0;}

/* ── MAIN LAYOUT ── */
/*==================================================
 KB7 CAREERS HERO
==================================================*/

.kb7-career-hero{
    position:relative;
    overflow:hidden;
    background:#151738;
    /* border-radius:0 0 40px 40px; */
    min-height:640px;
}

.kb7-career-hero__overlay{
    position:absolute;
    inset:0;
    background:
	url('../img/careersheader.png') right center / cover no-repeat,
        linear-gradient(
            90deg,
            rgba(18,17,48,.97) 0%,
            rgba(22,22,56,.94) 45%,
            rgba(25,25,55,.45) 100%
        );
    z-index:1;
}

.kb7-career-hero__container{
    position:relative;
    z-index:2;
    width:min(100% - 80px,1450px);
    margin:0 36px;
    min-height:1081px;

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:40px;
}

.kb7-career-hero__content{
    max-width:650px;
}

.kb7-career-hero__content h1{
    font-size:5rem;
    color:#fff;
    font-weight:800;
    line-height:1.05;
    margin-bottom:20px;
}

.kb7-career-hero__content h1 i{
    color:#9DD43C;
    margin-left:10px;
    font-size:.9em;
}

.kb7-career-hero__content h2{
    color:#9A63FF;
    font-size:2.2rem;
    font-weight:700;
    margin-bottom:25px;
}

.kb7-career-hero__content p{
    color:#f1f1f1;
    font-size:1.35rem;
    line-height:1.8;
}

.kb7-career-hero__image{
    text-align:right;
}

.kb7-career-hero__image img{
    width:100%;
    max-width:760px;
}

.kb7-career-hero__logo{
    position:absolute;
    bottom:8px;
    left:50%;
    transform:translateX(-50%);
    z-index:5;
}

.kb7-career-hero__logo img{
    width:140px;
    background:#fff;
    border-radius:26px;
    padding:14px;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.kb7-career-wave{
    position:absolute;
    left:-10%;
    bottom:-130px;
    width:130%;
    height:320px;
    background:#6A2FD8;
    border-radius:50%;
    z-index:2;
}

.kb7-career-wave::before{
    content:"";
    position:absolute;
    left:-3%;
    bottom:28px;
    width:106%;
    height:260px;
    border-radius:50%;
    border:18px solid #9CCB3B;
    border-top:none;
    border-left:none;
    border-right:none;
}

/* Responsive */

@media(max-width:992px){

    .kb7-career-hero__container{
        grid-template-columns:1fr;
        text-align:center;
        padding:80px 0 180px;
    }

    .kb7-career-hero__content{
        max-width:100%;
    }

    .kb7-career-hero__image{
        text-align:center;
    }

}

@media(max-width:768px){

    .kb7-career-hero__content h1{
        font-size:3.3rem;
    }

    .kb7-career-hero__content h2{
        font-size:1.7rem;
    }

    .kb7-career-hero__content p{
        font-size:1.1rem;
    }

    .kb7-career-hero{
        min-height:auto;
    }

}


.vac-main{padding:2rem 0 3.5rem;}
.vac-main__inner{
  /* max-width:1200px; */
  margin:0 auto;
  padding:0 clamp(1rem,3vw,2rem);
  display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.75rem;
  align-items:start;
}

/* ── FILTER SIDEBAR ── */
.vac-filters{
  background:#fff;border-radius:16px;
  padding:1.4rem 1.25rem;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  position:sticky;top:1.5rem;
}
.vac-filters__head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:1.25rem;padding-bottom:.75rem;
  border-bottom:1px solid #ede8f8;
}
.vac-filters__title{font-size:.92rem;font-weight:700;color:#1a0a33;}
.vac-clear-all{font-size:.78rem;color:#6b20c8;font-weight:600;text-decoration:none;}
.vac-clear-all:hover{color:#2b0a5e;}
.vac-filter-group{margin-bottom:1.1rem;}
.vac-filter-label{
  display:block;font-size:.76rem;font-weight:700;
  color:#1a0a33;margin-bottom:.4rem;
}

/* Search input */
.vac-search-wrap{position:relative;}
.vac-search-input{
  width:100%;padding:.5rem .8rem .5rem 2.25rem;
  border:1px solid #ddd;border-radius:8px;
  font-size:.82rem;color:#333;background:#f9f8fc;
  transition:border-color .2s;
}
.vac-search-input:focus{outline:none;border-color:#6b20c8;box-shadow:0 0 0 3px rgba(107,32,200,.1);}
.vac-search-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:#aaa;font-size:.85rem;pointer-events:none;}

/* Select */
.vac-select-wrap{position:relative;}
.vac-select{
  width:100%;padding:.5rem 2rem .5rem .75rem;
  border:1px solid #ddd;border-radius:8px;
  font-size:.82rem;color:#333;background:#f9f8fc;
  appearance:none;cursor:pointer;
  transition:border-color .2s;
}
.vac-select:focus{outline:none;border-color:#6b20c8;box-shadow:0 0 0 3px rgba(107,32,200,.1);}
.vac-select-caret{
  position:absolute;right:.6rem;top:50%;transform:translateY(-50%);
  font-size:.7rem;color:#aaa;pointer-events:none;
}

/* Checkboxes */
.vac-check-list{display:flex;flex-direction:column;gap:.45rem;}
.vac-check{
  display:flex;align-items:center;gap:.55rem;
  font-size:.81rem;color:#555;cursor:pointer;
  user-select:none;
}
.vac-check--active{color:#1a0a33;font-weight:600;}
.vac-checkbox-input{display:none;}
.vac-checkmark{
  width:16px;height:16px;border-radius:4px;flex-shrink:0;
  border:1.5px solid #ccc;
  display:flex;align-items:center;justify-content:center;
  font-size:.6rem;color:transparent;transition:all .18s;
  background:#fff;
}
.vac-checkmark--on{
  background:#6b20c8;border-color:#6b20c8;color:#fff;
}

/* Filter buttons */
.vac-filter-btns{
  display:grid;grid-template-columns:1fr 1fr;gap:.6rem;
  margin-top:1.25rem;padding-top:1rem;border-top:1px solid #ede8f8;
}
.vac-btn-clear{
  text-align:center;padding:.55rem .5rem;
  border:1.5px solid #d8d0eb;border-radius:8px;
  font-size:.8rem;font-weight:600;color:#555;
  text-decoration:none;transition:all .18s;
}
.vac-btn-clear:hover{border-color:#6b20c8;color:#6b20c8;}
.vac-btn-apply{
  padding:.55rem .5rem;border:none;border-radius:8px;
  background:#2b0a5e;color:#fff;
  font-size:.8rem;font-weight:700;cursor:pointer;
  transition:background .18s;
}
.vac-btn-apply:hover{background:#6b20c8;}

/* ── LISTINGS AREA ── */
.vac-listings__head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:1.1rem;
}
.vac-count{font-size:.83rem;color:#555;margin:0;}
.vac-sort-wrap{display:flex;align-items:center;gap:.6rem;}
.vac-sort-label{font-size:.82rem;color:#666;white-space:nowrap;}
.vac-sort-select{min-width:130px;}

/* ── JOB CARD ── */
.vac-job-card{
  background:#fff;border-radius:14px;
  padding:1.2rem 1.35rem;
  display:flex;align-items:flex-start;gap:1.1rem;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
  margin-bottom:.85rem;
  border:1px solid transparent;
  transition:box-shadow .2s,border-color .2s;
}
.vac-job-card:hover{box-shadow:0 6px 24px rgba(107,32,200,.1);border-color:#e0d4f8;}
.vac-job-icon{
  width:52px;height:52px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.25rem;
}
.vac-job-body{flex:1;min-width:0;}
.vac-job-main{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;}
.vac-job-info{flex:1;min-width:0;}
.vac-job-title{font-size:.98rem;font-weight:700;color:#1a0a33;margin:0 0 .18rem;line-height:1.3;}
.vac-job-category{font-size:.75rem;color:#6b20c8;font-weight:600;margin:0 0 .4rem;}
.vac-job-desc{font-size:.82rem;color:#555;line-height:1.55;margin:0 0 .65rem;}
.vac-job-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;}
.vac-meta-item{
  display:inline-flex;align-items:center;gap:4px;
  font-size:.76rem;color:#666;
}
.vac-meta-item i{color:#8b5cf6;font-size:.75rem;}

/* Apply + Heart */
.vac-job-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;flex-shrink:0;}
.vac-apply-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:.5rem 1rem;
  border:1.5px solid #6b20c8;color:#6b20c8;
  border-radius:8px;font-size:.8rem;font-weight:700;
  text-decoration:none;white-space:nowrap;
  transition:all .2s;
}
.vac-apply-btn:hover{background:#6b20c8;color:#fff;}
.vac-heart-btn{
  background:none;border:none;
  color:#d0c4e8;font-size:1.2rem;cursor:pointer;
  transition:color .2s;padding:0;line-height:1;
}
.vac-heart-btn:hover{color:#e91e63;}

/* ── PAGINATION ── */
.vac-pagination{
  display:flex;align-items:center;gap:.4rem;
  padding-top:1.5rem;justify-content:center;
  flex-wrap:wrap;
}
.vac-page-btn{
  width:36px;height:36px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:600;text-decoration:none;
  color:#444;background:#fff;border:1px solid #e0d4f8;
  transition:all .18s;
}
.vac-page-btn:hover{border-color:#6b20c8;color:#6b20c8;}
.vac-page-btn--active{background:#6b20c8;color:#fff;border-color:#6b20c8;}
.vac-page-next{width:36px;}
.vac-page-ellipsis{color:#aaa;font-size:.85rem;line-height:36px;padding:0 .2rem;}

/* Empty state */
.vac-empty{
  text-align:center;padding:4rem 2rem;
  background:#fff;border-radius:14px;
}
.vac-empty i{font-size:2.5rem;color:#c8b8e8;display:block;margin-bottom:.75rem;}
.vac-empty h4{font-size:1.1rem;font-weight:700;color:#1a0a33;margin-bottom:.5rem;}
.vac-empty p{font-size:.9rem;color:#666;}
.vac-empty a{color:#6b20c8;font-weight:600;}

/* ── CTA BANNER ── */
.vac-cta{background:#0f1c3f;padding:2.25rem 0;border-radius:0px;}
.vac-cta__inner{
  /* max-width:1200px; */
  margin:0 auto;
  padding:0 clamp(1rem,3vw,2rem);
  display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap;
}
.vac-cta__left{display:flex;align-items:center;gap:1.1rem;flex:1;min-width:220px;}
.vac-cta__icon{
  width:58px;height:58px;flex-shrink:0;border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.5rem;
}
.vac-cta__left strong{color:#fff;font-size:1.05rem;display:block;margin-bottom:.2rem;}
.vac-cta__left p{color:rgba(255,255,255,.65);font-size:.83rem;margin:0;line-height:1.45;}
.vac-cta__btn{
  background:#fff;color:#2b0a5e;
  border-radius:999px;padding:.65rem 1.4rem;
  font-weight:700;font-size:.88rem;
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  white-space:nowrap;transition:background .2s;flex-shrink:0;
}
.vac-cta__btn:hover{background:#f0e8ff;color:#2b0a5e;}
.vac-cta__divider{width:1px;height:48px;background:rgba(255,255,255,.15);flex-shrink:0;}
.vac-cta__call{display:flex;align-items:center;gap:.9rem;flex-shrink:0;}
.vac-cta__phone-icon{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  background:rgba(107,32,200,.35);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.1rem;
}
.vac-cta__call small{color:rgba(255,255,255,.55);font-size:.72rem;display:block;}
.vac-cta__call strong{color:#fff;font-size:1rem;}

/* ── RESPONSIVE ── */
@media(max-width:1199.98px){
  .vac-stat{padding:0 1.5rem;}
}
@media(max-width:991.98px){
  .vac-main__inner{grid-template-columns:1fr;}
  .vac-filters{position:static;}
  .vac-check-list{flex-direction:row;flex-wrap:wrap;gap:.4rem .75rem;}
  .vac-filter-btns{grid-template-columns:1fr 1fr;}
  .vac-cta__divider{display:none;}
}
@media(max-width:767.98px){
  .vac-hero{min-height:500px;}
  .vac-hero__inner{flex-direction:column;align-items:flex-start;min-height:500px;padding:110px clamp(20px,5vw,48px) 60px;}
  .vac-hero__badge{display:none;}
  .vac-stats__inner{flex-wrap:wrap;gap:1rem;justify-content:flex-start;}
  .vac-stat-div{display:none;}
  .vac-stat{padding:0;flex:1 1 40%;}
  .vac-job-main{flex-direction:column;gap:.85rem;}
  .vac-job-actions{flex-direction:row;align-items:center;}
  .vac-listings__head{flex-direction:column;align-items:flex-start;gap:.5rem;}
}
@media(max-width:575.98px){
  .vac-stat{flex:1 1 100%;}
  .vac-cta__inner{flex-direction:column;align-items:flex-start;gap:1rem;}
  .vac-cta__left{flex-direction:column;align-items:flex-start;}
}

/* OUR STORY PAGE */

/* ============================================================
   SUPPORT COORDINATOR PORTAL PAGE  (scp-* prefix)
   ============================================================ */

.scp-page {
  background: #fff;
  color: #070b3f;
}
.scp-page .navbar {
  /* background: #02051b; */
  box-shadow: none;
}
.scp-page .navbar .nav-link.active::after {
  background: #d44cff;
}
.scp-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 93% 18%, rgba(111, 41, 255, .2) 0 1px, transparent 1px) 0 0 / 10px 10px,
    radial-gradient(circle at 10% 72%, rgba(124, 42, 255, .28), transparent 28%),
    linear-gradient(120deg, #030416 0%, #060735 48%, #020313 100%);
  padding: 122px 0 34px;
  border-radius: 0 0 26px 26px;
}


.scp-hero__inner,
.scp-main {
      width: min(calc(100% - 24px), 1800px);
    margin: 0 auto;
}
.scp-hero__inner {
  display: grid;
  grid-template-columns: minmax(340px, .72fr) minmax(620px, 1.28fr);
  align-items: center;
  gap: 42px;
}
.scp-kicker {
  display: block;
  color: #d44cff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.scp-hero h1 {
  color: #fff;
  font-size: clamp(2.45rem, 4vw, 4.25rem);
  font-weight: 900;
  line-height: .98;
  margin: 0 0 22px;
}
.scp-hero h1 span { color: #c44dff; }
.scp-hero h1 i { color: #80e323; font-size: .74em; vertical-align: middle; }
.scp-hero__copy p {
  max-width: 560px;
  color: rgba(255,255,255,.9);
  font-size: 1.05rem;
  line-height: 1.55;
  margin: 0 0 34px;
}
.scp-trust-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 600px;
  gap: 18px;
}
.scp-trust {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: .86rem;
}
.scp-trust:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 19px;
  width: 1px;
  height: 40px;
  background: rgba(255,255,255,.15);
}
.scp-trust i {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 20%, #5c2cca, #21075a);
  color: #fff;
  font-size: 1.55rem;
}
.scp-hero__visual {
  position: relative;
  min-height: 525px;
}
.scp-laptop {
  position: absolute;
  left: 0;
  right: 120px;
  bottom: 8px;
}
.scp-laptop__screen {
  position: relative;
  background: #111;
  border: 5px solid #34343b;
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 28px 70px rgba(0,0,0,.45);
}
.scp-laptop__screen::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #111827;
}
.scp-laptop__base {
  width: 112%;
  height: 16px;
  margin-left: -6%;
  background: linear-gradient(90deg, #73808e, #f8fafc 20%, #aab2bd 50%, #f8fafc 80%, #657282);
  border-radius: 0 0 50% 50%;
}
.scp-app {
  min-height: 420px;
  display: grid;
  grid-template-columns: 176px 1fr;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  font-size: 10px;
}
.scp-app__side {
  padding: 22px 14px;
  border-right: 1px solid #eceaf5;
}
.scp-mini-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.scp-mini-brand img { width: 34px; height: 34px; object-fit: contain; }
.scp-mini-brand strong { display: block; color: #090b48; font-size: 13px; line-height: 1; }
.scp-mini-brand small { color: #655c85; font-size: 7px; }
.scp-nav-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 7px;
  color: #1d214d;
  font-weight: 800;
}
.scp-nav-chip i { color: #4912aa; }
.scp-nav-chip.is-active { background: #f0eaff; color: #3c1095; }
.scp-app__main { padding: 24px 26px; background: #fcfcff; }
.scp-app__top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.scp-app__top h3 { margin: 0 0 4px; font-size: 17px; font-weight: 900; color: #070b3f; }
.scp-app__top p { margin: 0; font-size: 10px; color: #5f6485; }
.scp-app__top small { color: #111545; text-align: right; font-weight: 700; font-size: 8px; }
.scp-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}
.scp-stat,
.scp-mobile-stat {
  border: 1px solid #eeeaf8;
  border-radius: 9px;
  padding: 16px 14px;
  background: #fff;
}
.scp-stat i,
.scp-mobile-stat i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 12px;
}
.scp-stat strong,
.scp-mobile-stat strong { display: block; font-size: 28px; line-height: 1; color: #080b42; }
.scp-stat span,
.scp-mobile-stat span { display: block; margin-top: 6px; color: #1d214d; font-weight: 800; font-size: 9px; }
.scp-stat a { display: inline-block; margin-top: 8px; color: #2865ff; font-weight: 900; text-decoration: none; }
.scp-stat--purple { background: linear-gradient(135deg, #fff, #f7f1ff); }
.scp-stat--green { background: linear-gradient(135deg, #fff, #effbf3); }
.scp-stat--blue { background: linear-gradient(135deg, #fff, #edf5ff); }
.scp-stat--orange { background: linear-gradient(135deg, #fff, #fff5e9); }
.scp-stat--purple i { background: #5722bb; }
.scp-stat--green i { background: #16a34a; }
.scp-stat--blue i { background: #2f7df5; }
.scp-stat--orange i { background: #f58218; }
.scp-dash-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.scp-panel {
  background: #fff;
  border: 1px solid #eeeaf8;
  border-radius: 10px;
  padding: 16px;
}
.scp-panel header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #070b3f;
}
.scp-panel header a { color: #5719c8; font-weight: 900; text-decoration: none; }
.scp-task,
.scp-appt,
.scp-mobile-task {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
}
.scp-task i { color: #080b42; }
.scp-task span,
.scp-mobile-task span { flex: 1; min-width: 0; }
.scp-task b,
.scp-mobile-task span { display: block; color: #101446; font-weight: 900; }
.scp-task small,
.scp-appt small,
.scp-mobile-task small { display: block; color: #69708d; font-size: 8px; }
.scp-task em,
.scp-mobile-task em {
  color: #ef233c;
  font-style: normal;
  font-weight: 900;
  font-size: 8px;
}
.scp-appt span {
  width: 44px;
  padding: 7px 0;
  border-radius: 8px;
  background: #f3efff;
  color: #6d32d3;
  text-align: center;
  font-weight: 900;
  line-height: 1;
}
.scp-appt span b { display: block; font-size: 16px; color: #080b42; }
.scp-appt p { margin: 0; }
.scp-appt strong { display: block; color: #101446; }
.scp-phone {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 210px;
  height: 430px;
  border: 7px solid #111;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(0,0,0,.38);
  overflow: hidden;
}
.scp-phone__bar {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  width: 72px;
  height: 17px;
  transform: translateX(-50%);
  border-radius: 0 0 12px 12px;
  background: #111;
}
.scp-phone__app { padding: 35px 12px 10px; font-size: 9px; }
.scp-phone__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #4810a4;
  color: #fff;
  border-radius: 7px;
  padding: 11px 12px;
  margin-bottom: 10px;
}
.scp-mobile-stat {
  display: grid;
  grid-template-columns: 30px 32px 1fr;
  align-items: center;
  padding: 9px;
  margin-bottom: 8px;
}
.scp-mobile-stat i { margin: 0; }
.scp-mobile-stat strong { font-size: 15px; }
.scp-mobile-stat span { margin: 0; }
.scp-phone h4 {
  color: #080b42;
  font-size: 10px;
  margin: 13px 0 4px;
}
.scp-phone h4 a { float: right; color: #5817bd; text-decoration: none; font-size: 7px; }
.scp-mobile-tabs {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 8px;
  display: flex;
  justify-content: space-around;
  color: #4b19a8;
  border-top: 1px solid #eeeaf8;
  padding-top: 8px;
  background: #fff;
}
.scp-main { padding-bottom: 24px; }
.scp-section {
  padding: 22px 14px;
}
.scp-section-head {
  text-align: center;
  margin-bottom: 22px;
}
.scp-section-head h2 {
  color: #070b55;
  font-size: clamp(1.45rem, 2.1vw, 2rem);
  font-weight: 900;
  margin: 0 0 4px;
}
.scp-section-head p { color: #352b83; margin: 0; font-size: .98rem; }
.scp-tools-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.scp-tool-card {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  min-height: 182px;
  padding: 22px 20px;
  background: #fff;
  border: 1px solid #e2e4ef;
  border-radius: 12px;
  box-shadow: 0 7px 18px rgba(19, 23, 84, .04);
}
.scp-tool-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 1.45rem;
}
.scp-tool-icon--purple { background: #5520b9; }
.scp-tool-icon--green { background: #16a34a; }
.scp-tool-icon--blue { background: #2f7df5; }
.scp-tool-icon--orange { background: #f58218; }
.scp-tool-icon--pink { background: #e91984; }
.scp-tool-icon--teal { background: #139b8f; }
.scp-tool-icon--yellow { background: #f7b718; }
.scp-tool-icon--slate { background: #4f566b; }
.scp-tool-card h3 {
  color: #070b55;
  font-size: 1rem;
  font-weight: 900;
  margin: 0 0 7px;
}
.scp-tool-card p {
  color: #101446;
  font-size: .82rem;
  line-height: 1.42;
  margin: 0 0 10px;
}
.scp-tool-card ul {
  color: #070b55;
  font-size: .78rem;
  line-height: 1.45;
  margin: 0;
  padding-left: 18px;
}
.scp-device-section { padding-top: 0; }
.scp-device-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr .75fr;
  gap: 14px;
}
.scp-device-card {
  min-height: 245px;
  overflow: hidden;
  padding: 22px 28px 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #fbf9ff, #f0ecff);
  border: 1px solid #e7e1f8;
}
.scp-device-card h3 {
  color: #070b55;
  font-size: .95rem;
  font-weight: 900;
  margin: 0 0 12px;
}
.scp-device-card h3 i { color: #5120b8; margin-right: 8px; }
.scp-preview {
  height: 190px;
  display: grid;
  place-items: end center;
  overflow: hidden;
}
.scp-preview--desktop .scp-app--mini {
  display: block;
  width: 390px;
  min-height: 190px;
  background:
    linear-gradient(90deg, #f7f3ff 0 24%, transparent 24%),
    linear-gradient(#f6f7ff, #f6f7ff) 30% 22% / 14% 24% no-repeat,
    linear-gradient(#effbf3, #effbf3) 48% 22% / 14% 24% no-repeat,
    linear-gradient(#edf5ff, #edf5ff) 66% 22% / 14% 24% no-repeat,
    linear-gradient(#fff5e9, #fff5e9) 84% 22% / 14% 24% no-repeat,
    linear-gradient(#fff, #fff) 30% 68% / 32% 42% no-repeat,
    linear-gradient(#fff, #fff) 72% 68% / 36% 42% no-repeat,
    #fff;
  transform: scale(.84);
  transform-origin: bottom center;
  box-shadow: 0 12px 30px rgba(20, 18, 60, .18);
}
.scp-calendar-mini {
  width: 360px;
  height: 210px;
  border: 8px solid #151515;
  border-radius: 18px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,#efe9ff,#fff8e7) border-box;
  box-shadow: 0 18px 38px rgba(20, 18, 60, .2);
  position: relative;
}
.scp-calendar-mini::before {
  content: "";
  position: absolute;
  inset: 36px 24px 22px;
  background:
    linear-gradient(#e6defa 0 0) 0 0 / 100% 1px,
    repeating-linear-gradient(90deg, transparent 0 55px, #eeeaf8 55px 56px),
    repeating-linear-gradient(180deg, transparent 0 32px, #eeeaf8 32px 33px),
    linear-gradient(90deg, #bfe8f2 18%, transparent 18% 28%, #f0c7f5 28% 46%, transparent 46% 58%, #bff0ce 58% 78%, transparent 78%);
}
.scp-preview--mobile .scp-phone--mini {
  position: relative;
  right: auto;
  bottom: auto;
  width: 150px;
  height: 252px;
  transform: none;
  box-shadow: 0 14px 32px rgba(20, 18, 60, .22);
}
.scp-phone--mini::before {
  content: "";
  position: absolute;
  inset: 28px 10px 14px;
  border-radius: 8px;
  background:
    linear-gradient(#4810a4, #4810a4) 0 0 / 100% 34px no-repeat,
    linear-gradient(#f7f1ff, #f7f1ff) 0 45px / 100% 32px no-repeat,
    linear-gradient(#effbf3, #effbf3) 0 86px / 100% 32px no-repeat,
    linear-gradient(#edf5ff, #edf5ff) 0 127px / 100% 32px no-repeat,
    linear-gradient(#fff5e9, #fff5e9) 0 168px / 100% 32px no-repeat,
    #fff;
}
.scp-security {
  display: grid;
  grid-template-columns: 190px 1.4fr repeat(4, 1fr);
  align-items: center;
  gap: 20px;
  margin: 0 14px 12px;
  padding: 24px 30px;
  border-radius: 18px;
  background: linear-gradient(100deg, #f4eeff, #fff);
  border: 1px solid #e9e3f8;
}
.scp-security__shield {
  width: 128px;
  height: 128px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, #7935e8, #22045b);
  color: #fff;
  font-size: 4rem;
  box-shadow: 0 18px 40px rgba(82, 32, 185, .28);
  justify-self: center;
}
.scp-security h2 {
  color: #070b55;
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 8px;
}
.scp-security p { color: #15194d; line-height: 1.45; margin: 0; }
.scp-security__item {
  min-height: 96px;
  padding-left: 22px;
  border-left: 1px solid #e0dbef;
}
.scp-security__item i {
  display: block;
  color: #5520b9;
  font-size: 1.65rem;
  margin-bottom: 7px;
}
.scp-security__item strong {
  display: block;
  color: #070b55;
  font-size: .82rem;
  font-weight: 900;
  margin-bottom: 6px;
}
.scp-security__item span { color: #171a4f; font-size: .75rem; line-height: 1.35; }
.scp-demo-cta {
  display: grid;
  grid-template-columns: 270px 1fr 360px;
  align-items: center;
  gap: 26px;
  margin: 0 14px 14px;
  padding: 28px 58px;
  border-radius: 14px;
  background: radial-gradient(circle at 16% 50%, rgba(127,58,255,.5), transparent 26%), linear-gradient(100deg, #060436, #1b0064);
  color: #fff;
}
.scp-demo-people {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.scp-demo-people span {
  width: 72px;
  height: 110px;
  border-radius: 42px 42px 12px 12px;
  background: linear-gradient(#f5a66f 0 22%, #4a26c8 22%);
}
.scp-demo-people span:first-child { transform: translateX(12px) rotate(10deg); }
.scp-demo-people span:last-child { transform: translateX(-12px) rotate(-10deg); }
.scp-demo-people img {
  position: relative;
  z-index: 2;
  width: 86px;
  height: 86px;
  object-fit: contain;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
}
.scp-demo-cta h2 {
  font-size: 1.65rem;
  font-weight: 900;
  margin: 0 0 8px;
}
.scp-demo-cta p {
  margin: 0;
  color: rgba(255,255,255,.92);
  line-height: 1.5;
}
.scp-demo-cta__action {
  display: grid;
  justify-items: center;
  gap: 14px;
}
.scp-demo-cta__action a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 16px 22px;
  border-radius: 7px;
  background: #fff;
  color: #22045b;
  font-weight: 900;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.08);
}
.scp-demo-cta__action small {
  color: rgba(255,255,255,.8);
  font-size: .78rem;
}
.scp-demo-cta__action i { margin: 0 4px; }

@media (max-width: 1399.98px) {
  .scp-hero__inner,
  .scp-main { width: min(100% - 40px, 1180px); }
  .scp-hero__inner { grid-template-columns: .7fr 1.3fr; gap: 26px; }
  .scp-laptop { right: 92px; }
  .scp-phone { width: 180px; height: 380px; }
  .scp-tools-grid { grid-template-columns: repeat(3, 1fr); }
  .scp-security { grid-template-columns: 150px 1.2fr repeat(2, 1fr); }
  .scp-demo-cta { grid-template-columns: 210px 1fr 310px; padding-inline: 34px; }
}
@media (max-width: 991.98px) {
  .scp-hero { padding-top: 108px; }
  .scp-hero__inner { grid-template-columns: 1fr; }
  .scp-hero__visual { min-height: 470px; }
  .scp-laptop { right: 96px; }
  .scp-tools-grid { grid-template-columns: repeat(2, 1fr); }
  .scp-device-grid,
  .scp-demo-cta { grid-template-columns: 1fr; }
  .scp-security { grid-template-columns: 1fr 1fr; }
  .scp-security__shield { width: 96px; height: 96px; font-size: 3rem; }
}
@media (max-width: 767.98px) {
  .scp-hero__inner,
  .scp-main { width: min(100% - 28px, 560px); }
  .scp-trust-row,
  .scp-tools-grid,
  .scp-security { grid-template-columns: 1fr; }
  .scp-trust:not(:last-child)::after { display: none; }
  .scp-hero__visual { min-height: 560px; }
  .scp-laptop {
    position: relative;
    right: auto;
    bottom: auto;
  }
  .scp-laptop__screen { padding: 6px; border-radius: 14px; }
  .scp-app {
    grid-template-columns: 1fr;
    min-height: 360px;
  }
  .scp-app__side { display: none; }
  .scp-app__main { padding: 16px; }
  .scp-stats,
  .scp-dash-grid { grid-template-columns: 1fr 1fr; }
  .scp-phone {
    right: 50%;
    transform: translateX(50%);
    bottom: -40px;
    width: 170px;
    height: 350px;
  }
  .scp-tool-card { grid-template-columns: 48px 1fr; padding: 18px; }
  .scp-device-card { padding-inline: 16px; }
  .scp-security,
  .scp-demo-cta { margin-inline: 0; padding: 24px 20px; }
  .scp-security__item { border-left: 0; padding-left: 0; }
  .scp-demo-people { display: none; }
}
@media (max-width: 520px) {
  .scp-hero h1 { font-size: 2.35rem; }
  .scp-stats,
  .scp-dash-grid { grid-template-columns: 1fr; }
  .scp-phone { display: none; }
  .scp-hero__visual { min-height: auto; }
  .scp-preview--desktop .scp-app--mini { width: 330px; transform: scale(.72); }
}

.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;padding: 0px 127px}

.story-stat{
  display:flex;align-items:flex-start;gap:10px;
  background:#fff;border:1px solid #e8e0f5;border-radius:10px;padding:39px 181px 0;
  min-height:114px
}

.story-services{
    background: #fff;
    padding:36px 90px;
}

.story-section-title{
    text-align: start;
    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
    font-weight: 900;
    color: #2b0a5e;
    margin-bottom: 21px;
	padding:0 0 0 24px;
}

.story-services__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0px 13px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}


.story-service-card{
    display: flex;
    min-height: 327px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:23px 26px 33px;
    border: 1px solid rgba(42, 8, 123, .07);
    border-radius: 10px;
    background: #fbfafc;
    box-shadow: 0 14px 34px rgba(34, 20, 83, .08);
    color: #201453;
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
    aspect-ratio: auto;
    max-width: 418px;
    margin: 0 14px;
	gap:66px;
}


.story-service-card:hover{
    box-shadow: 0 12px 32px rgba(107,32,200,.12);
    transform: translateY(-4px);
}

.story-service-card__icon{
    width: 125px;
    height: 120px;
    flex-shrink: 0;
    background: #70e21480;
    border: 1.5px solid #ddd5f5;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.story-service-card__icon .bi{
    font-size: 4.4rem;
    color:#4b851d;
}

.story-service-card__body h3{
    font-size: 20px;
    font-weight: 800;
    color: #2b0a5e;
    margin-bottom: 6px;
}

.story-service-card__body p{
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* --- Why Work Here --- */
.story-why{
	padding:23px 0;
	background:#fff;
}
.story-why-grid{
	display:grid;
	grid-template-columns:repeat(7,1fr);
	gap:24px;
	margin-top:40px;
	padding:15px 55px;
}
.story-why-item{
	text-align:center;
}
.story-why-icon{
	width:64px;
	height:64px;
	border-radius:50%;
	border:2px solid #e0d5f5;
	background:#f7f2fd;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 14px;
	font-size:1.4rem;
	color:#42129a;
}
.story-why-item h5{
	font-size:.92rem;
	font-weight:700;
	color:#1a0535;
	margin-bottom:6px;
}
.story-why-item p{
	font-size:.82rem;
	color:#6b6b80;
	margin:0;
	line-height:1.5;
}

/* --- Shared section helpers --- */
.story-section-head{ margin-bottom:36px; }
.story-section-head--center{ text-align:center; }
.story-section-head h2{
	font-size:1.9rem;
	font-weight:800;
	color:#1a0535;
	margin:4px 0 8px;
}
.story-section-head p{
	color:#5f5f7a;
	font-size:1rem;
	margin:0;
}
.story-heart-icon{
	font-size:1.15rem;
	color:#42129a;
}

/* ── Why Choose ── */
.our-story-why{
    background: #f8f7ff;
    padding: 80px 0;
}

.our-story-why__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: clamp(40px, 5vw, 80px);
    align-items: start;
}

.our-story-why__copy h2{
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 900;
    color: #2b0a5e;
    line-height: 1.2;
    margin-bottom: 14px;
}

.our-story-why__copy p{
    font-size: .92rem;
    color: #666;
    line-height: 1.7;
    margin-bottom: 28px;
}

.our-story-why__features{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap:25px;
	column-gap:16px;
}

.our-story-why-item{
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.our-story-why-item > .bi{
    font-size: 1.3rem;
    color: #6b20c8;
    flex-shrink: 0;
    margin-top: 2px;
}

.our-story-why-item strong{
    font-size: .88rem;
    font-weight: 700;
    color: #2b0a5e;
    display: block;
    margin-bottom: 4px;
}

.our-story-why-item p{
    font-size: .78rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}


/* ── Welcome ── */
.story-welcome{
    background: #f8f7ff;
    padding: 80px 0;              /* Remove left/right padding */
    width: 100%;
}
.story-welcome__grid{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(40px, 5vw, 100px);
    align-items: center;
    box-sizing: border-box;
}
.story-welcome__copy h2{
    font-size: clamp(2.2rem, 3vw, 3.6rem);
    font-weight: 900;
    color: #2b0a5e;
    line-height: 1.15;
    margin-bottom: 24px;
}

.story-welcome__copy p{
    font-size: 1.08rem;
    color: #555;
    line-height: 1.9;
    margin-bottom: 20px;
}

.story-welcome__img{
    width: 100%;
}

.story-welcome__img img{
    width: 100%;
    display: block;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 16px 48px rgba(107,32,200,.12);
}

/* ============================================================
   TRAINING & DEVELOPMENT PAGE  (training-* prefix)
   ============================================================ */

.training-page {
  background: #fff;
  color: #06083f;
}

.training-page .navbar {
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 35px rgba(10, 8, 45, .06);
}

.training-page .navbar .nav-link,
.training-page .navbar .brand-copy strong {
  color: #080831;
}

.training-page .navbar .brand-copy small {
  color: #272044;
}

.training-page .navbar .nav-link.active::after {
  background: #5520b9;
}

.training-main {
  width: min(100% - 72px, 1480px);
  margin: 0 auto;
  padding: 112px 0 24px;
}

.training-hero {
  position: relative;
  min-height: 362px;
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  align-items: stretch;
  gap: 28px;
  overflow: hidden;
}

.training-hero::after {
  content: "";
  position: absolute;
  right: -160px;
  bottom: -145px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 60px solid #5520b9;
  border-bottom-color: #78be20;
  transform: rotate(-20deg);
  pointer-events: none;
}

.training-hero__copy {
  position: relative;
  z-index: 2;
  padding: 12px 0 82px;
  align-self: center;
}

.training-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 34px;
  color: #080831;
  font-size: .86rem;
  font-weight: 700;
}

.training-breadcrumb a {
  color: #080831;
  text-decoration: none;
}

.training-breadcrumb i {
  color: #8b86a2;
  font-size: .72rem;
}

.training-kicker {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: #5520b9;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.training-hero h1 {
  margin: 0 0 26px;
  color: #080831;
  font-size: clamp(2.45rem, 4vw, 4.65rem);
  font-weight: 900;
  line-height: 1.08;
}

.training-hero h1 span {
  color: #4d8f0d;
}

.training-hero h1 i {
  color: #71b91c;
  font-size: .72em;
  vertical-align: middle;
}

.training-hero__copy p {
  max-width: 560px;
  color: #080831;
  font-size: 1.02rem;
  line-height: 1.8;
  margin: 0;
}

.training-hero__visual {
  position: relative;
  z-index: 1;
  min-height: 360px;
  border-radius: 0 0 0 120px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.4)),
    url('../img/ourteamheader.png') center / cover no-repeat;
  box-shadow: inset 120px 0 120px rgba(255,255,255,.85);
}

.training-screen {
  position: absolute;
  left: 22%;
  top: 12px;
  width: 330px;
  min-height: 150px;
  padding: 24px 24px 18px;
  border: 5px solid #171327;
  background: radial-gradient(circle at 82% 18%, rgba(118,54,255,.35), transparent 34%), linear-gradient(135deg, #191438, #05051f);
  color: #fff;
  box-shadow: 0 18px 40px rgba(8, 8, 31, .35);
}

.training-screen img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 8px;
}

.training-screen strong {
  font-size: 1.75rem;
  font-weight: 900;
  vertical-align: middle;
}

.training-screen > span {
  display: block;
  margin: 6px 0 18px 58px;
  color: rgba(255,255,255,.9);
  font-size: .96rem;
}

.training-screen__icons {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.training-screen__icons small {
  display: grid;
  justify-items: center;
  gap: 5px;
  color: rgba(255,255,255,.82);
  font-size: .66rem;
}

.training-screen__icons i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 50%;
}

.training-presenter {
  position: absolute;
  right: 8%;
  bottom: -5px;
  width: 230px;
  height: 330px;
  overflow: hidden;
}

.training-presenter img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 8%;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.25));
}

.training-audience {
  position: absolute;
  left: 14%;
  right: 5%;
  bottom: -16px;
  display: flex;
  justify-content: center;
  gap: 28px;
}

.training-audience span {
  width: 96px;
  height: 118px;
  border-radius: 48px 48px 10px 10px;
  background:
    radial-gradient(circle at 50% 18%, #2c1a13 0 20px, transparent 21px),
    linear-gradient(#392112 0 28%, #4921a8 28%);
  box-shadow: 0 -7px 0 rgba(255,255,255,.14) inset;
}

.training-stats {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  margin: -28px 0 30px;
  padding: 20px 34px;
  background: #fff;
  border: 1px solid #e5e2ef;
  border-radius: 10px;
  box-shadow: 0 12px 35px rgba(16, 10, 48, .12);
}

.training-stat {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: 8px 22px;
  border-right: 1px solid #ded9ec;
}

.training-stat:last-child {
  border-right: 0;
}

.training-stat > i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #5520b9;
  color: #fff;
  font-size: 1.65rem;
}

.training-stat strong {
  display: block;
  color: #080831;
  font-size: 1.9rem;
  font-weight: 900;
  line-height: 1;
}

.training-stat span,
.training-stat small {
  display: block;
  color: #080831;
  font-size: .76rem;
}

.training-stat span {
  margin-top: 8px;
  font-weight: 900;
}

.training-section {
  padding: 0 4px 26px;
}

.training-section__head {
  max-width: 560px;
  margin-bottom: 32px;
}

.training-section__head--center {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.training-section__head h2 {
  position: relative;
  color: #080831;
  font-size: 1.65rem;
  font-weight: 900;
  margin: 0 0 14px;
}

.training-section__head h2::after {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  margin-top: 8px;
  border-radius: 99px;
  background: #5520b9;
}

.training-section__head--center h2::after {
  margin-left: auto;
  margin-right: auto;
}

.training-section__head p {
  color: #080831;
  line-height: 1.7;
  margin: 0;
}

.training-program-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 30px;
}

.training-program-card {
  position: relative;
  overflow: hidden;
  min-height: 306px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #e2e1ea;
  box-shadow: 0 8px 22px rgba(14, 11, 50, .08);
}

.training-program-card:hover{
	transform:translateY(-3px);
	box-shadow:0 18px 42px rgba(34,20,83,.14);
	color:#201453;
}

.training-program-card__image {
  height: 132px;
  background-color: #ece8f3;
  background-size: cover;
  background-position: center;
}

.training-program-card__image--people {
  background-image: url('../img/about us image.png');
  background-position: 45% 24%;
}

.training-program-card__image--meeting {
  background-image: url('../img/ourteamheader.png');
  background-position: 64% 35%;
}

.training-program-card__image--digital {
  background-image: url('../img/techpage.png');
  background-position: center;
}

.training-program-card__image--security {
  background-image:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.86) 0 20px, transparent 21px),
    radial-gradient(circle at 50% 50%, #32b6ff 0 42px, transparent 43px),
    radial-gradient(circle at 30% 30%, rgba(48,133,255,.75), transparent 25%),
    linear-gradient(135deg, #002454, #0955c6 45%, #041638);
}

.training-program-card__image--blocks {
  background-image:
    linear-gradient(45deg, transparent 0 48%, rgba(255,255,255,.6) 49% 51%, transparent 52%),
    radial-gradient(circle at 50% 42%, #3b2314 0 10px, transparent 11px),
    linear-gradient(135deg, #dbc3a4, #f8efe5);
}

.training-program-card__image--forms {
  background-image:
    linear-gradient(100deg, rgba(255,255,255,.82), rgba(255,255,255,.28)),
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(83,58,34,.18) 23px 24px),
    linear-gradient(135deg, #e8d3bd, #fff7ed);
}

.training-program-card__image--highfive {
  background-image: url('../img/woman_caregiver_cleanversion.png');
  background-position: 50% 18%;
}

.training-program-card__image--cpr {
  background-image:
    radial-gradient(circle at 42% 42%, #f0c2a2 0 24px, transparent 25px),
    radial-gradient(circle at 64% 34%, #6b351f 0 22px, transparent 23px),
    linear-gradient(135deg, #d8c0ae, #fbf7f3);
}

.training-program-card__icon {
  position: absolute;
  left: 26px;
  top: 104px;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 2px solid #5520b9;
  border-radius: 50%;
  background: #fff;
  color: #5520b9;
  font-size: 1.55rem;
  box-shadow: 0 10px 18px rgba(85,32,185,.12);
}

.training-program-card__body {
  padding: 44px 26px 24px;
}

.training-program-card h3 {
  color: #080831;
  font-size: 1.17rem;
  line-height: 1.25;
  font-weight: 900;
  margin: 0 0 14px;
}

.training-program-card p {
  color: #080831;
  font-size: .86rem;
  line-height: 1.7;
  margin: 0;
}

.training-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 4px 35px 30px;
  padding: 28px 32px;
  border-radius: 14px;
  background: linear-gradient(110deg, #f3edff, #fff);
  border: 1px solid #e7e1f7;
}

.training-benefits article,
.training-delivery-grid article {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 0 28px;
  border-right: 1px solid #ddd7ec;
}

.training-benefits article:last-child,
.training-delivery-grid article:last-child {
  border-right: 0;
}

.training-benefits i,
.training-delivery-grid i,
.training-contact__icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #eee6ff;
  color: #5520b9;
  font-size: 2rem;
}

.training-benefits h3,
.training-delivery-grid h3 {
  color: #080831;
  font-size: .96rem;
  font-weight: 900;
  margin: 0 0 8px;
}

.training-benefits p,
.training-delivery-grid p {
  color: #080831;
  font-size: .82rem;
  line-height: 1.65;
  margin: 0;
}

.training-delivery {
  padding-top: 27px;
  margin: 0px 21px;
}

.training-delivery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-bottom: 34px;
}

.training-contact {
  display: grid;
  grid-template-columns: 94px 1.15fr 1fr 1.2fr;
  align-items: center;
  gap: 28px;
  overflow: hidden;
  min-height: 178px;
  padding: 26px 34px;
  border-radius: 14px;
  background: linear-gradient(110deg, #f3edff, #fff 52%, #eee8ff);
  border: 1px solid #e7e1f7;
}

.training-contact__icon {
  width: 78px;
  height: 78px;
  font-size: 2.25rem;
}

.training-contact h2 {
  color: #120858;
  font-size: 1.7rem;
  font-weight: 900;
  margin: 0 0 10px;
}

.training-contact p {
  color: #080831;
  line-height: 1.7;
  margin: 0;
}

.training-contact__details {
  display: grid;
  gap: 13px;
  padding-left: 34px;
  border-left: 1px solid #ded9ec;
}

.training-contact__details a,
.training-contact__details span {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #080831;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.35;
}

.training-contact__details i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eee6ff;
  color: #5520b9;
  flex: 0 0 auto;
}

.training-contact__team {
  align-self: stretch;
  overflow: hidden;
  margin: -26px -34px -26px 0;
  min-height: 178px;
}

.training-contact__team img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 18%;
}

/* OFFICE PHOTOS */
.office_cta{
	background: linear-gradient(110deg, #130336 0%, #2d0d68 42%, #3f15a0 100%);
    border-radius: 20px;
    padding: 176px 48px;
    margin: 38px -13px 25px;
    width: 100%;
    min-height: 142px;
}

@media (max-width: 1199.98px) {
  .training-main {
    width: min(100% - 44px, 1080px);
  }

  .training-hero {
    grid-template-columns: 1fr;
  }

  .training-hero__copy {
    padding-bottom: 20px;
  }

  .training-hero__visual {
    min-height: 340px;
  }

  .training-stats,
  .training-program-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .training-stat {
    border-right: 0;
  }

  .training-benefits,
  .training-delivery-grid,
  .training-contact {
    grid-template-columns: repeat(2, 1fr);
  }

  .training-contact__team {
    margin: 0;
    border-radius: 12px;
  }
}

@media (max-width: 767.98px) {
  .training-main {
    width: min(100% - 28px, 560px);
    padding-top: 98px;
  }

  .training-breadcrumb {
    margin-bottom: 24px;
    font-size: .78rem;
  }

  .training-hero h1 {
    font-size: clamp(2rem, 10vw, 2.85rem);
  }

  .training-hero__visual {
    min-height: 300px;
    border-radius: 0 0 0 56px;
  }

  .training-screen {
    left: 18px;
    top: 16px;
    width: min(300px, calc(100% - 36px));
  }

  .training-presenter,
  .training-audience {
    display: none;
  }

  .training-stats,
  .training-program-grid,
  .training-benefits,
  .training-delivery-grid,
  .training-contact {
    grid-template-columns: 1fr;
  }

  .training-stats {
    margin-top: 18px;
    padding: 14px;
  }

  .training-stat {
    padding: 14px 8px;
  }

  .training-benefits,
  .training-contact {
    padding: 22px;
  }

  .training-benefits article,
  .training-delivery-grid article {
    border-right: 0;
    border-bottom: 1px solid #ddd7ec;
    padding: 18px 0;
  }

  .training-benefits article:last-child,
  .training-delivery-grid article:last-child {
    border-bottom: 0;
  }

  .training-contact__details {
    padding-left: 0;
    border-left: 0;
  }
}

/* ============================================================
   SITE-WIDE RESPONSIVE OVERRIDES
   Keep desktop layouts intact, then gracefully collapse older
   fixed-width sections across tablet and mobile devices.
   ============================================================ */

*, *::before, *::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe,
canvas,
svg {
  max-width: 100%;
}

img,
video {
  height: auto;
}

table {
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

.container,
.container-fluid {
  max-width: 100%;
}

.navbar {
  width: 100%;
}

.navbar .container {
  max-width: min(100% - 28px, 1320px);
}

.navbar-brand,
.brand-lockup {
  min-width: 0;
}

.brand-copy {
  min-width: 0;
}

.brand-copy strong,
.brand-copy small {
  overflow-wrap: anywhere;
}

.footer {
  overflow: hidden;
}

.footer .row {
  min-width: 0;
}

.footer-links a,
.footer-links li,
.footer-copy,
.footer-signoff {
  overflow-wrap: anywhere;
}

@media (max-width: 1199.98px) {
  :is(
    .about-us-trust__grid,
    .sdc-trust__grid,
    .about-service-card-grid,
    .about-why-grid,
    .about-ndis-grid,
    .car-benefits-grid,
    .car-why-grid,
    .con-depts-grid,
    .res-popular-grid,
    .res-guides-grid,
    .res-categories-grid,
    .gn-pillars__grid,
    .gn-portals,
    .gn-features,
    .aus-pillars__grid,
    .aus-services__grid,
    .loc-global-grid,
    .loc-state-grid,
    .jd-similar-grid,
    .jd-benefits-grid,
    .vac-stats__inner,
    .story-services__grid,
    .story-why-grid,
    .our-story-why__features,
    .ab-values-row,
    .ab-stats-row
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :is(.story-services, .story-why-grid) {
    padding-left: clamp(20px, 4vw, 40px);
    padding-right: clamp(20px, 4vw, 40px);
  }

  .story-stat {
    padding: 28px clamp(24px, 5vw, 72px) 18px;
  }

  .story-service-card {
    max-width: none;
    margin: 0;
  }
}

@media (max-width: 991.98px) {
  :is(
    .about-service-hero,
    .services-detail-hero,
    .con-hero,
    .car-hero,
    .gs-hero,
    .referral-hero,
    .team-profile-hero,
    .resource-detail-hero
  ) {
    min-height: auto;
    padding: 112px clamp(20px, 5vw, 40px) 56px;
  }

  :is(.pages-hero-h1, .about-service-hero h1, .gn-hero h1, .aus-hero h1, .vac-hero__title, .jd-hero__title) {
    font-size: clamp(2.15rem, 8vw, 3.25rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  :is(
    .about-service-hero,
    .about-us-story__grid,
    .sdc-layout,
    .sdc-overview__grid,
    .sdc-faq-related-row,
    .sdc-cta__grid,
    .con-body-grid,
    .contact-grid,
    .car-growth-grid,
    .gn-vision__grid,
    .gn-cwb__grid,
    .gn-bottom__grid,
    .aus-welcome__grid,
    .aus-why__grid,
    .loc-hq-grid,
    .loc-aus-layout,
    .story-welcome__grid,
    .our-story-why__grid,
    .ab-hero,
    .ab-mv-row
  ) {
    grid-template-columns: 1fr;
  }

  :is(
    .about-service-hero__badge,
    .vac-hero__badge,
    .jd-hero__badge
  ) {
    align-self: flex-start;
  }

  :is(
    .about-service-hero__actions,
    .gn-hero__actions,
    .aus-hero__actions,
    .referral-cta__actions,
    .gn-cta__actions
  ) {
    flex-wrap: wrap;
  }

  :is(
    .about-talk-cta,
    .res-cta-inner,
    .con-cta-inner,
    .jd-cta-inner,
    .vac-cta__inner,
    .gn-cta__inner,
    .tp-cta__inner,
    .loc-footer-cta__inner
  ) {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  :is(.res-cta-divider, .con-cta-divider, .jd-cta-divider, .vac-cta__divider) {
    display: none;
  }

  :is(
    .about-talk-cta__request,
    .about-talk-cta__call,
    .res-cta-btn,
    .con-cta-btn,
    .jd-cta-btn,
    .vac-cta__btn,
    .gn-btn,
    .aus-btn,
    .sdc-btn,
    .tp-cta__btn
  ) {
    width: auto;
    max-width: 100%;
    white-space: normal;
  }

  :is(
    .about-us-trust__grid,
    .sdc-trust__grid,
    .about-service-card-grid,
    .about-why-grid,
    .about-ndis-grid,
    .car-benefits-grid,
    .car-why-grid,
    .con-depts-grid,
    .res-popular-grid,
    .res-guides-grid,
    .res-categories-grid,
    .gn-pillars__grid,
    .gn-portals,
    .gn-features,
    .aus-pillars__grid,
    .aus-services__grid,
    .loc-global-grid,
    .loc-state-grid,
    .jd-similar-grid,
    .jd-benefits-grid,
    .story-services__grid,
    .story-why-grid,
    .our-story-why__features,
    .ab-values-row,
    .ab-stats-row
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .story-stats {
    grid-template-columns: 1fr;
    padding-left: clamp(20px, 5vw, 40px);
    padding-right: clamp(20px, 5vw, 40px);
  }

  .story-welcome,
  .our-story-why {
    padding: 56px 0;
  }

  :is(.story-welcome__grid, .our-story-why__grid) {
    padding-left: clamp(20px, 5vw, 40px);
    padding-right: clamp(20px, 5vw, 40px);
  }

  .vac-main__inner {
    grid-template-columns: 1fr;
  }

  .admin-app {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: relative;
    height: auto;
    max-height: none;
  }

  .admin-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .container,
  .container-fluid {
    padding-left: 14px;
    padding-right: 14px;
  }

  .navbar .container {
    max-width: calc(100% - 20px);
  }

  .navbar-collapse {
    max-height: calc(100vh - 82px);
    overflow-y: auto;
  }

  .navbar-nav {
    align-items: stretch !important;
  }

  .navbar .nav-link,
  .navbar .btn-support {
    width: 100%;
  }

  .brand-lockup img,
  .navbar-brand img {
    width: 46px;
    height: 46px;
    object-fit: contain;
  }

  .brand-copy strong {
    font-size: 1.05rem;
  }

  .brand-copy small {
    font-size: .62rem;
  }

  :is(
    .about-service-hero,
    .gn-hero,
    .aus-hero,
    .vac-hero,
    .jd-hero
  ) {
    min-height: auto;
  }

  :is(.gn-hero, .aus-hero, .vac-hero__inner, .jd-hero__inner) {
    padding-top: 104px;
    padding-bottom: 52px;
  }

  :is(.about-service-hero__badge, .gn-hero__badge, .aus-hero__badge) {
    max-width: 100%;
  }

  :is(
    .about-service-hero__actions,
    .gn-hero__actions,
    .aus-hero__actions
  ) > * {
    width: 100%;
    justify-content: center;
  }

  :is(
    .about-us-trust__grid,
    .sdc-trust__grid,
    .about-service-card-grid,
    .about-why-grid,
    .about-ndis-grid,
    .car-benefits-grid,
    .car-why-grid,
    .con-depts-grid,
    .res-popular-grid,
    .res-guides-grid,
    .res-categories-grid,
    .gn-pillars__grid,
    .gn-portals,
    .gn-features,
    .gn-countries,
    .aus-pillars__grid,
    .aus-services__grid,
    .loc-global-grid,
    .loc-state-grid,
    .jd-similar-grid,
    .jd-benefits-grid,
    .vac-stats__inner,
    .story-services__grid,
    .story-why-grid,
    .our-story-why__features,
    .ab-values-row,
    .ab-stats-row
  ) {
    grid-template-columns: 1fr;
  }

  :is(
    .about-service-shell,
    .support-section,
    .referral-section,
    .car-section,
    .con-section,
    .res-section,
    .loc-section,
    .gn-section,
    .aus-section,
    .story-services,
    .story-why,
    .sdc-main,
    .tp-main
  ) {
    padding-left: 0;
    padding-right: 0;
  }

  :is(
    .about-talk-cta,
    .res-cta,
    .con-cta,
    .jd-cta-banner,
    .vac-cta,
    .referral-cta,
    .gn-cta,
    .loc-footer-cta
  ) {
    margin-left: 0;
    margin-right: 0;
    border-radius: 14px;
  }

  :is(.about-talk-cta, .jd-cta-banner) {
    padding-left: 20px;
    padding-right: 20px;
  }

  .con-form-row,
  .contact-form__row,
  .sdc-meta-grid,
  .services-check-grid {
    grid-template-columns: 1fr;
  }

  :is(.car-vacancy-row, .vac-job-card, .vac-job-main) {
    flex-direction: column;
    align-items: flex-start;
  }

  :is(.car-vacancy-action, .vac-job-actions) {
    width: 100%;
    align-items: stretch;
  }

  :is(.car-apply-now, .vac-apply-btn) {
    width: 100%;
    justify-content: center;
  }

  .resource-detail-card,
  .sdc-section,
  .contact-form-card,
  .con-card,
  .support-card,
  .referral-card {
    overflow-wrap: anywhere;
  }

  .admin-utility-nav,
  .admin-topbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .admin-page-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .dashboard-stat-grid,
  .svc-carousel,
  .admin-menu {
    grid-template-columns: 1fr;
  }

  .table-responsive,
  .admin-table-wrap {
    overflow-x: auto;
  }
}

@media (max-width: 575.98px) {
  body {
    font-size: 15px;
  }

  :is(.pages-hero-h1, .about-service-hero h1, .gn-hero h1, .aus-hero h1, .vac-hero__title, .jd-hero__title) {
    font-size: clamp(1.9rem, 10vw, 2.55rem);
  }

  :is(.pages-tagline, .gn-hero p, .aus-hero p, .vac-hero__sub, .jd-hero__sub) {
    font-size: .95rem;
  }

  .brand-copy small {
    display: none;
  }

  :is(
    .about-service-hero,
    .services-detail-hero,
    .con-hero,
    .car-hero,
    .gs-hero,
    .referral-hero,
    .team-profile-hero,
    .resource-detail-hero
  ) {
    padding-left: 18px;
    padding-right: 18px;
  }

  :is(
    .about-talk-cta__request,
    .about-talk-cta__call,
    .res-cta-btn,
    .con-cta-btn,
    .jd-cta-btn,
    .vac-cta__btn,
    .gn-btn,
    .aus-btn,
    .sdc-btn,
    .tp-cta__btn,
    .btn-referral-submit
  ) {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  :is(.story-service-card, .car-benefit-card, .about-service-card, .con-dept-card, .res-card, .loc-card) {
    min-height: auto;
  }

  .story-service-card {
    gap: 22px;
  }

  .story-service-card__icon {
    width: 86px;
    height: 86px;
  }

  .story-service-card__icon .bi {
    font-size: 2.8rem;
  }

  .story-section-title,
  .gn-section-title,
  .aus-section-title {
    text-align: center;
    padding-left: 0;
  }

  .pagination {
    flex-wrap: wrap;
  }

  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ============================================================
   RESPONSIVE ORGANISATION LAYER
   Final cascade pass for consistent sizing, wrapping and device
   behaviour across public pages and the admin dashboard.
   ============================================================ */

:root {
  --kb7-page-gutter: clamp(16px, 4vw, 48px);
  --kb7-section-space: clamp(42px, 7vw, 92px);
  --kb7-card-radius: 14px;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
}

main,
section,
article,
aside,
header,
footer,
.container,
.container-fluid,
.row,
[class*="__inner"],
[class*="__grid"],
[class*="-grid"],
[class*="-layout"] {
  min-width: 0;
}

p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
strong,
small,
label,
button,
input,
textarea,
select {
  overflow-wrap: anywhere;
}

a,
button,
.btn,
[class*="btn"],
[class*="__btn"],
[class*="-btn"] {
  min-width: 0;
}

img,
picture,
video,
iframe,
canvas,
svg {
  display: block;
  max-width: 100%;
}

iframe,
video {
  aspect-ratio: 16 / 9;
}

textarea {
  resize: vertical;
}

/* .container,
.container-fluid {
  padding-left: var(--kb7-page-gutter);
  padding-right: var(--kb7-page-gutter);
} */

.row {
  --bs-gutter-x: clamp(1rem, 3vw, 2rem);
}

.navbar {
  left: 0;
  right: 0;
}

.navbar > .container {
  width: min(100%, 1320px);
}

.navbar-brand,
.brand-lockup,
.footer-brand {
  max-width: 100%;
}

.brand-copy {
  line-height: 1.15;
}

.dropdown-menu {
  max-width: calc(100vw - 32px);
}

.footer .container,
.footer .container-fluid,
.footer-top,
.footer-bottom {
  min-width: 0;
}

.newsletter-form {
  max-width: 100%;
}

/* Reusable grid collapses */
:is(
  .about-us-trust__grid,
  .sdc-trust__grid,
  .about-service-card-grid,
  .about-why-grid,
  .about-ndis-grid,
  .car-benefits-grid,
  .car-why-grid,
  .con-depts-grid,
  .res-popular-grid,
  .res-guides-grid,
  .res-categories-grid,
  .gn-pillars__grid,
  .gn-portals,
  .gn-features,
  .gn-countries,
  .aus-pillars__grid,
  .aus-services__grid,
  .loc-global-grid,
  .loc-state-grid,
  .jd-similar-grid,
  .jd-benefits-grid,
  .vac-stats__inner,
  .story-services__grid,
  .story-why-grid,
  .our-story-why__features,
  .ab-values-row,
  .ab-stats-row,
  .training-stats,
  .training-program-grid,
  .training-benefits,
  .training-delivery-grid,
  .tm-grid,
  .tm-values-right,
  .tech-portals-row--5,
  .tech-portals-row--3,
  .tech-features-grid,
  .services-grid,
  .svc-carousel
) {
  min-width: 0;
}

@media (max-width: 1199.98px) {
  :is(
    .about-us-trust__grid,
    .about-service-card-grid,
    .about-why-grid,
    .car-benefits-grid,
    .con-depts-grid,
    .res-popular-grid,
    .gn-pillars__grid,
    .gn-portals,
    .gn-features,
    .aus-pillars__grid,
    .aus-services__grid,
    .loc-state-grid,
    .jd-similar-grid,
    .training-program-grid,
    .tm-grid,
    .tech-portals-row--5
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  :is(
    .sdc-layout,
    .sdc-overview__grid,
    .con-body-grid,
    .contact-grid,
    .loc-hq-grid,
    .loc-aus-layout,
    .res-body-grid,
    .tech-ai-grid,
    .vac-main__inner,
    .jd-content-grid,
    .scp-hero__inner,
    .training-contact
  ) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 991.98px) {
  :root {
    --kb7-page-gutter: clamp(14px, 4vw, 32px);
  }

  :is(
    .about-service-hero,
    .services-detail-hero,
    .con-hero,
    .car-hero,
    .gs-hero,
    .referral-hero,
    .team-profile-hero,
    .resource-detail-hero,
    .gn-hero,
    .aus-hero,
    .vac-hero,
    .jd-hero,
    .res-hero,
    .tech-hero,
    .tm-hero,
    .sdc-hero
  ) {
    min-height: auto !important;
  }

  :is(
    .about-us-story__grid,
    .car-growth-grid,
    .gn-vision__grid,
    .gn-cwb__grid,
    .gn-bottom__grid,
    .aus-welcome__grid,
    .aus-why__grid,
    .story-welcome__grid,
    .our-story-why__grid,
    .ab-hero,
    .ab-mv-row,
    .tp-profile-grid,
    .tp-bottom-grid,
    .scp-demo-cta,
    .scp-security,
    .training-hero,
    .training-contact
  ) {
    grid-template-columns: 1fr !important;
  }

  :is(
    .about-us-trust__grid,
    .sdc-trust__grid,
    .about-service-card-grid,
    .about-why-grid,
    .about-ndis-grid,
    .car-benefits-grid,
    .car-why-grid,
    .con-depts-grid,
    .res-popular-grid,
    .res-guides-grid,
    .res-categories-grid,
    .gn-pillars__grid,
    .gn-portals,
    .gn-features,
    .aus-pillars__grid,
    .aus-services__grid,
    .loc-global-grid,
    .loc-state-grid,
    .jd-similar-grid,
    .story-services__grid,
    .story-why-grid,
    .our-story-why__features,
    .training-stats,
    .training-program-grid,
    .training-benefits,
    .training-delivery-grid,
    .tm-grid,
    .tm-values-right,
    .tech-portals-row--5,
    .tech-portals-row--3,
    .tech-features-grid,
    .svc-carousel
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :is(
    .about-talk-cta,
    .res-cta-inner,
    .con-cta-inner,
    .jd-cta-inner,
    .vac-cta__inner,
    .gn-cta__inner,
    .tp-cta__inner,
    .loc-footer-cta__inner,
    .training-contact
  ) {
    align-items: flex-start;
    text-align: left;
  }

  .admin-app {
    display: block;
  }

  .admin-main {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  :root {
    --kb7-page-gutter: 16px;
  }

  body {
    font-size: 15px;
  }

  .container,
  .container-fluid {
    padding-left: var(--kb7-page-gutter) !important;
    padding-right: var(--kb7-page-gutter) !important;
  }

  .navbar {
    padding-top: .65rem;
    padding-bottom: .65rem;
  }

  .navbar-collapse {
    margin-top: .75rem;
    max-height: calc(100dvh - 84px);
    overflow-y: auto;
  }

  .navbar-nav {
    gap: .25rem !important;
    align-items: stretch !important;
  }

  .navbar .nav-link,
  .navbar .btn-support {
    width: 100%;
    justify-content: flex-start;
    white-space: normal;
  }

  .navbar-brand img,
  .brand-lockup img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain;
    flex: 0 0 auto;
  }

  .brand-copy strong {
    font-size: 1rem !important;
  }

  .brand-copy small {
    font-size: .62rem !important;
  }

  h1,
  :is(.pages-hero-h1, .about-service-hero h1, .gn-hero h1, .aus-hero h1, .vac-hero__title, .jd-hero__title) {
    font-size: clamp(2rem, 11vw, 3rem) !important;
    line-height: 1.08 !important;
  }

  h2,
  :is(.story-section-title, .gn-section-title, .aus-section-title, .training-section__head h2) {
    font-size: clamp(1.45rem, 7vw, 2.1rem) !important;
    line-height: 1.16 !important;
  }

  :is(
    .about-service-hero,
    .services-detail-hero,
    .con-hero,
    .car-hero,
    .gs-hero,
    .referral-hero,
    .team-profile-hero,
    .resource-detail-hero,
    .gn-hero,
    .aus-hero,
    .res-hero,
    .tech-hero,
    .tm-hero,
    .sdc-hero
  ) {
    padding-left: var(--kb7-page-gutter) !important;
    padding-right: var(--kb7-page-gutter) !important;
  }

  :is(
    .about-us-trust__grid,
    .sdc-trust__grid,
    .about-service-card-grid,
    .about-why-grid,
    .about-ndis-grid,
    .car-benefits-grid,
    .car-why-grid,
    .con-depts-grid,
    .res-popular-grid,
    .res-guides-grid,
    .res-categories-grid,
    .gn-pillars__grid,
    .gn-portals,
    .gn-features,
    .gn-countries,
    .aus-pillars__grid,
    .aus-services__grid,
    .loc-global-grid,
    .loc-state-grid,
    .jd-similar-grid,
    .jd-benefits-grid,
    .vac-stats__inner,
    .story-services__grid,
    .story-why-grid,
    .our-story-why__features,
    .ab-values-row,
    .ab-stats-row,
    .training-stats,
    .training-program-grid,
    .training-benefits,
    .training-delivery-grid,
    .tm-grid,
    .tm-values-right,
    .tech-portals-row--5,
    .tech-portals-row--3,
    .tech-features-grid,
    .services-grid,
    .dashboard-stat-grid,
    .svc-carousel
  ) {
    grid-template-columns: 1fr !important;
  }

  :is(
    .about-talk-cta,
    .res-cta,
    .con-cta,
    .jd-cta-banner,
    .vac-cta,
    .referral-cta,
    .gn-cta,
    .loc-footer-cta,
    .training-benefits,
    .training-contact,
    .office_cta
  ) {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(18px, 6vw, 28px) !important;
    padding-right: clamp(18px, 6vw, 28px) !important;
    border-radius: var(--kb7-card-radius) !important;
  }

  :is(
    .about-service-hero__actions,
    .gn-hero__actions,
    .aus-hero__actions,
    .referral-cta__actions,
    .gn-cta__actions,
    .vac-filter-btns,
    .admin-utility-nav__actions
  ) {
    flex-wrap: wrap;
    width: 100%;
  }

  :is(
    .about-service-hero__actions,
    .gn-hero__actions,
    .aus-hero__actions,
    .referral-cta__actions,
    .gn-cta__actions
  ) > * {
    width: 100% !important;
    justify-content: center;
    text-align: center;
  }

  :is(
    .car-vacancy-row,
    .vac-job-card,
    .vac-job-main,
    .admin-topbar,
    .admin-utility-nav,
    .admin-panel-card__head,
    .dashboard-overview__content
  ) {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .dashboard-overview__content {
    position: relative;
    background: rgba(24, 8, 58, .84);
    padding: 1.25rem;
  }

  .dashboard-overview__bg {
    position: absolute;
    inset: 0;
    height: 100%;
  }

  .dashboard-overview .btn-primary {
    width: 100%;
    text-align: center;
  }

  .admin-page-body {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .admin-account-trigger-name {
    max-width: 34vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .table-responsive,
  .admin-table-wrap,
  .dataTables_wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table {
    min-width: 640px;
  }

  .modal-dialog {
    margin-left: var(--kb7-page-gutter);
    margin-right: var(--kb7-page-gutter);
  }

  .footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer .row > [class*="col-"] {
    width: 100%;
  }

  .footer-bottom {
    text-align: left;
    align-items: flex-start !important;
  }
}

@media (max-width: 575.98px) {
  :root {
    --kb7-page-gutter: 14px;
  }

  body {
    font-size: 14.5px;
  }

  .brand-copy small {
    display: none !important;
  }

  .navbar-brand img,
  .brand-lockup img {
    width: 40px !important;
    height: 40px !important;
  }

  :is(
    .btn,
    [class*="btn"],
    [class*="__btn"],
    [class*="-btn"],
    .about-talk-cta__request,
    .about-talk-cta__call,
    .res-cta-btn,
    .con-cta-btn,
    .jd-cta-btn,
    .vac-cta__btn,
    .gn-btn,
    .aus-btn,
    .sdc-btn,
    .tp-cta__btn,
    .btn-referral-submit
  ) {
    max-width: 100%;
    white-space: normal !important;
  }

  :is(
    .about-talk-cta__request,
    .about-talk-cta__call,
    .res-cta-btn,
    .con-cta-btn,
    .jd-cta-btn,
    .vac-cta__btn,
    .gn-btn,
    .aus-btn,
    .sdc-btn,
    .tp-cta__btn,
    .btn-referral-submit,
    .car-apply-now,
    .vac-apply-btn
  ) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  :is(
    .admin-login-form-wrap,
    .admin-login-brand,
    .admin-panel-card,
    .contact-form-card,
    .support-card,
    .referral-card,
    .resource-detail-card,
    .sdc-section
  ) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
}



/*=========================================
 KB7 GET STARTED
=========================================*/

.kb7-started{
    padding:90px 0;
    background:#fff;
}

.kb7-container{
    /* width:min(100% - 40px,1400px); */
    margin:0 17px;
}

/* TOP */

.kb7-started-top{
    display:grid;
    grid-template-columns:1.2fr .9fr;
    gap:30px;
    margin-bottom:30px;
}

/* CARD */

.kb7-started-card{
    background:#fff;
    border-radius:22px;
    border:1px solid #ece9f8;
    box-shadow:0 12px 35px rgba(42,8,123,.06);
    padding:35px;
}

/* STATS */

.kb7-started-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
	padding:29px 0;
}

.kb7-stat{
    text-align:center;
    position:relative;
    padding:0 15px;
}

.kb7-stat:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:8px;

    width:1px;

    height:70px;

    background:#ece9f8;

}

.kb7-stat h2{

    color:#5a2cc5;

    font-size:3rem;

    font-weight:800;

    margin:0;

}

.kb7-stat p{

    margin:8px 0 0;

    font-weight:700;

    color:#333;

}

.kb7-stat small{

    display:block;

    color:#777;

    margin-top:4px;

}

/* TESTIMONIAL */

.kb7-testimonial{

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.kb7-testimonial i{

    font-size:2rem;

    color:#5a2cc5;

    margin-bottom:15px;

}

.kb7-testimonial p{

    font-size:1.05rem;

    line-height:1.8;

    color:#444;

    margin-bottom:18px;

}

.kb7-stars{

    color:#FDBA21;

    letter-spacing:3px;

    margin-bottom:10px;

    font-size:1.1rem;

}

.kb7-testimonial strong{

    color:#444;

}

/* CTA */

.kb7-started-banner{

    background:linear-gradient(90deg,#8b45d6,#4f1d8f);

    border-radius:22px;

    padding:82px 45px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    color:#fff;

}

.kb7-started-left h2{

    font-size:2.3rem;

    font-weight:800;

    margin-bottom:10px;

}

.kb7-started-left p{

    margin:0;

    color:rgba(255,255,255,.85);

}

/* BUTTONS */

.kb7-started-actions{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.kb7-btn-primary{

    background:#fff;

    color:#5a2cc5;

    padding:36px 51px;

    border-radius:16px;

    font-weight:700;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:10px;

}

.kb7-btn-primary:hover{

    color:#5a2cc5;

}

.kb7-btn-outline{

    display:flex;

    align-items:center;

    gap:15px;

    color:#fff;

    text-decoration:none;

    border:1px solid rgba(255,255,255,.25);

    border-radius:16px;

    padding:36px 51px;

}

.kb7-btn-outline i{

    font-size:1.4rem;

}

.kb7-btn-outline small{

    display:block;

    opacity:.7;

}

.kb7-btn-outline span{

    line-height:1.4;

}

/*==============================
 Responsive
==============================*/

@media(max-width:1200px){

    .kb7-started-top{

        grid-template-columns:1fr;

    }

}

@media(max-width:992px){

    .kb7-started-stats{

        grid-template-columns:repeat(2,1fr);

        gap:30px;

    }

    .kb7-stat::after{

        display:none;

    }

    .kb7-started-banner{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:768px){

    .kb7-started-stats{

        grid-template-columns:1fr;

    }

    .kb7-started-card{

        padding:25px;

    }

    .kb7-started-banner{

        padding:30px;

    }

    .kb7-started-left h2{

        font-size:2rem;

    }

    .kb7-started-actions{

        width:100%;

        flex-direction:column;

    }

    .kb7-btn-primary,

    .kb7-btn-outline{

        width:100%;

        justify-content:center;

    }

}

/*=========================================
 KB7 TESTIMONIALS
=========================================*/

.kb7-testimonials{

    padding:27px 0;

    background:#ffffff;

}

.kb7-testimonials-heading{

    text-align:center;

    margin-bottom:60px;

}

.kb7-testimonials-heading h2{

    font-size:2.7rem;

    font-weight:800;

    color:#2d175b;

}

.kb7-testimonials-heading p{

    color:#666;

}

/* GRID */

.kb7-testimonials-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:24px;

}

/* CARD */

.kb7-review-card{

    background:#fff;

    border:1px solid #ece9f8;

    border-radius:22px;

    padding:28px;

    display:flex;

    flex-direction:column;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 30px rgba(42,8,123,.05);

}

.kb7-review-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 40px rgba(42,8,123,.10);

}

/* HEADER */

.kb7-review-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}

.kb7-review-head h3{

    font-size:1.2rem;

    color:#432096;

    font-weight:800;

}

/* STARS */

.kb7-stars{

    color:#F4B400;

    letter-spacing:3px;

    margin-bottom:18px;

}

/* QUOTE */

.kb7-review-card blockquote{

    margin:0;

    color:#555;

    line-height:1.8;

    flex:1;

}

/* FOOTER */

.kb7-review-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:25px;

}

.kb7-review-footer img{

    width:58px;

    height:58px;

    border-radius:50%;

    object-fit:cover;

}

.kb7-review-footer strong{

    color:#333;

}

/* RESPONSIVE */

@media(max-width:1400px){

.kb7-testimonials-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:992px){

.kb7-testimonials-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.kb7-testimonials{

padding:70px 0;

}

.kb7-testimonials-grid{

grid-template-columns:1fr;

}

}

/*=========================================
 KB7 TRUST BAR
=========================================*/

.kb7-trust-bar{
    background:linear-gradient(90deg,#4b1c8c,#2f155b);
    padding:24px 0;
}


.kb7-trust-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr)
}

.kb7-trust-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    color:#fff;
    padding:8px 20px;
    position:relative;
    text-align:left;
}

.kb7-trust-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:10px;

    width:1px;

    height:55px;

    background:rgba(255,255,255,.18);

}

.kb7-trust-item i{

    font-size:2rem;

    color:#fff;

}

.kb7-trust-item span{

    font-weight:700;

    line-height:1.4;

}

/*=========================================
 COUNTRY BAR
=========================================*/

.kb7-country-bar{

    background:#fff;

    border-bottom:1px solid #ece9f8;

}

.kb7-country-row{

    display:flex;

    align-items:center;

    justify-content:space-evenly;

    gap:30px;

    padding:18px 0;

    flex-wrap:wrap;

}

.kb7-country-title{

    display:flex;

    align-items:center;

    gap:10px;

    color:#5b2bc8;

    font-weight:700;

}

.kb7-country-title i{

    font-size:1.2rem;

}

.kb7-country{

    display:flex;

    align-items:center;

    gap:12px;

    position:relative;

    padding-right:30px;

}

.kb7-country:not(:last-child)::after{

    content:"";

    position:absolute;

    right:8px;

    top:2px;

    width:1px;

    height:45px;

    background:#ece9f8;

}

.kb7-country{

    font-size:2rem;

}

.kb7-country strong{

    display:block;

    font-size:.95rem;

    color:#2d2542;

}

.kb7-country small{

    color:#777;

    font-size:.8rem;

}

.kb7-country small.active{

    color:#5ba629;

}

.kb7-country img{
	width:54px;
	height:54px;
	object-fit:cover;
	border-radius:31px;
	background:#fff;
	box-shadow:0 4px 14px rgba(0,0,0,.13);
}


/*=========================================
 KB7 SERVICES
=========================================*/

.kb7-services{
    padding:90px 0;
    background:#fff;
}

.kb7-services-heading{
    text-align:center;
    margin-bottom:60px;
}

.kb7-services-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    font-size:2.3rem;
    font-weight:800;

    color:#31195b;

    margin-bottom:12px;

}

.kb7-services-badge i{

    color:#c7d63d;
    font-size:1rem;

}

.kb7-services-heading p{

    color:#666;
    font-size:1.1rem;
    margin:0;

}

/* GRID */

.kb7-services-grid{

    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:28px;

}

/* CARD */

.kb7-service-card{

    background:#fff;

    border:1px solid #ece9f8;
    border-radius:24px;

    padding:20px 13px;

    text-align:center;

    text-decoration:none;

    color:inherit;

    transition:.35s;

    box-shadow:0 10px 25px rgba(42,8,123,.05);

}

.kb7-service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 45px rgba(42,8,123,.12);

    border-color:#7b4df2;

}

/* ICON */

.kb7-service-icon{

    width:85px;
    height:85px;

    margin:auto auto 28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#f6f0ff;

}

.kb7-service-icon i{

    font-size:3rem;
    color:#6b2ed4;

}

.kb7-service-card h3{

    font-size:1.45rem;

    font-weight:800;

    color:#24173d;

    margin-bottom:18px;

    line-height:1.35;

}

.kb7-service-card p{

    color:#666;

    line-height:1.8;

    margin:0;

    font-size:.95rem;

}

/* RESPONSIVE */

@media(max-width:1400px){

    .kb7-services-grid{

        grid-template-columns:repeat(3,1fr);

    }

}

@media(max-width:992px){

    .kb7-services-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .kb7-services{

        padding:70px 0;

    }

    .kb7-services-grid{

        grid-template-columns:1fr;

    }

    .kb7-services-badge{

        font-size:1.9rem;

    }

    .kb7-service-card{

        padding:35px 25px;

    }

    .kb7-service-icon{

        width:75px;
        height:75px;

    }

    .kb7-service-icon i{

        font-size:2.5rem;

    }

}

/*===========================
 Responsive
===========================*/

@media(max-width:1200px){

    .kb7-trust-grid{

        grid-template-columns:repeat(3,1fr);

        gap:25px;

    }

    .kb7-trust-item::after{

        display:none;

    }

}

@media(max-width:768px){

    .kb7-trust-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .kb7-country-row{

        justify-content:center;

        text-align:center;

    }

    .kb7-country{

        padding-right:0;

    }

    .kb7-country::after{

        display:none;

    }

}

@media(max-width:576px){

    .kb7-trust-grid{

        grid-template-columns:1fr;

    }

    .kb7-trust-item{

        justify-content:flex-start;

    }

}


/*=========================================
 KB7 WHY CHOOSE
=========================================*/

.kb7-why{

    position:relative;
    overflow:hidden;
    padding:80px 0;
    min-height:420px;

}

.kb7-why-image{

    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

}

.kb7-why-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(76,27,136,.96) 0%,
        rgba(67,30,120,.94) 48%,
        rgba(41,20,78,.60) 75%,
        rgba(0,0,0,.20) 100%
    );

}

.kb7-why .kb7-container{
    position:relative;
    z-index:2;

    display:grid;
    /* grid-template-columns:60% 40%; */
    align-items:center;

    width:min(100% - 60px,1400px);
    /* margin:auto; */
    min-height:420px;
}

.kb7-why-content{
    max-width:none;
    width:100%;
}

.kb7-why-badge{

    display:inline-flex;
    align-items:center;
    gap:12px;

    color:#fff;

    font-size:3rem;
    font-weight:800;

    margin-bottom:10px;

}

.kb7-why-badge i{

    color:#b9d741;
    font-size:1rem;

}

.kb7-why-content p{

    color:rgba(255,255,255,.82);

    font-size:1.25rem;

    margin-bottom:60px;

}

/* GRID */

.kb7-why-grid{

    display:grid;

    grid-template-columns:repeat(8,1fr);

    gap:35px;

}

/* ITEM */

.kb7-why-item{

    text-align:center;

    color:#fff;

    transition:.35s;

}

.kb7-why-item:hover{

    transform:translateY(-8px);

}

.kb7-why-item i{

    font-size:3.5rem;

    margin-bottom:18px;

}

.kb7-why-item h4{

    font-size:1.05rem;

    font-weight:700;

    line-height:1.45;

}

/*============================
 Responsive
============================*/

@media(max-width:1400px){

.kb7-why-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:768px){

.kb7-why{

padding:70px 0;

}

.kb7-why-grid{

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.kb7-why-badge{

font-size:2rem;

}

.kb7-why-content p{

margin-bottom:40px;

}

}

@media(max-width:500px){

.kb7-why-grid{

grid-template-columns:1fr;

}

}


/*=========================================
 KB7 CAREER CTA
=========================================*/

.kb7-career-cta{
    padding:90px 49px;
}

.kb7-career-cta-card{

    background:linear-gradient(135deg,#26124d,#34186c);

    border-radius:24px;

    padding:35px 45px;

    display:grid;

    grid-template-columns:
    90px
    1.6fr
    auto
    1px
    auto
    50px;

    align-items:center;

    gap:30px;

    color:#fff;

    box-shadow:0 18px 45px rgba(42,8,123,.18);

}

.kb7-career-cta-icon{

    width:90px;
    height:90px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.18);

    display:flex;
    align-items:center;
    justify-content:center;

}

.kb7-career-cta-icon i{

    font-size:3rem;

    color:#fff;

}

.kb7-career-cta-content h2{

    font-size:2rem;

    margin-bottom:10px;

    font-weight:800;

}

.kb7-career-cta-content p{

    color:rgba(255,255,255,.8);

    margin:0;

    line-height:1.8;

}

.kb7-career-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 34px;

    border-radius:18px;

    background:#fff;

    color:#4520b5;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

    white-space:nowrap;

}

.kb7-career-btn:hover{

    background:#f6f3ff;

    color:#4520b5;

    transform:translateY(-3px);

}

.kb7-career-divider{

    width:1px;

    height:70px;

    background:rgba(255,255,255,.15);

}

.kb7-career-phone{

    display:flex;

    align-items:center;

    gap:16px;

}

.kb7-career-phone-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;

    align-items:center;

    justify-content:center;

}

.kb7-career-phone-icon i{

    font-size:1.8rem;

}

.kb7-career-phone small{

    display:block;

    color:rgba(255,255,255,.75);

    margin-bottom:4px;

}

.kb7-career-phone h3{

    margin:0;

    font-size:1.6rem;

    font-weight:700;

}

.kb7-career-heart{

    display:flex;

    align-items:center;

    justify-content:center;

}

.kb7-career-heart i{

    font-size:2.2rem;

    color:#5d2ad5;

    opacity:.6;

}

/*===========================
 Hover Effects
===========================*/

.kb7-career-cta-card:hover .kb7-career-heart i{

    color:#9acd32;

    opacity:1;

    transition:.35s;

}

.kb7-career-cta-card:hover .kb7-career-cta-icon{

    transform:rotate(-5deg);

    transition:.35s;

}

/*===========================
 Responsive
===========================*/

@media(max-width:1200px){

.kb7-career-cta-card{

grid-template-columns:90px 1fr;

text-align:center;

}

.kb7-career-divider,

.kb7-career-heart{

display:none;

}

.kb7-career-cta-icon,

.kb7-career-cta-content,

.kb7-career-cta-action,

.kb7-career-phone{

grid-column:1 / -1;

justify-content:center;

margin:auto;

}

}

@media(max-width:768px){

.kb7-career-cta{

padding:70px 0;

}

.kb7-career-cta-card{

padding:30px 25px;

}

.kb7-career-btn{

width:100%;

justify-content:center;

}

.kb7-career-cta-content h2{

font-size:1.7rem;

}

.kb7-career-phone{

flex-direction:column;

}

}

/* ============================================================
   PUBLIC HERO HEIGHT CONSISTENCY
   ============================================================ */

:root{
    --kb7-public-hero-height:620px;
    --kb7-public-hero-height-tablet:500px;
}

:is(
    .hero,
    .about-service-hero,
    .about-hero,
    .about-hero-banner,
    .services-hero-banner,
    .locations-hero-banner,
    .contact-hero,
    .careers-hero,
    .job-details-hero,
    .services-detail-hero,
    .con-hero,
    .car-hero,
    .res-hero,
    .gn-hero,
    .aus-hero,
    .vac-hero,
    .jd-hero,
    .kb7-career-hero,
    .scp-hero
){
    min-height:var(--kb7-public-hero-height);
    box-sizing:border-box;
}

.hero .container,
.hero .row,
.careers-hero .container,
.careers-hero .row,
.job-details-hero .container,
.job-details-hero .row,
.about-hero-banner__inner,
.services-hero-banner__inner,
.locations-hero-banner__inner,
.contact-hero .container,
.contact-hero__inner,
.vac-hero__inner,
.jd-hero__inner,
.kb7-career-hero__container,
.scp-hero__inner{
    min-height:auto;
    box-sizing:border-box;
}

.hero .container{
    min-height:var(--kb7-public-hero-height);
}

.res-hero{
    align-items:center;
}

.res-hero .container{
    padding-top:0;
    padding-bottom:0;
}

.jd-hero__inner{
    padding:0;
    width:min(100% - 48px,1200px);
    margin:0 auto;
}

.kb7-career-hero__container{
    min-height:var(--kb7-public-hero-height);
    width:min(100% - 48px,1450px);
    margin:0 auto;
}

@media(max-width:991.98px){
    :is(
        .hero,
        .about-service-hero,
        .about-hero,
        .about-hero-banner,
        .services-hero-banner,
        .locations-hero-banner,
        .contact-hero,
        .careers-hero,
        .job-details-hero,
        .services-detail-hero,
        .con-hero,
        .car-hero,
        .res-hero,
        .gn-hero,
        .aus-hero,
        .vac-hero,
        .jd-hero,
        .kb7-career-hero,
        .scp-hero
    ){
        min-height:var(--kb7-public-hero-height-tablet);
    }

    .hero .container,
    .kb7-career-hero__container{
        min-height:var(--kb7-public-hero-height-tablet);
    }
}

@media(max-width:767.98px){
    :is(
        .hero,
        .about-service-hero,
        .about-hero,
        .about-hero-banner,
        .services-hero-banner,
        .locations-hero-banner,
        .contact-hero,
        .careers-hero,
        .job-details-hero,
        .services-detail-hero,
        .con-hero,
        .car-hero,
        .res-hero,
        .gn-hero,
        .aus-hero,
        .vac-hero,
        .jd-hero,
        .kb7-career-hero,
        .scp-hero
    ){
        min-height:auto;
    }

    .hero .container,
    .kb7-career-hero__container{
        min-height:auto;
    }
}