.hapo-expert-importance{position:relative;isolation:isolate;box-sizing:border-box;min-height:1030px;overflow:hidden;padding:56px 24px 80px;background:#fff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-expert-importance *{box-sizing:border-box}
.hapo-expert-importance--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-expert-importance--container{width:100%}
.hapo-expert-importance__inner{position:relative;z-index:1;width:min(1360px,100%);margin:auto;text-align:center}
.hapo-expert-importance__header{margin:0 auto}
.hapo-expert-importance .hapo-expert-importance__heading{position:relative;display:table;margin:0 auto;color:#09090b;font-size:clamp(31px,2.25vw,44px);font-weight:800;letter-spacing:-1.35px;line-height:1.3}
.hapo-expert-importance__heading>span:not(.hapo-expert-importance__quote){display:block}
.hapo-expert-importance__quote{position:absolute;color:#00c94f;font-family:Georgia,serif;font-size:88px;font-weight:400;line-height:1}
.hapo-expert-importance__quote:first-child{top:-18px;left:-68px}
.hapo-expert-importance__quote:last-child{right:-70px;bottom:-49px}
.hapo-expert-importance__rule{display:block;width:150px;height:4px;margin:22px auto 23px;background:linear-gradient(90deg,#2ad6a2,#0aa365)}
.hapo-expert-importance__description{max-width:1160px;margin:0 auto;font-size:19px;font-weight:500;line-height:1.58}
.hapo-expert-importance__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:58px 0 0;padding:0;list-style:none}
.hapo-expert-importance__card{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:25px 18px;border-radius:13px;background:#fff;box-shadow:0 4px 30px rgba(15,52,34,.045)}
.hapo-expert-importance__icon{display:block;width:96px;height:96px;object-fit:contain}
.hapo-expert-importance__card h3{margin:0;color:#09090b;font-size:18px;font-weight:800;line-height:1.35;text-align:center}
.hapo-expert-importance .hapo-expert-importance__cta{display:inline-flex;align-items:center;gap:22px;min-height:56px;margin:60px auto 0;padding:13px 28px;border-radius:999px;background:#ffda0a;color:#09090b;font-size:18px;font-weight:700;text-decoration:none}
.hapo-expert-importance .hapo-expert-importance__cta:hover,.hapo-expert-importance .hapo-expert-importance__cta:focus-visible{color:#09090b}
.hapo-expert-importance__arrow{font-size:27px;font-weight:400;line-height:1}
.hapo-expert-importance__squares{position:absolute;z-index:0;width:430px;height:430px;pointer-events:none}
.hapo-expert-importance__squares--top{top:59px;right:-136px}
.hapo-expert-importance__squares--bottom{bottom:92px;left:-209px}
.hapo-expert-importance__squares i{position:absolute;display:block;width:220px;height:220px;background:#16df31;opacity:.07;will-change:transform,opacity;animation:hapo-expert-square-breathe 10s ease-in-out infinite}
.hapo-expert-importance__squares i:nth-child(1){top:0;left:53px;animation-delay:0s}
.hapo-expert-importance__squares i:nth-child(2){top:67px;left:0;animation-delay:-3.33s}
.hapo-expert-importance__squares i:nth-child(3){top:115px;left:110px;animation-delay:-6.66s}
.hapo-expert-importance__squares--bottom i:nth-child(1){top:0;left:0}
.hapo-expert-importance__squares--bottom i:nth-child(2){top:93px;left:72px}
.hapo-expert-importance__squares--bottom i:nth-child(3){top:160px;left:0}
@keyframes hapo-expert-square-breathe{0%,100%{transform:scale(.72);opacity:0}25%{opacity:.075}55%{transform:scale(1.32);opacity:.045}78%{transform:scale(1.58);opacity:0}}
@media(max-width:1100px){.hapo-expert-importance{min-height:0;padding-block:70px 85px}.hapo-expert-importance__cards{gap:14px}.hapo-expert-importance__card h3{font-size:16px}.hapo-expert-importance__description{font-size:17px}}
@media(max-width:700px){.hapo-expert-importance{padding:62px 20px 76px}.hapo-expert-importance .hapo-expert-importance__heading{font-size:clamp(26px,7vw,35px);letter-spacing:-.7px}.hapo-expert-importance__quote{font-size:55px}.hapo-expert-importance__quote:first-child{top:-31px;left:0}.hapo-expert-importance__quote:last-child{right:0;bottom:-40px}.hapo-expert-importance__rule{margin-top:30px}.hapo-expert-importance__description{font-size:16px}.hapo-expert-importance__description br{display:none}.hapo-expert-importance__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px}.hapo-expert-importance__card{min-height:170px;gap:10px;padding:20px 12px}.hapo-expert-importance__icon{width:75px;height:75px}.hapo-expert-importance__card h3{font-size:13px}.hapo-expert-importance .hapo-expert-importance__cta{margin-top:40px;font-size:15px}.hapo-expert-importance__squares{transform:scale(.55)}.hapo-expert-importance__squares--top{top:20px;right:-230px}.hapo-expert-importance__squares--bottom{bottom:0;left:-240px}}
@media(max-width:380px){.hapo-expert-importance__cards{grid-template-columns:1fr}.hapo-expert-importance__card{min-height:145px}}
@media(prefers-reduced-motion:reduce){.hapo-expert-importance__squares i{animation:none;transform:none;opacity:.045;will-change:auto}}

/* Mobile reference correction — 2026-10-20 (Đội ngũ chuyên gia.jpg, 375×18333). Measured from the supplied mobile frame; local values, not shared tokens. */
.hapo-expert-importance .hapo-expert-importance__cards>li{margin-left:0}
@media(max-width:700px){
.hapo-expert-importance{padding:70px 16px 70px}
.hapo-expert-importance .hapo-expert-importance__heading{display:block;font-size:26px;letter-spacing:-.6px;line-height:1.3}
.hapo-expert-importance__heading>span:not(.hapo-expert-importance__quote){display:inline}
.hapo-expert-importance__heading>span:not(.hapo-expert-importance__quote)::after{content:" "}
.hapo-expert-importance__quote{position:relative;display:inline;font-size:38px;line-height:0;vertical-align:-.32em}
.hapo-expert-importance__quote:first-child{top:auto;left:auto;margin-right:2px}
.hapo-expert-importance__quote:last-child{right:auto;bottom:auto;margin-left:2px}
.hapo-expert-importance__rule{width:80px;margin:20px auto 16px}
.hapo-expert-importance__description{font-size:16px;line-height:1.32}
.hapo-expert-importance__cards{gap:16px;margin-top:32px}
.hapo-expert-importance__card{min-height:136px;gap:12px;padding:20px 10px;border-radius:10px;box-shadow:0 4px 24px rgba(15,52,34,.07)}
.hapo-expert-importance__icon{width:48px;height:48px}
.hapo-expert-importance__card h3{font-size:12px;line-height:1.35;text-transform:uppercase}
.hapo-expert-importance .hapo-expert-importance__cta{display:flex;width:100%;min-height:46px;margin-top:32px;justify-content:center;gap:12px;padding:10px 18px;font-size:16px;font-weight:500;white-space:nowrap}
.hapo-expert-importance__squares{display:none}
}
@media(max-width:380px){.hapo-expert-importance__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hapo-expert-importance__card{min-height:130px}}
@media(max-width:360px){.hapo-expert-importance .hapo-expert-importance__cta{white-space:normal;font-size:15px;text-align:center}}