.hapo-website-care-packages{box-sizing:border-box;position:relative;width:100%;padding:0 24px 110px;background:#fff;color:#090909;font-family:Manrope,sans-serif}
.hapo-website-care-packages *{box-sizing:border-box}
.hapo-website-care-packages--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-website-care-packages__inner{width:min(100%,1440px);margin:auto}
.hapo-website-care-packages__header{margin:0 auto 60px;text-align:center}
.hapo-website-care-packages__header h2,.hapo-website-care-packages__header h3{margin:0;color:#090909;font-size:42px;font-weight:800;line-height:1.25;letter-spacing:-.025em}
.hapo-website-care-packages__header h2 span,.hapo-website-care-packages__header h3 span{color:#00bf4b}
.hapo-website-care-packages__rule{display:block;width:150px;height:4px;margin:24px auto 0;background:#10c975}
.hapo-website-care-packages__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;align-items:stretch}
.hapo-website-care-packages__card{display:flex;flex-direction:column;min-width:0;min-height:650px;margin:0;padding:60px 24px 48px;border:1px solid #ededed;background:#fff;text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.hapo-website-care-packages__card--business,.hapo-website-care-packages__card--advance{grid-column:span 3;justify-self:center;width:min(100%,500px);min-height:735px;padding:58px 38px 50px;border:0;border-radius:16px}
.hapo-website-care-packages__card--business{justify-self:end;background:linear-gradient(137deg,#f3ffdf 0%,#c8fca8 41%,#8de9bd 75%,#62dfd0 100%)}
.hapo-website-care-packages__card--advance{justify-self:start;background:linear-gradient(137deg,#b9f8e5 0%,#eafbf0 31%,#9decf0 68%,#8ce9dd 100%)}
.hapo-website-care-packages__card--basic{grid-column:span 2}
.hapo-website-care-packages__badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:158px;min-height:36px;margin:0 0 26px;padding:7px 18px;border-radius:999px;background:#16c976;color:#fff;font-size:13px;font-weight:700;line-height:1.2}
.hapo-website-care-packages__card--advance .hapo-website-care-packages__badge{background:#04bce0}
.hapo-website-care-packages__copy{min-height:166px}
.hapo-website-care-packages__copy h3{margin:0 0 26px;color:#080808;font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.03em}
.hapo-website-care-packages__copy p{max-width:410px;margin:0 auto;color:#333;font-size:15px;font-weight:600;line-height:1.55}
.hapo-website-care-packages__card--basic .hapo-website-care-packages__copy{min-height:170px}
.hapo-website-care-packages__card--basic .hapo-website-care-packages__copy p{color:#858585;font-size:14px;font-weight:400}
.hapo-website-care-packages__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0!important;padding:11px 20px;border-radius:999px;background:#2fce87;color:#fff!important;font-size:14px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none}
.hapo-website-care-packages__card--business .hapo-website-care-packages__cta,.hapo-website-care-packages__card--advance .hapo-website-care-packages__cta{background:#fff;color:#171717!important}
.hapo-website-care-packages__features{display:grid;gap:12px;margin:60px 0 0;padding:0;list-style:none;text-align:left}
.hapo-website-care-packages__feature{display:flex;align-items:flex-start;gap:9px;margin:0;color:#151515;font-size:14px;line-height:1.38;list-style:none}
.hapo-website-care-packages__check{flex:none;width:22px;height:22px;color:#2dcc88;overflow:visible}
.hapo-website-care-packages__check circle{fill:currentColor}
.hapo-website-care-packages__check path{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:15;stroke-dashoffset:15;animation:hapo-website-care-check-draw .7s ease forwards}
.hapo-website-care-packages__feature:nth-child(2) .hapo-website-care-packages__check path{animation-delay:.08s}
.hapo-website-care-packages__feature:nth-child(3) .hapo-website-care-packages__check path{animation-delay:.16s}
.hapo-website-care-packages__feature:nth-child(4) .hapo-website-care-packages__check path{animation-delay:.24s}
.hapo-website-care-packages__feature:nth-child(5) .hapo-website-care-packages__check path{animation-delay:.32s}
.hapo-website-care-packages__feature:nth-child(n+6) .hapo-website-care-packages__check path{animation-delay:.4s}
.hapo-website-care-packages__card--advance .hapo-website-care-packages__check{color:#05b8dc}
.hapo-website-care-packages__empty{padding:24px;text-align:center}
@keyframes hapo-website-care-check-draw{to{stroke-dashoffset:0}}
@media(hover:hover){.hapo-website-care-packages__card:hover{transform:translateY(-7px);border-color:#c6f1da;box-shadow:0 20px 40px rgba(0,132,89,.13)}.hapo-website-care-packages__card:hover .hapo-website-care-packages__check path{animation:hapo-website-care-check-draw .65s ease forwards}}
@media(max-width:1100px){.hapo-website-care-packages__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hapo-website-care-packages__card,.hapo-website-care-packages__card--basic,.hapo-website-care-packages__card--business,.hapo-website-care-packages__card--advance{grid-column:auto;width:100%;min-height:640px}.hapo-website-care-packages__card--basic .hapo-website-care-packages__copy{min-height:166px}}
@media(max-width:700px){.hapo-website-care-packages{padding:64px 16px 80px}.hapo-website-care-packages__header{margin-bottom:45px}.hapo-website-care-packages__header h2,.hapo-website-care-packages__header h3{font-size:31px}.hapo-website-care-packages__grid{grid-template-columns:1fr;gap:24px}.hapo-website-care-packages__card,.hapo-website-care-packages__card--basic,.hapo-website-care-packages__card--business,.hapo-website-care-packages__card--advance{min-height:0;padding:42px 20px}.hapo-website-care-packages__copy,.hapo-website-care-packages__card--basic .hapo-website-care-packages__copy{min-height:0;margin-bottom:34px}.hapo-website-care-packages__copy h3{font-size:25px}.hapo-website-care-packages__features{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.hapo-website-care-packages__card{transition:none}.hapo-website-care-packages__card:hover{transform:none}.hapo-website-care-packages__check path,.hapo-website-care-packages__card:hover .hapo-website-care-packages__check path{animation:none;stroke-dashoffset:0}}
