.construction-phases{--dot-size:42px;--line-height:4px;--label-gap:22px;align-items:stretch;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:100px 16px;position:relative}.construction-phases__step{align-items:center;display:flex;flex:1 1 0;flex-direction:column;min-width:0;padding-bottom:calc(var(--dot-size) + var(--label-gap));position:relative;text-align:center}.construction-phases__label{align-items:center;color:var(--secondary-color);display:flex;flex:1 1 auto;font-size:21px;font-weight:600;justify-content:center;line-height:1.2;margin:0;padding:0 10px;white-space:normal}.construction-phases__dot{background:var(--secondary-color);border-radius:50%;bottom:0;height:var(--dot-size);left:50%;position:absolute;transform:translateX(-50%);width:var(--dot-size);z-index:2}.construction-phases__step.is-primary .construction-phases__label{color:var(--primary-color)}.construction-phases__step.is-primary .construction-phases__dot{background:var(--primary-color)}.construction-phases__step:after,.construction-phases__step:before{background:var(--secondary-color);bottom:calc(var(--dot-size)/2 - var(--line-height)/2);content:"";height:var(--line-height);position:absolute;width:calc(50% - var(--dot-size)/2);z-index:1}.construction-phases__step:before{left:0}.construction-phases__step:after{right:0}.construction-phases__step.is-primary:after,.construction-phases__step.is-primary:before{background:var(--primary-color)}.construction-phases__step:first-child:before,.construction-phases__step:last-child:after{display:none}@media (max-width:700px){.construction-phases{--dot-size:30px;--label-gap:10px;--connector-overlap:16px;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;padding:40px 16px;padding-inline:0;row-gap:0;width:100%}.construction-phases__step{align-items:center;flex:0 0 auto;flex-direction:row;gap:14px;margin-inline:auto;max-width:420px;min-height:var(--dot-size);padding-block:15px;padding-left:calc(var(--dot-size) + 14px);text-align:left;width:100%}.construction-phases__label{align-items:center;display:flex;flex:1 1 auto;font-size:19px;justify-content:flex-start;margin:0;padding:0;text-align:left}.construction-phases__dot{bottom:auto;left:calc(var(--dot-size)/2);position:absolute;top:50%;transform:translate(-50%,-50%)}.construction-phases__step:after,.construction-phases__step:before{background:var(--secondary-color);content:"";left:calc(var(--dot-size)/2);position:absolute;transform:translateX(-50%);width:var(--line-height);z-index:1}.construction-phases__step:before{height:calc(50% - var(--dot-size)/2 + var(--connector-overlap));top:0}.construction-phases__step:after{bottom:0;height:calc(50% - var(--dot-size)/2 + var(--connector-overlap))}.construction-phases__step:first-child:before,.construction-phases__step:last-child:after{display:none}}