.kes-pt{--kes-pt-eyebrow:#c29b56;--kes-pt-heading:#0a3764;--kes-pt-body:#637489;--kes-pt-step-title:#093a6c;--kes-pt-icon-bg:#eaf4f8;--kes-pt-icon:#0a4970;--kes-pt-number-bg:#d9b371;--kes-pt-number:#fff;--kes-pt-line:#c7d1d9;--kes-pt-circle:76px;--kes-pt-cols:5;--kes-pt-gap:20px;min-width:0;width:100%;container:kes-pt/inline-size}
.kes-pt *,.kes-pt *::before,.kes-pt *::after{box-sizing:border-box}
.kes-pt__intro{text-align:center;margin:0 auto 52px;max-width:860px}
.kes-pt__eyebrow{display:block;color:var(--kes-pt-eyebrow);letter-spacing:.09em;font-size:12px;font-weight:700;margin:0 0 11px}
.kes-pt__heading{color:var(--kes-pt-heading);font-size:clamp(24px,3vw,36px);font-weight:750;line-height:1.3;margin:0 0 13px}
.kes-pt__description{color:var(--kes-pt-body);font-size:14px;line-height:1.7;margin:0}
.kes-pt__steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(min(var(--kes-pt-cols),var(--kes-pt-count)),minmax(0,1fr));column-gap:var(--kes-pt-gap);row-gap:34px}
.kes-pt--flow-rtl .kes-pt__steps{direction:rtl}
.kes-pt--flow-ltr .kes-pt__steps{direction:ltr}
.kes-pt__step{min-width:0;position:relative;text-align:center}
.kes-pt__marker{width:var(--kes-pt-circle);height:var(--kes-pt-circle);border-radius:50%;background:var(--kes-pt-icon-bg);color:var(--kes-pt-icon);position:relative;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--kes-pt-icon) 10%,transparent)}
.kes-pt__marker::after{content:"";position:absolute;top:50%;inset-inline-start:100%;width:calc((100cqw - var(--kes-pt-circle) * min(var(--kes-pt-cols),var(--kes-pt-count)))/min(var(--kes-pt-cols),var(--kes-pt-count)) + var(--kes-pt-gap));height:1px;background:var(--kes-pt-line);pointer-events:none}
.kes-pt__step:last-child .kes-pt__marker::after{display:none}
.kes-pt__icon{font-size:25px;line-height:1;display:flex;align-items:center;justify-content:center}
.kes-pt__icon i{font-size:1em}.kes-pt__icon svg{width:1em;height:1em;fill:currentColor}
.kes-pt__number{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;border-radius:50%;min-width:26px;height:26px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--kes-pt-number-bg);color:var(--kes-pt-number);font-size:12px;font-weight:700}
.kes-pt__step-title{color:var(--kes-pt-step-title);font-size:16px;line-height:1.5;font-weight:700;margin:0 0 10px;overflow-wrap:break-word}
.kes-pt__step-title a{color:inherit;text-decoration:none}
.kes-pt__step-copy{font-size:13px;line-height:1.7;color:var(--kes-pt-body);margin:0;overflow-wrap:break-word}
.kes-pt--vertical .kes-pt__steps{grid-template-columns:1fr;max-width:850px;margin:auto;gap:0}
.kes-pt--vertical .kes-pt__step{display:flex;align-items:flex-start;text-align:start;gap:22px;min-height:135px}
.kes-pt--vertical .kes-pt__marker{flex:0 0 var(--kes-pt-circle);margin:0}
.kes-pt--vertical .kes-pt__marker::after{inset-inline-start:50%;top:100%;width:1px;height:calc(135px - var(--kes-pt-circle));}
.kes-pt--vertical .kes-pt__step-body{padding:12px 0 24px;flex:1}
.kes-pt--zigzag .kes-pt__step:nth-child(even){padding-top:28px}
@container kes-pt (max-width:950px){
 .kes-pt:not(.kes-pt--vertical) .kes-pt__steps{grid-template-columns:repeat(min(2,var(--kes-pt-cols),var(--kes-pt-count)),minmax(0,1fr));gap:30px}
 .kes-pt:not(.kes-pt--vertical) .kes-pt__marker::after{display:none}
 .kes-pt__intro{margin-bottom:30px}
}
@container kes-pt (max-width:600px){
 .kes-pt:not(.kes-pt--vertical) .kes-pt__steps{grid-template-columns:1fr;max-width:650px;margin:auto;gap:0}
 .kes-pt:not(.kes-pt--vertical) .kes-pt__step{display:flex;text-align:start;gap:18px;min-height:130px}
 .kes-pt:not(.kes-pt--vertical) .kes-pt__marker{flex:0 0 var(--kes-pt-circle);margin:0}
 .kes-pt:not(.kes-pt--vertical) .kes-pt__step-body{padding-top:8px;flex:1;min-width:0}
 .kes-pt--zigzag .kes-pt__step:nth-child(even){padding-top:0}
}
