/* Start custom CSS for html, class: .elementor-element-b0a1d8c *//* DATAHUB.CARE - ABOUT US PAGE */

#dh-about {
  --dha-navy:#102b3f;
  --dha-dark:#0b2030;
  --dha-teal:#11ad99;
  --dha-teal-dark:#078a79;
  --dha-ink:#183347;
  --dha-muted:#607586;
  --dha-light:#f4f8fa;
  --dha-mint:#e8f8f4;
  --dha-border:#dfe9ed;
  color:var(--dha-ink);
  background:#fff;
  line-height:1.7;
  overflow:hidden;
}

#dh-about *,
#dh-about *::before,
#dh-about *::after {
  box-sizing:border-box;
}

#dh-about .dha-container {
  width:min(1160px,calc(100% - 48px));
  margin:auto;
}

#dh-about .dha-section {padding:100px 0}

#dh-about h1,
#dh-about h2,
#dh-about h3,
#dh-about p {margin:0}

#dh-about h1,
#dh-about h2,
#dh-about h3 {
  font-family:inherit;
  line-height:1.15;
  letter-spacing:-.035em;
}

#dh-about h2 {
  font-size:clamp(32px,4vw,49px);
  font-weight:750;
}

#dh-about h2 span {color:var(--dha-teal-dark)}
#dh-about h3 {font-size:21px;font-weight:750}
#dh-about p {color:var(--dha-muted)}
#dh-about a {text-decoration:none}

#dh-about .dha-kicker {
  display:block;
  color:var(--dha-teal-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:20px;
}

#dh-about .dha-two-col {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px;
  align-items:start;
}

#dh-about .dha-prose p {margin-bottom:20px;font-size:15px}
#dh-about .dha-prose strong {color:var(--dha-ink)}

#dh-about .dha-section-heading {
  max-width:750px;
  margin-bottom:45px;
}
#dh-about .dha-section-heading p {
  font-size:16px;
  margin-top:20px;
}
#dh-about .dha-center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* BUTTONS */
#dh-about .dha-actions {
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:32px;
}
#dh-about .dha-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:15px 23px;
  border-radius:9px;
  font-size:14px;
  font-weight:750;
  line-height:1.4;
  transition:transform .2s,background .2s;
}
#dh-about .dha-btn:hover {transform:translateY(-2px)}
#dh-about .dha-btn-primary {
  background:var(--dha-teal);
  color:#fff;
}
#dh-about .dha-btn-primary:hover {
  background:var(--dha-teal-dark);
  color:#fff;
}
#dh-about .dha-btn-outline {
  border:1px solid #668595;
  color:#fff;
}
#dh-about .dha-btn-outline:hover {
  background:#ffffff15;
  color:#fff;
}

/* HERO */
#dh-about .dha-hero {
  background:var(--dha-dark);
  color:#fff;
  padding:110px 0 105px;
  position:relative;
}
#dh-about .dha-hero-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:80px;
}
#dh-about .dha-eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  color:#a6d8d0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
#dh-about .dha-dot,
#dh-about .dha-status {
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#30dbb3;
  flex:none;
}
#dh-about .dha-hero h1 {
  color:#fff;
  font-size:clamp(48px,5.3vw,73px);
  font-weight:800;
  margin:25px 0;
}
#dh-about .dha-hero h1 span {color:#30d4b5}
#dh-about .dha-hero-lead {
  color:#fff;
  font-size:20px;
  font-weight:700;
  margin-bottom:19px;
}
#dh-about .dha-hero-copy {
  color:#b7cbd5;
  font-size:15px;
  max-width:600px;
}

/* HERO PANEL */
#dh-about .dha-hero-panel {
  background:#17394c;
  border:1px solid #365a6b;
  border-radius:20px;
  padding:35px;
  box-shadow:0 25px 65px #00000025;
}
#dh-about .dha-panel-heading {
  color:#a5c7d1;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:30px;
}
#dh-about .dha-stat {
  display:flex;
  align-items:center;
  gap:25px;
}
#dh-about .dha-stat > strong {
  color:#fff;
  font-size:clamp(70px,8vw,112px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.07em;
}
#dh-about .dha-stat > strong span {color:#35d5b6}
#dh-about .dha-stat b {
  display:block;
  color:#fff;
  font-size:17px;
}
#dh-about .dha-stat small {
  display:block;
  color:#a9c3cc;
  font-size:12px;
  margin-top:6px;
}
#dh-about .dha-panel-divider {
  height:1px;
  background:#36596b;
  margin:32px 0;
}
#dh-about .dha-expertise-tags {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
#dh-about .dha-expertise-tags span {
  border:1px solid #42677a;
  background:#23495b;
  color:#d6eef0;
  border-radius:7px;
  padding:9px 12px;
  font-size:12px;
  font-weight:650;
}
#dh-about .dha-panel-bottom {
  display:flex;
  align-items:center;
  gap:10px;
  border-top:1px solid #36596b;
  padding-top:22px;
  margin-top:28px;
  color:#accbd1;
  font-size:12px;
}

