/* Source and licensing information for the line(s) below can be found at https://www.veracode.com/themes/custom/veracode_2022/dist/css/components/infographic/infographic.css. */
.block-infographic{background:linear-gradient(0deg, #052a36 0%, #171818 100%);padding:20px 40px;font-family:Lato,sans-serif;text-align:center;color:#fff;position:relative}.block-infographic .infographic-fade{transform:translateZ(500px);opacity:0;transition:.75s all ease}.block-infographic .infographic-fade.active{transform:translateZ(0);opacity:1}.block-infographic .infographic-fade-in{transform:none;transition:.75s all ease-out}.block-infographic .infographic-fade-in.active{transform:none}.block-infographic .infographic-fade-in--slow{transform:none;transition:1.5s all ease-in}.block-infographic .infographic-fade-in--slow.active{transform:none}.block-infographic .desktop-view{max-width:1090px;margin:0 auto}.block-infographic .customer-challenges{display:flex;flex-wrap:wrap;z-index:99;position:relative}.block-infographic .customer-challenges .challenge{flex:1;min-height:64px;text-align:center;padding:10px;font-size:18px;line-height:22px;justify-content:center;display:flex;align-items:center;margin:0 6px;position:relative}.block-infographic .customer-challenges .challenge .text{color:#fff !important;z-index:99}.block-infographic .customer-challenges .challenge .bg{background:linear-gradient(180deg, #00b2e5 0%, rgba(23, 24, 24, 0) 100%);opacity:.2;position:absolute;width:100%;height:100%;z-index:90}.block-infographic .customer-challenges .challenge .bg-hover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(0deg, rgb(0, 178, 229) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgb(0, 178, 229) 100%) 0% 0% no-repeat padding-box;opacity:0;z-index:91;transition:visibility 0s,opacity .5s ease-in-out}.block-infographic .customer-challenges .challenge .bg-hover.top{background:rgba(0,0,0,0) linear-gradient(180deg, #00b2e5 0%, rgba(23, 24, 24, 0) 100%) 0% 0% no-repeat padding-box}.block-infographic .customer-challenges .challenge .btn-glow{background-image:url(/themes/custom/veracode_2022/dist/css/components/infographic/../../../images/btn-glow.png);width:160px;height:100%;background-repeat:no-repeat;position:absolute;bottom:-9px;background-position:center bottom;background-size:contain;opacity:0;transition:opacity .5s ease-in-out}.block-infographic .customer-challenges .challenge:hover .bg-hover,.block-infographic .customer-challenges .challenge.active .bg-hover{opacity:.3}.block-infographic .customer-challenges .challenge:hover .btn-glow,.block-infographic .customer-challenges .challenge.active .btn-glow{opacity:1}.block-infographic .customer-challenges .challenge .btn-border{position:absolute;height:40%;width:1px;bottom:0;border-image:linear-gradient(0deg, #00b2e5, rgba(23, 24, 24, 0)) 1 100%}.block-infographic .customer-challenges .challenge .btn-border.left{left:0;border-left-width:1px;border-left-style:solid}.block-infographic .customer-challenges .challenge .btn-border.right{right:0;border-right-width:1px;border-right-style:solid}.block-infographic .customer-challenges .challenge .b-bottom{position:absolute;height:1px;width:100%;border-bottom:1px solid #00b2e5;bottom:0}.block-infographic .title{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:260px;height:315px;font-size:40px;font-weight:900;line-height:48px;display:flex;align-items:center}.block-infographic .graphics{position:relative;z-index:98}.block-infographic .graphics .sub-header{text-align:center;font-size:32px;line-height:39px;padding:20px 0 26px;position:absolute;left:0;right:0;top:0;margin:auto}.block-infographic .graphics .img-infographic{width:100%;height:606px;object-fit:none;object-position:50% 45%;position:relative}.block-infographic .graphics .img-infographic--hover{position:absolute;width:100%;height:606px;object-fit:none;object-position:50% 45%}.block-infographic .graphics .img-infographic.infographic-activated{opacity:0;transition:all 1s ease-in}.block-infographic .graphics .img-infographic-circle{position:absolute;left:-7px;right:0;margin:0 auto;top:1px;bottom:0;height:100%;object-fit:none}.block-infographic .graphics .img-infographic-branch{position:absolute;left:0;right:0;margin:0 auto;top:8px;bottom:0;height:100%;object-fit:none;opacity:0;transition:opacity .5s ease-in-out}.block-infographic .graphics .img-infographic-branch.hover,.block-infographic .graphics .img-infographic-branch.active{opacity:1}.block-infographic .graphics .img-infographic-branch.hide{opacity:0}.block-infographic .graphics .img-globes{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:fit-content;height:fit-content}.block-infographic .graphics .title{transition:opacity 2s ease-in-out;flex-direction:column;justify-content:center;bottom:-6.5px}.block-infographic .graphics .title div{transition:opacity .2s ease-in-out;display:flex;align-items:center}.block-infographic .graphics .title p{opacity:0;font-size:20px;line-height:26px;margin:0;transition:opacity .2s ease-in-out;display:flex;align-items:center;flex-grow:1;margin-top:25px}.block-infographic .graphics .title p:only-child{margin-top:0}.block-infographic .graphics .title a{opacity:0;font-size:18px;line-height:20px;max-width:180px;transition:opacity .2s ease-in-out;margin-bottom:40px;z-index:1}.block-infographic .graphics .title .fade-in{opacity:1 !important}.block-infographic .graphics .title .fade-out{opacity:0 !important}.block-infographic .graphics .glow-circle{position:absolute;left:0;right:0;top:0;bottom:-7px;margin:auto;border-radius:50%;border:0 solid #3182a6;width:0;height:0;transition:all .3s ease-in-out}.block-infographic .graphics .glow-circle.fade-in{border-width:158px;opacity:0}.block-infographic .graphics .glow-circle.fade-out{border-width:0;opacity:.5}.block-infographic .graphics .content-label{position:absolute;top:50%;font-size:32px;line-height:39px}.block-infographic .graphics .content-label--left{left:calc(50% - 352.5px);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}.block-infographic .graphics .content-label--left.infographic-activated{left:25.5px;transition:all 1s ease-out}.block-infographic .graphics .content-label--right{right:calc(50% - 352.5px);transform:translateX(50%) translateY(-50%) rotate(90deg)}.block-infographic .graphics .content-label--right.infographic-activated{right:25.5px;transition:all 1s ease-out}.block-infographic .graphics .content-items{position:absolute;top:88.5px;display:flex;flex-direction:column;gap:62.5px;max-width:0;overflow:hidden;white-space:nowrap}.block-infographic .graphics .content-items.infographic-activated{max-width:100%;transition:all 2s ease-in-out}.block-infographic .graphics .content-items--left{text-align:right;left:calc(50% - 185px);transform:translateX(-100%);align-items:end}.block-infographic .graphics .content-items--left .content-item:nth-child(2),.block-infographic .graphics .content-items--left .content-item:nth-child(4){margin-right:35px}.block-infographic .graphics .content-items--left .content-item:nth-child(3){margin-right:70px}.block-infographic .graphics .content-items--right{text-align:left;right:calc(50% - 185px);transform:translateX(100%)}.block-infographic .graphics .content-items--right .content-item:nth-child(2),.block-infographic .graphics .content-items--right .content-item:nth-child(4){margin-left:35px}.block-infographic .graphics .content-items--right .content-item:nth-child(3){margin-left:70px}.block-infographic .graphics .content-items .content-item{font-size:20px;line-height:36px;width:fit-content}.block-infographic .graphics .product-label{text-align:center;font-size:32px;line-height:39px;padding:20px 0 26px;position:absolute;left:0;right:0;bottom:0;margin:auto}.block-infographic .products{position:relative;z-index:99}.block-infographic .groups{display:flex;justify-content:center;gap:10px}.block-infographic .groups .group .heading{height:42px;font-size:18px;line-height:22px;display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(180deg, #12303b 0%, #0b2934 100%);transition:.2s}.block-infographic .groups .group .heading span{color:#fff !important;z-index:99;position:relative}.block-infographic .groups .group .heading .bg-hover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(0deg, rgb(0, 178, 229) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgb(0, 178, 229) 100%) 0% 0% no-repeat padding-box;opacity:0;z-index:91;transition:visibility 0s,opacity .5s ease-in-out}.block-infographic .groups .group .heading .bg-hover.top{background:rgba(0,0,0,0) linear-gradient(180deg, #00b2e5 0%, rgba(23, 24, 24, 0) 100%) 0% 0% no-repeat padding-box}.block-infographic .groups .group .heading:hover .bg-hover,.block-infographic .groups .group .heading.active .bg-hover{opacity:.3}.block-infographic .groups .group .items{display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(180deg, #08222b 0%, #0b2a35 100%)}.block-infographic .groups .group .items .item{font-size:16px;line-height:19px;height:39px;padding:10px 20px;position:relative}.block-infographic .groups .group .items .item::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg, #11272f 20%, #3182a6 100%);opacity:0;transition:all .5s ease-in-out}.block-infographic .groups .group .items .item:hover::before,.block-infographic .groups .group .items .item.active::before{opacity:1}.block-infographic .groups .group .items .item .product{position:relative}.block-infographic .groups .group .btn-border{position:absolute;height:100%;width:1px;top:0;border-image:linear-gradient(180deg, #415869, rgba(0, 58, 76, 0)) 1 100%}.block-infographic .groups .group .btn-border.left{left:0;border-left-width:1px;border-left-style:solid}.block-infographic .groups .group .btn-border.right{right:0;border-right-width:1px;border-right-style:solid}.block-infographic .groups .group .b-top{position:absolute;height:1px;width:100%;border-bottom:1px solid #415869;top:0}.block-infographic .infographic-item-container{cursor:pointer}.block-infographic .infographic-item-content{display:none}.block-infographic .mobile-view{display:none}@media(max-width: 1199.98px){.block-infographic{background:linear-gradient(0deg, #003a4c 0%, #122024 100%);padding:0;overflow:hidden}.block-infographic .desktop-view{display:none}.block-infographic .mobile-view{display:block;max-width:576px;margin:0 auto}.block-infographic .mobile-view .graphics--mobile{position:absolute;top:-40px;left:0;right:0}.block-infographic .mobile-view .graphics--mobile .img-infographic{position:relative;left:50%;transform:translateX(-50%);display:flex}.block-infographic .mobile-view .header{font-size:32px;line-height:39px;padding:0 20px 20px;margin-top:440px}.block-infographic .mobile-view .customer-challenges{flex-direction:column;padding:0 20px 20px}.block-infographic .mobile-view .customer-challenges .challenge{margin:0 0 20px;padding:10px 46px;font-size:20px;line-height:24px}.block-infographic .mobile-view .customer-challenges .challenge .toggle-button{position:absolute;right:20px;transition:all .4s ease}.block-infographic .mobile-view .customer-challenges .challenge .toggle-button.expanded{transform:rotate(180deg)}.block-infographic .mobile-view .customer-challenges .sub-item{position:relative;margin-bottom:20px}.block-infographic .mobile-view .customer-challenges .sub-item__content{padding:20px;font-size:20px;line-height:24px;text-align:left}.block-infographic .mobile-view .customer-challenges .sub-item__content p{margin-bottom:10px}.block-infographic .mobile-view .customer-challenges .sub-item__content a{color:#fff;border-bottom:solid 1px #fff}.block-infographic .mobile-view .customer-challenges .sub-item__content a:hover{text-decoration:none}.block-infographic .mobile-view .customer-challenges .sub-item__background{position:absolute;border:solid 2px #29a5dc;background:linear-gradient(180deg, #003a4c 0%, #171818 100%);top:0;width:100%;height:100%;z-index:-1;opacity:.4}}

/* Source and licensing information for the above line(s) can be found at https://www.veracode.com/themes/custom/veracode_2022/dist/css/components/infographic/infographic.css. */