.hapo-seo-audit-process{box-sizing:border-box;position:relative;width:100%;padding:110px 24px 130px;background:#fff;color:#090909;font-family:Manrope,sans-serif}
.hapo-seo-audit-process--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-seo-audit-process *{box-sizing:border-box}
.hapo-seo-audit-process__inner{width:min(100%,1430px);margin:auto}
.hapo-seo-audit-process__header{text-align:center}
.hapo-seo-audit-process__header h2,.hapo-seo-audit-process__header h3{margin:0;font-size:40px;font-weight:800;line-height:1.3;letter-spacing:-.025em}
.hapo-seo-audit-process__header h2 span,.hapo-seo-audit-process__header h3 span{color:#00bd4c}
.hapo-seo-audit-process__header i{display:block;width:150px;height:4px;margin:26px auto;background:#00ce78}
.hapo-seo-audit-process__header p{max-width:1000px;margin:0 auto;color:#151515;font-size:18px;line-height:1.5}
.hapo-seo-audit-process__steps{display:flex;flex-direction:column;gap:110px;counter-reset:hapo-process;margin-top:90px}
.hapo-seo-audit-process__step{position:relative;align-self:center;width:100%;padding:45px 22px 22px;border:1px dashed #00c65a;background:#e8faef;counter-increment:hapo-process}
.hapo-seo-audit-process__step--compact{max-width:992px}
.hapo-seo-audit-process__step--medium{max-width:1270px}
.hapo-seo-audit-process__step--wide{max-width:1430px}
.hapo-seo-audit-process__step-title{position:absolute;top:-31px;left:50%;z-index:1;width:max-content;max-width:calc(100% - 24px);margin:0;padding:12px 24px;transform:translateX(-50%);background:#00c34e;color:#fff;font-size:20px;font-weight:800;line-height:1.35;text-align:center;white-space:nowrap}
.hapo-seo-audit-process__step-number:after{content:counter(hapo-process) ': '}
.hapo-seo-audit-process__step:not(:last-child):after{position:absolute;left:50%;top:100%;width:1px;height:111px;background:#00c34e;content:''}
.hapo-seo-audit-process__step:not(:last-child):before{position:absolute;z-index:1;left:calc(50% - 14px);top:calc(100% + 31px);border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #00c34e;content:''}
.hapo-seo-audit-process__cards{display:grid;gap:24px}
.hapo-seo-audit-process__step--cols-1 .hapo-seo-audit-process__cards{grid-template-columns:1fr}
.hapo-seo-audit-process__step--cols-2 .hapo-seo-audit-process__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.hapo-seo-audit-process__step--cols-4 .hapo-seo-audit-process__cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.hapo-seo-audit-process__card{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:126px;margin:0;padding:18px 22px;background:#fff;text-align:center}
.hapo-seo-audit-process__step--cols-4 .hapo-seo-audit-process__card{min-height:172px}
.hapo-seo-audit-process__step--cols-1 .hapo-seo-audit-process__card{min-height:84px}
.hapo-seo-audit-process__card h4{margin:0 0 9px;color:#111;font-size:18px;font-weight:800;line-height:1.35}
.hapo-seo-audit-process__card p{margin:0;color:#888;font-size:16px;line-height:1.3}
.hapo-seo-audit-process__empty{width:100%;padding:20px;border:1px dashed #ccc;text-align:center}
@media(max-width:900px){.hapo-seo-audit-process{padding:75px 20px 95px}.hapo-seo-audit-process__header h2,.hapo-seo-audit-process__header h3{font-size:32px}.hapo-seo-audit-process__step--cols-4 .hapo-seo-audit-process__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hapo-seo-audit-process__step--cols-4 .hapo-seo-audit-process__card{min-height:135px}}
@media(max-width:600px){.hapo-seo-audit-process{padding:60px 16px 75px}.hapo-seo-audit-process__header h2,.hapo-seo-audit-process__header h3{font-size:26px}.hapo-seo-audit-process__header i{margin:20px auto}.hapo-seo-audit-process__header p{font-size:15px}.hapo-seo-audit-process__steps{gap:85px;margin-top:85px}.hapo-seo-audit-process__step{padding:43px 14px 14px}.hapo-seo-audit-process__step-title{top:-28px;padding:10px 14px;font-size:15px;white-space:normal;width:max-content;max-width:calc(100% - 16px)}.hapo-seo-audit-process__step:not(:last-child):after{height:86px}.hapo-seo-audit-process__step:not(:last-child):before{top:calc(100% + 26px)}.hapo-seo-audit-process__step--cols-2 .hapo-seo-audit-process__cards,.hapo-seo-audit-process__step--cols-4 .hapo-seo-audit-process__cards{grid-template-columns:1fr}.hapo-seo-audit-process__cards{gap:12px}.hapo-seo-audit-process__card,.hapo-seo-audit-process__step--cols-4 .hapo-seo-audit-process__card{min-height:0;padding:18px 16px}.hapo-seo-audit-process__card h4{font-size:16px}.hapo-seo-audit-process__card p{font-size:14px}}