.col-cloudcollab #left-capsule-container .bucket {
    width: auto;
    height: auto;
}

#modern-comms-internet-workshop {
    top: 50%;
    transform: translateY(-50%);
    right: 13%;
}

#teamshub {
    width: 52em;
    rotate: -90deg;
    transform-origin: left top;
    bottom: -15px;
    /* left: 18%; */
    left: 26%;
}

#exchange-online {
    bottom: 16%;
}

#google-workspace-ms365, #jive-slack-webex {
    bottom: 16%;
    /* bottom: 30%; */
}

#exchange-online, #modern-meeting, #modern-comms-advisory-services {
    right: 19%;
}

#jive-slack-webex, #on-prem-sp {
    /* right: 50%; */
    /* right: 48%; */
    left: 0.5%;
}

#intranet-modernization {
    bottom: 38%;
    left: 30%;
}

#viva {
    top: 22%;
    left: 30%;
}

#teams-phone-transformation, #teams-phone-complete {
    top: 50%;
    transform: translateY(-50%);
}

#custom-web-apps {
    bottom: 38%;
    /* transform: translateY(50%); */
    /* left: 2.5%; */
    right: 38%;
}

#fileshare, #on-prem-sp {
    bottom: 38%;
    transform: translateY(50%);
}

#fileshare, #google-workspace-ms365 {
    /* right: 41%; */
    /* right: 38%; */
    left: 10%;
}

#box-dropbox {
    /* top: 18%; */
    top: 16%;
}

.capsule-rotated {
    width: 83%;
    rotate: -90deg;
    transform-origin: left center;
    bottom: 5%;
    left: 81%;
    justify-content: flex-start;
}

.accelerator {
    bottom: 20%;
    right: 14.5%;
    padding-left: 2px;
    padding-right: 2px;
}

.transformation {
    bottom: 194%;
    right: 13%;
    padding-left: 2px;
    padding-right: 2px;
}

.complete {
    bottom: 330%;
    right: 15.5%;
    padding-left: 2px;
    padding-right: 2px;
}

#teams-premium .capsule-rotated, #teams-phone .capsule-rotated, #modern-meetings .capsule-rotated {
    text-align: left;
}

#teams-premium .capsule-rotated span, #teams-phone .capsule-rotated span, #modern-meetings .capsule-rotated span {
    display: inline-block;
    padding-left: 10%;
}

#teams-premium .capsule-rotated {
    left: 94.5%;
}

#teams-premium .accelerator {
    right: 1.5%;
}

#teams-premium .transformation {
    right: 0.5%;
}

#teams-premium .complete {
    right: 2%;
}

#teams-phone .capsule-rotated {
    left: 68.5%;
}

#teams-phone .accelerator {
    right: 27%;
}

#teams-phone .transformation {
    right: 26%;
}

#teams-phone .complete {
    right: 28%;
}

#box-dropbox {
    /* right: 45.5%; */
    /* right: 43%; */
    left: 5%;
}

.cloud-collab-top-layer {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    padding-right: 15px;
    box-sizing: border-box;
    border-radius: 25px;
}

#migration {
    width: 100% !important;
    margin-bottom: 3px;
    margin-left: 5px;
}

#collaboration {
    width: 100% !important;
    margin-bottom: 3px;
    margin-left: 5px;
}

#integration {
    /* width: 44%; */
    width: 50% !important;
    margin-bottom: 3px;
}

/* #modern-communications {
    width: 27%;
    margin-bottom: 0px;
} */

#modern-communications {
    width: 55%;
    margin-bottom: 0px;
}

#left-capsule-container {
    width: 100%;
    margin-right: 2px;
    padding-right: 2px;
}

#left-capsule-container.bucket {
    background: none !important;
}

#teams-phone-complete {
    right: 5px;
}

#teams-phone-transformation {
    right: 13.5%;
}

#advisory-services, #copilot {
    top: 15%;
}

#advisory-services {
    right: 13%;
}

#modern-work {
    width: 100% !important;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 15px;
    font-size: 13px;
    font-weight: 600;
    text-align: right;    
    box-sizing: border-box;
    border-radius: 25px;
    justify-content: flex-end;
}

#copilot {
    left: 30%;
}

#microsoft-content-ai {
    top: 15%;
    left: 30%;
}

#data-governance {
    bottom: 0%;
    left: 30%;
}

#custom-copilot-plugin {
    top: 15%;
    /* left: 2.5%; */
    right: 38%;
}

#teams-phone .complete .info,
#modern-meetings .complete .info,
#teams-premium .complete .info,
#transformation3 .info,
#transformation2 .info,
#transformation .info {
    top: 25px;
}

#accelerator3 .info,
#accelerator2 .info,
#accelerator .info {
    bottom: 25px;
}

#exchange-online .info,
#viva .info,
#intranet-modernization .info,
#box-dropbox .info,
#on-prem-sp .info,
#fileshare .info,
#jive-slack-webex .info,
#google-workspace-ms365 .info,
#custom-web-apps .info,
#advisory-services .info,
#custom-copilot-plugin .info,
#microsoft-content-ai .info,
#data-governance .info,
#copilot .info {
    top: 70px;
}

#teamshub .info,
#teamshub2 .info  {
    transform: rotate(90deg);
    top: 100px;
}