/* About Us redesigned sections; existing CMS layer keys preserved */
.on[data-p="about"] .about-blue{color:#1765dc}
.on[data-p="about"] section.about-needs-v165,.on[data-p="about"] section.about-principles-v165,.on[data-p="about"] section.about-people-v165{padding:72px 0 85px;background:#f4f9ff}
.on[data-p="about"] section.about-needs-v165 h2,.on[data-p="about"] section.about-principles-v165 h2,.on[data-p="about"] section.about-people-v165 h2{font-family:var(--helprite-font-heading,inherit)!important;font-size:clamp(32px,3vw,44px)!important;line-height:1.13!important;letter-spacing:-.035em!important;font-weight:700!important;color:#102758;margin:0 0 44px}
.on[data-p="about"] .about-needs-v165{background:linear-gradient(145deg,#f1f8ff,#e4f1ff 80%,#f5faff)!important}
.on[data-p="about"] .about-needs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.on[data-p="about"] .about-service-card{display:grid;grid-template-columns:42% minmax(0,1fr);gap:26px;align-items:stretch;background:white;padding:16px;border-radius:26px;min-height:280px;box-shadow:0 10px 28px rgba(12,50,100,.10)}
.on[data-p="about"] .about-service-image{min-height:270px;border-radius:22px;background:#e1edfb;overflow:hidden}
.on[data-p="about"] .about-service-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px 12px 18px 0}
.on[data-p="about"] .about-service-info h3{font-size:clamp(20px,1.5vw,26px)!important;line-height:1.15;margin:0 0 16px;color:#102758}
.on[data-p="about"] .about-service-info p{font-size:clamp(15px,1.13vw,18px);line-height:1.52;margin:0 0 26px;color:#23385d}
.on[data-p="about"] .about-service-link{font-size:clamp(16px,1.15vw,19px);font-weight:700;color:#155cd6;text-decoration:none;display:flex;gap:18px;align-items:center;margin-top:auto}
.on[data-p="about"] .about-principles-v165{background:#fff!important}
.on[data-p="about"] .about-principles-label{font-family:var(--helprite-font-body,inherit);font-size:14px;font-weight:800;color:#1765dc;letter-spacing:.04em;margin-bottom:23px}
.on[data-p="about"] .about-principles-label::after{content:"";width:65px;height:2px;background:#1765dc;display:inline-block;vertical-align:middle;margin-left:18px}
.on[data-p="about"] .about-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.on[data-p="about"] .about-principle{position:relative;overflow:hidden;border:1px solid #d7e4f5;border-radius:24px;background:#fff;min-height:300px;padding:32px 32px 50px;box-shadow:0 7px 24px rgba(17,49,89,.025)}
.on[data-p="about"] .about-principle:after{content:"";position:absolute;bottom:-90px;right:-70px;width:260px;height:145px;border-radius:50%;background:#eef7ff;transform:rotate(-19deg)}
.on[data-p="about"] .about-principle-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#dcecff;color:#123c87;margin-bottom:20px}
.on[data-p="about"] .about-principle-icon svg{width:34px;height:34px}
.on[data-p="about"] .about-principle h3{font-size:clamp(19px,1.5vw,25px)!important;line-height:1.2!important;margin:0 0 15px;color:#122958}
.on[data-p="about"] .about-principle p{font-size:clamp(15px,1.13vw,18px);line-height:1.56;color:#243b63}
.on[data-p="about"] .about-people-v165{background:radial-gradient(circle at 0% 0%,#d9eafe 0,transparent 28%),linear-gradient(145deg,#f8fbff,#ebf5ff)!important;text-align:center}
.on[data-p="about"] .about-people-v165 h2{margin-bottom:19px!important}
.on[data-p="about"] .about-people-intro{max-width:970px;margin:0 auto 44px;color:#263d60;line-height:1.6;font-size:clamp(15px,1.15vw,18px)}
.on[data-p="about"] .about-people-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;text-align:left}
.on[data-p="about"] .about-people-list .pp{display:grid!important;grid-template-columns:42% minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:5px 14px!important;align-items:start;min-width:0;padding:14px!important;border-radius:21px!important;border:0!important;background:white!important;box-shadow:0 6px 22px rgba(21,62,111,.07)}
.on[data-p="about"] .about-people-list .av{grid-column:1;grid-row:1/4!important;width:100%!important;aspect-ratio:4/5!important;height:auto!important;border-radius:18px!important;background:#e2ecf8!important;color:transparent!important;font-size:0!important;overflow:hidden}
.on[data-p="about"] .about-people-list .pp h3{grid-column:2;grid-row:1;font-size:clamp(15px,1.2vw,20px)!important;line-height:1.2!important;margin:12px 0 5px!important;overflow-wrap:anywhere}
.on[data-p="about"] .about-people-list .pp p{grid-column:2;grid-row:2;font-size:clamp(12px,1vw,16px)!important;line-height:1.45!important;margin:0!important}
@media(max-width:1100px){.on[data-p="about"] .about-people-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.on[data-p="about"] .about-needs-grid,.on[data-p="about"] .about-principles-grid{grid-template-columns:1fr}.on[data-p="about"] section.about-needs-v165,.on[data-p="about"] section.about-principles-v165,.on[data-p="about"] section.about-people-v165{padding:50px 0}.on[data-p="about"] .about-service-card{grid-template-columns:36% minmax(0,1fr)}}
@media(max-width:540px){.on[data-p="about"] .about-service-card{grid-template-columns:1fr}.on[data-p="about"] .about-service-image{min-height:180px}.on[data-p="about"] .about-service-info{padding:5px 10px 15px}.on[data-p="about"] .about-people-list{grid-template-columns:1fr!important}}