#copilot-readiness-2 {
    top: 25%;
    left: 25%;
}

#responsible-ai-2 {
    left: 25%;
}
#ms-content-ai-2 {
    top: 40%;
    left: 25%;
}

#custom-copilot-plugin-2 {
    top: 0;
    left: 25%;
}

#responsible-ai-2 {
    top: 35%;
    transform: translateY(-50%);
}

#deploy-adopt-2 {
    left: 41%;
    top: 49%;
    rotate: -90deg;
    width: 400px;
    transform-origin: left center;
    height: 35px;
}

#copilot-readiness-2 span.arrow.red {
    position: absolute;
    bottom: 64px;
    height: 195px;
    width: 1px;
    background: #cc0000;
}

#copilot-readiness-2 span.arrow.green {
    position: absolute;
    bottom: 58px;
    right: 3px;
    transform: rotate(14deg);
    height: 208px;
    width: 1px;
    background: green;
}

#responsible-ai-2 span.arrow.green {
    width: 14px;
    height: 1px;
    background: green;
    position: absolute;
    left: 65px;
}

#responsible-ai-2 span.arrow.green::before {
    left: 10px;
    rotate: 90deg;
    top: -2px;
}

span.arrow {
    position: relative;
}

span.arrow::before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    transform: rotate(0deg);
    left: -6px;
}

span.arrow.green::before {
    border-color: transparent transparent green transparent;
}

span.arrow.red::before {
    border-color: transparent transparent #cc0000 transparent;
}

#custom-copilot-plugin-2 .info,
#ms-content-ai-2 .info,
#responsible-ai-2 .info {
    top: 10px;
    right: 70px;
}

#copilot-readiness-2 .info {
    bottom: 70px;
}

#deploy-adopt-2 .info {
    transform: rotate(90deg);
    top: 100px;
}