#serviceDiagramPanel{min-height:800px;margin-top:70px;padding-top:2rem;padding-bottom:4rem;}#serviceDiagramPanel .top-services .text-stack{padding-top:1.5rem;padding-left:1rem;padding-right:1rem;padding-bottom:1.5rem;}#serviceDiagramPanel .top-services .column-1{position:relative;}#serviceDiagramPanel .top-services .column-1 #blueBox{position:absolute;bottom:-140px;z-index:1005;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-1 #blueBox .top-text-bracket{border-top:5px solid #0b95b3;border-left:5px solid #0db1d5;position:absolute;top:0;left:0;height:30px;width:30px;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-1 #blueBox.hover{background-color:rgba(60,74,78,.05);transition:ease .25s all;}#serviceDiagramPanel .top-services .column-1 #blueBox.hover .top-text-bracket{width:100%;height:100%;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-2 #orangeBox{position:relative;z-index:1005;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-2 #orangeBox .top-text-bracket{border-top:5px solid #e47100;border-left:5px solid #ff8309;position:absolute;top:0;left:0;height:30px;width:30px;transition:ease .25s all;}#serviceDiagramPanel .top-services #orangeBox.hover{background-color:rgba(60,74,78,.05);transition:ease .25s all;}#serviceDiagramPanel .top-services #orangeBox.hover .top-text-bracket{width:100%;height:100%;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-3{position:relative;}#serviceDiagramPanel .top-services .column-3 #greenBox{position:absolute;bottom:-40px;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-3 #greenBox .top-text-bracket{border-top:5px solid #0b7400;border-left:5px solid #10a700;position:absolute;top:0;left:0;height:30px;width:30px;transition:ease .25s all;}#serviceDiagramPanel .top-services .column-3 #greenBox.hover{background-color:rgba(60,74,78,.05);transition:ease .25s all;}#serviceDiagramPanel .top-services .column-3 #greenBox.hover .top-text-bracket{width:100%;height:100%;transition:ease .25s all;}#serviceDiagramPanel .bottom-services .text-stack{padding-top:1.5rem;padding-left:1rem;padding-right:1rem;padding-bottom:1.5rem;}#serviceDiagramPanel .bottom-services .column-1{position:relative;}#serviceDiagramPanel .bottom-services .column-1 #yellowBox{position:absolute;z-index:1005;top:-120px;transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-1 #yellowBox .top-text-bracket{border-top:5px solid #c1ac00;border-left:5px solid #ffe92d;position:absolute;top:0;left:0;height:30px;width:30px;transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-1 #yellowBox.hover{background-color:rgba(60,74,78,.05);transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-1 #yellowBox.hover .top-text-bracket{width:100%;height:100%;transition:ease .25s all;}#serviceDiagramPanel .bottom-services #redBox{position:relative;transition:ease .25s all;}#serviceDiagramPanel .bottom-services #redBox .top-text-bracket{border-top:5px solid #af0009;border-left:5px solid #d3000b;position:absolute;top:0;left:0;height:30px;width:30px;transition:ease .25s all;}#serviceDiagramPanel .bottom-services #redBox.hover{background-color:rgba(60,74,78,.05);transition:ease .25s all;}#serviceDiagramPanel .bottom-services #redBox.hover .top-text-bracket{width:100%;height:100%;transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-3{position:relative;}#serviceDiagramPanel .bottom-services .column-3 #purpleBox{position:absolute;top:-40px;z-index:1005;transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-3 #purpleBox .top-text-bracket{border-top:5px solid #422b73;border-left:5px solid #51358d;position:absolute;top:0;left:0;height:30px;width:30px;transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-3 #purpleBox.hover{background-color:rgba(60,74,78,.05);transition:ease .25s all;}#serviceDiagramPanel .bottom-services .column-3 #purpleBox.hover .top-text-bracket{width:100%;height:100%;transition:ease .25s all;}#serviceDiagramPanel .text-stack{margin:0;}#serviceDiagramPanel .text-stack .font-body-40{font-size:1.2rem;line-height:1.7rem;}#serviceDiagramPanel .text-stack h1{color:#1d2426;}#serviceDiagramPanel .text-stack ul li:first-child{color:#7db2ba;}#serviceDiagramPanel #cloudcraftPanel{position:relative;}#serviceDiagramPanel #cloudcraftPanel #enterpriseApps,#serviceDiagramPanel #cloudcraftPanel #modernDevops,#serviceDiagramPanel #cloudcraftPanel #ai,#serviceDiagramPanel #cloudcraftPanel #apiManagement,#serviceDiagramPanel #cloudcraftPanel #polyglot,#serviceDiagramPanel #cloudcraftPanel #messageQueue{position:absolute;z-index:950;transition:ease .35s all;}#serviceDiagramPanel #cloudcraftPanel img{display:block;margin:15px auto;}#serviceDiagramPanel .hidden{visibility:hidden;opacity:0;transition:ease .35s all;}#useCaseTitle{min-height:200px;background-color:#242d30;color:#eef5f6;padding-top:4rem;}#useCasePanel{background-color:#242d30;padding-top:.5rem;padding-bottom:4rem;}#useCasePanel .text-stack .icon-box{border-top:1px solid #3c4a4e;}#useCasePanel .text-stack h2{color:#0b95b3;}#useCasePanel .text-stack .font-body-40{font-size:1.5rem;line-height:2rem;}#useCasePanel .btn{width:150px;}#useCasePanel ul li{display:inline;}#useCasePanel ul.case-icons{margin-bottom:.5rem;}#useCasePanel ul.case-icons li{margin-right:.25rem;}#useCasePanel ul.case-icons li .icon{color:#0b95b3;padding-right:.25rem;}#useCasePanel .text-stack{background-color:#eef5f6;margin-top:2rem;padding-top:2rem;padding-left:2rem;padding-right:2rem;padding-bottom:1.5rem;}@media(min-width:1800px){#enterpriseApps,#modernDevops,#ai,#apiManagement,#polyglot,#messageQueue{right:340px;}#useCasePanel .text-box{height:305px;}}@media(min-width:1280px) and (max-width:1799.98px){#enterpriseApps,#modernDevops,#ai,#apiManagement,#polyglot,#messageQueue{right:200px;}#useCasePanel .text-box{height:365px;}}@media(max-width:1799.98px){#serviceDiagramPanel .text-stack{max-width:240px;}}@media(min-width:1024px){.content-panel .text-stack{margin-right:3rem;}.content-panel .text-stack .font-body-40{font-size:1.753rem;}}@media(min-width:1024px) and (max-width:1279.98px){#useCasePanel .text-box{height:300px;}#enterpriseApps,#modernDevops,#ai,#apiManagement,#polyglot,#messageQueue{right:46px;}}@media(max-width:1023.98px){.content-panel .text-stack .font-body-40{font-size:1.6rem;}#useCaseTitle{padding-top:110px;}#useCasePanel .text-box{height:270px;}}@media(max-width:599.98px){.content-panel .text-stack{margin-top:.25rem;margin-right:2rem;margin-left:2rem;}ul.case-filters{margin-left:2rem;}#useCasePanel .text-box{height:400px;}}