/* STRIP */
#dh-about .dha-strip {
  background:#e9f7f4;
  border-bottom:1px solid #d2ebe5;
}
#dh-about .dha-strip-inner {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:15px 25px;
  padding:23px 0;
  color:#216457;
  font-size:13px;
  font-weight:750;
}
#dh-about .dha-strip-inner span::before {
  content:"✦";
  color:var(--dha-teal);
  margin-right:10px;
}

/* STORY */
#dh-about .dha-story {background:#fff}

/* MISSION */
#dh-about .dha-mission {
  background:#e9f7f4;
  padding:80px 0;
}
#dh-about .dha-mission-inner {
  max-width:900px;
  text-align:center;
}
#dh-about .dha-mission h2 {
  font-size:clamp(32px,4.3vw,52px);
}
#dh-about .dha-mission p {
  max-width:730px;
  margin:23px auto 0;
  font-size:17px;
}

/* FOUNDER */
#dh-about .dha-founder {background:#fff}
#dh-about .dha-founder-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:80px;
  align-items:start;
}
#dh-about .dha-founder-profile {
  border:1px solid var(--dha-border);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 40px #102b3f0b;
}
#dh-about .dha-founder-avatar {
  min-height:340px;
  background:#e8f6f2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:20px;
}
#dh-about .dha-avatar-initials {
  width:165px;
  height:165px;
  border-radius:50%;
  background:var(--dha-navy);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:58px;
  font-weight:800;
  letter-spacing:-.06em;
}
#dh-about .dha-founder-avatar > span {
  color:#087e70;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
}
#dh-about .dha-founder-identity {padding:30px}
#dh-about .dha-founder-identity h3 {font-size:26px}
#dh-about .dha-founder-identity p {
  font-size:14px;
  margin-top:7px;
}
#dh-about .dha-linkedin {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:24px;
  color:#087e70;
  font-size:13px;
  font-weight:800;
}
#dh-about .dha-linkedin-icon {
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:4px;
  background:#0a66c2;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.05em;
}
#dh-about .dha-founder-content h2 {margin-bottom:25px}
#dh-about .dha-founder-content > p {
  font-size:15px;
  margin-bottom:18px;
}
#dh-about .dha-founder-content > p strong {color:var(--dha-ink)}
#dh-about .dha-founder-quote {
  background:#edf8f5;
  border-left:4px solid var(--dha-teal);
  padding:24px 27px;
  border-radius:0 12px 12px 0;
  margin-top:30px;
}
#dh-about .dha-founder-quote > span {
  color:var(--dha-teal-dark);
  font-size:45px;
  font-weight:800;
  line-height:1;
}
#dh-about .dha-founder-quote p {
  color:#285c58;
  font-size:16px;
  font-weight:650;
  font-style:italic;
  margin-top:3px;
}

/* EXPERTISE */
#dh-about .dha-expertise {background:var(--dha-light)}
#dh-about .dha-expertise-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
#dh-about .dha-expertise-card {
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--dha-border);
  border-radius:15px;
  padding:30px;
  transition:transform .2s,box-shadow .2s;
}
#dh-about .dha-expertise-card:hover {
  transform:translateY(-4px);
  box-shadow:0 15px 35px #102b3f10;
}
#dh-about .dha-card-icon {
  width:52px;
  height:52px;
  background:#e1f6f0;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#078b78;
  font-size:27px;
  margin-bottom:24px;
}
#dh-about .dha-expertise-card h3 {margin-bottom:14px}
#dh-about .dha-expertise-card p {
  font-size:14px;
  margin-bottom:23px;
}
#dh-about .dha-expertise-card > span {
  margin-top:auto;
  border-top:1px solid var(--dha-border);
  padding-top:15px;
  color:#078b78;
  font-size:11px;
  font-weight:750;
}

/* SECTOR */
#dh-about .dha-sector {background:#fff}
#dh-about .dha-sector .dha-two-col {align-items:start}
#dh-about .dha-sector .dha-two-col > div:first-child p {
  margin-top:22px;
  font-size:15px;
}
#dh-about .dha-sector-list > div {
  display:flex;
  align-items:flex-start;
  gap:20px;
  padding:22px 0;
  border-bottom:1px solid var(--dha-border);
}
#dh-about .dha-sector-list > div:first-child {padding-top:0}
#dh-about .dha-sector-list > div > span {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  flex:0 0 43px;
  background:var(--dha-mint);
  color:var(--dha-teal-dark);
  border-radius:10px;
  font-size:13px;
  font-weight:800;
}
#dh-about .dha-sector-list h3 {
  font-size:18px;
  margin-bottom:8px;
}
#dh-about .dha-sector-list p {font-size:13px}

