.phase-grid-skew{display:flex;flex-flow:row nowrap;margin:0 53px;position:relative}.phase-grid-skew .phase{align-items:center;border:3px solid var(--color-primary);display:flex;flex:2;font-weight:500;justify-content:center;margin:0 4px;padding:40px;text-align:center;text-transform:uppercase;transform:skewX(-34.5deg)}.phase-grid-skew .phase .text{transform:skewX(34.5deg)}.phase-grid-skew .phase:first-of-type{border-left:0;margin-left:0;padding-left:0}.phase-grid-skew .phase-link{align-items:center;background-color:var(--color-white);background-color:var(--color-primary);border:3px solid var(--color-primary);display:flex;flex:1;flex-flow:row nowrap;font-weight:500;margin-left:4px;padding:40px 0 40px 60px;text-align:center;text-transform:uppercase;transform:skewX(-34.5deg);white-space:nowrap}.phase-grid-skew .phase-link .text{color:var(--color-white);transform:skewX(34.5deg)}.phase-grid-skew .phase-start{border:3px solid var(--color-primary);border-right:none;left:-53px}.phase-grid-skew .phase-end,.phase-grid-skew .phase-start{height:100%;position:absolute;top:0;width:120px;z-index:-1}.phase-grid-skew .phase-end{background-color:var(--color-primary);right:-53px}@media (max-width:1200px){.phase-grid-skew{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.phase-grid-skew .phase{margin:0;padding:40px 20px}.phase-grid-skew .phase:first-of-type{border-left:3px solid var(--color-primary)}.phase-grid-skew .phase-link{grid-column:span 2;justify-content:center;padding:40px 20px;white-space:unset}.phase-grid-skew .phase-end,.phase-grid-skew .phase-start{display:none}}@media (max-width:500px){.phase-grid-skew{grid-template-columns:repeat(1,1fr)}.phase-grid-skew .phase-link{grid-column:unset}}