.role-map{background-color:#fff;border-radius:20px;box-shadow:0 0 30px #ccc;margin:auto;max-width:1200px;padding:20px;position:relative}.role-map__layout{align-items:center;display:flex;flex-wrap:wrap;gap:90px 30px;justify-content:center;position:relative;z-index:2}.role-map__layout>.role-node{flex:0 0 calc(25% - 22.5px);position:relative;text-align:center;z-index:1}.role-node__icon{align-items:center;background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.1);display:flex;font-size:34px;height:88px;justify-content:center;margin:auto;width:88px}.role-node__label{font-size:12px;font-weight:700;margin-bottom:14px;margin-top:14px;text-transform:uppercase}.role-map__lines{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}.role-map__lines line{stroke-dasharray:1600;stroke-dashoffset:1600}.role-map__lines line.animate{animation:drawLine 3.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawLine{to{stroke-dashoffset:0}}@media (max-width:768px){.role-map__lines{display:none}.role-map__layout>.role-node{flex:0 0 100%}.role-node.graph_below_five{display:flex;flex-direction:column-reverse}.role-map__layout{gap:10px}.role-map__layout .role-node__icon{margin-bottom:20px;margin-top:20px}.role-map__layout .role-node__label{margin-bottom:0;margin-top:0}}