/* APPROACH */
#dh-about .dha-approach {background:#eef7f6}
#dh-about .dha-approach-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;
}
#dh-about .dha-approach-grid article {
  background:#fff;
  border:1px solid #d6e9e5;
  border-radius:14px;
  padding:27px 22px;
}
#dh-about .dha-approach-grid article > span {
  display:inline-block;
  color:var(--dha-teal-dark);
  font-size:13px;
  font-weight:800;
  margin-bottom:25px;
}
#dh-about .dha-approach-grid h3 {
  font-size:19px;
  margin-bottom:13px;
}
#dh-about .dha-approach-grid p {font-size:13px}

/* WHY DATAHUB */
#dh-about .dha-why {background:#fff}
#dh-about .dha-why-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}
#dh-about .dha-why-grid > div:first-child p {
  margin-top:20px;
  font-size:15px;
}
#dh-about .dha-why-panel {
  background:#f4f9f8;
  border:1px solid #dbeae7;
  border-radius:17px;
  padding:30px;
}
#dh-about .dha-why-panel > div {
  display:flex;
  align-items:flex-start;
  gap:15px;
  border-bottom:1px solid #dceae7;
  padding:15px 0;
}
#dh-about .dha-why-panel > div:last-child {border:0}
#dh-about .dha-why-panel span {
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:0 0 27px;
  background:#d7f4e9;
  color:#078b78;
  border-radius:50%;
  font-weight:800;
}
#dh-about .dha-why-panel p {
  color:#315765;
  font-size:14px;
  font-weight:650;
}

/* CTA */
#dh-about .dha-cta {
  background:var(--dha-dark);
  text-align:center;
}
#dh-about .dha-cta-inner {max-width:850px}
#dh-about .dha-cta .dha-kicker {color:#60dfc4}
#dh-about .dha-cta h2 {
  color:#fff;
  font-size:clamp(38px,5vw,60px);
}
#dh-about .dha-cta h2 span {color:#46dbbd}
#dh-about .dha-cta p {
  max-width:680px;
  color:#b7cbd5;
  font-size:16px;
  margin:24px auto 0;
}
#dh-about .dha-cta-actions {
  justify-content:center;
  margin-top:32px;
}
#dh-about .dha-cta small {
  display:block;
  color:#9cb4be;
  margin-top:25px;
  font-size:12px;
}

/* ACCESSIBILITY */
#dh-about a:focus-visible {
  outline:3px solid var(--dha-teal);
  outline-offset:4px;
}
#dh-about section[id] {scroll-margin-top:90px}

/* TABLET */
@media(max-width:1024px) {
  #dh-about .dha-hero-grid {gap:35px}
  #dh-about .dha-two-col,
  #dh-about .dha-founder-grid,
  #dh-about .dha-why-grid {gap:40px}
  #dh-about .dha-expertise-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #dh-about .dha-approach-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* MOBILE */
@media(max-width:767px) {
  #dh-about .dha-container {
    width:min(100% - 36px,540px);
  }
  #dh-about .dha-section {padding:65px 0}
  #dh-about h2 {font-size:34px}
  #dh-about .dha-hero {padding:75px 0}
  #dh-about .dha-hero-grid,
  #dh-about .dha-two-col,
  #dh-about .dha-founder-grid,
  #dh-about .dha-why-grid,
  #dh-about .dha-expertise-grid,
  #dh-about .dha-approach-grid {
    grid-template-columns:1fr;
    gap:25px;
  }
  #dh-about .dha-hero h1 {
    font-size:clamp(44px,10vw,60px);
  }
  #dh-about .dha-hero-lead {font-size:18px}
  #dh-about .dha-hero-panel {padding:25px}
  #dh-about .dha-stat {gap:15px}
  #dh-about .dha-stat > strong {font-size:75px}
  #dh-about .dha-stat b {font-size:15px}
  #dh-about .dha-actions {
    flex-direction:column;
    align-items:stretch;
  }
  #dh-about .dha-strip-inner {
    justify-content:center;
    gap:12px 18px;
    font-size:11px;
  }
  #dh-about .dha-mission {padding:65px 0}
  #dh-about .dha-mission p {font-size:15px}
  #dh-about .dha-founder-avatar {min-height:260px}
  #dh-about .dha-avatar-initials {
    width:130px;
    height:130px;
    font-size:46px;
  }
  #dh-about .dha-founder-identity {padding:25px}
  #dh-about .dha-section-heading {margin-bottom:30px}
  #dh-about .dha-why-panel {padding:23px}
  #dh-about .dha-cta h2 {font-size:40px}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce) {
  #dh-about *,
  #dh-about *::before,
  #dh-about *::after {
    transition:none!important;
    animation:none!important;
  }
}

/* Founder profile photo */

#dh-about .dha-avatar-initials {
  width:165px;
  height:165px;
  border-radius:50%;
  overflow:hidden;
  background:#e8f6f2;
  border:4px solid #fff;
  box-shadow:0 8px 25px rgba(16,43,63,.15);
}

#dh-about .dha-avatar-initials img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
}

@media(max-width:767px) {
  #dh-about .dha-avatar-initials {
    width:130px;
    height:130px;
  }
}

.elementor-element-ce88cac{
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  gap: 0 !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  --gap: 0 !important;
}/* End custom CSS */