.interactive-infographic{position:relative}.ii--intro{margin-bottom:40px}.ii--intro h2{color:#282f45}.ii--intro p{color:#525866;font-size:16px;font-weight:500;line-height:26px}.ii--intro p:last-child{margin:0}.ii--popup{display:none;max-width:488px;position:absolute;z-index:10}.ii--popup.active{display:block}.ii--popup-inner{background:#282f45;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:25px;position:relative}.ii--popup h3{color:#00b4ff;font-size:20px;font-weight:600;line-height:32px;margin:0 0 13px}.ii--popup p{color:#fff;font-size:12px;font-weight:500;line-height:20px}.ii--popup-more-info{align-items:center;bottom:20px;color:#00b4ff;cursor:pointer;display:flex;font-size:9px;font-weight:500;line-height:20px;position:absolute;right:25px}.ii--popup-more-info span{margin-right:8px}.ii--popup-more-info svg{background:#00b4ff;border-radius:9px;height:18px;margin:0;padding:3px;transform:rotate(-90deg);width:18px}.ii--popup-more-info svg path{fill:#fff}.ii--features{margin-top:50px}.ii--feature--left{background:#282f45;border-top:1px solid #fff}.ii--feature--left h3{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;line-height:16px;margin:0;padding:20px}.active .ii--feature--left h3{color:#00b4ff}.ii--feature--left h3 span{color:#f9af18;font-size:18px;font-weight:700;line-height:18px;margin-right:10px}.ii--feature--left h3 svg{background:#00b4ff;border-radius:9px;height:18px;margin-left:auto;padding:3px;width:18px}.active .ii--feature--left h3 svg{transform:rotate(180deg)}.ii--feature--left h3 svg path{fill:#fff}.ii--feature--left-content{display:none;padding:0 42px 20px}.active .ii--feature--left-content{display:block}.ii--feature--left-content li,.ii--feature--left-content ol,.ii--feature--left-content p,.ii--feature--left-content ul{color:#fff;font-size:12px;font-weight:500;line-height:18px}.ii--feature--left-content ol:last-child,.ii--feature--left-content p:last-child,.ii--feature--left-content ul:last-child{margin-bottom:0}.ii--feature--left img,.ii--feature--right{display:none}.active .ii--feature--right{display:block}.li--feature--right-image{position:relative}.li--feature--right-image img{height:auto;vertical-align:top;width:100%}.li--feature--right-image:after{background:transparent url(https://www.pcxcorp.com/hubfs/PCX_March_2021/Interactive%20Infographic/feature-background.svg) no-repeat 0 0;background-size:cover;bottom:-1px;content:"";display:block;height:50px;left:0;position:absolute;width:100%}.ii--feature--right-content{background:#e1e1e1;padding:50px}.ii--feature--right-content h4{color:#282f45;font-size:22px;font-weight:600;line-height:32px;margin:0 0 15px}.ii--feature--right-content li,.ii--feature--right-content ol,.ii--feature--right-content p,.ii--feature--right-content ul{color:#282f45;font-size:14px;font-weight:500;line-height:16px}.ii--feature--right-content ol,.ii--feature--right-content ul{padding-left:1rem}.ii--feature--right-content ol:last-child,.ii--feature--right-content p:last-child,.ii--feature--right-content ul:last-child{margin-bottom:0}.ii--feature--right-content-applications{margin-top:40px}.ii--feature-close{display:none}@media (max-width:959px){.ii--desktop-image .feature-icon{display:none}}@media (min-width:960px){.ii--desktop-image .feature-icon{cursor:pointer}.ii--feature--left h3{padding:30px}.ii--feature--left h3,.ii--feature--left h3 span{font-size:32px;line-height:32px}.ii--feature--left h3 svg{border-radius:19px;height:38px;padding:10px;width:38px}.ii--feature--left-content p{font-size:16px;line-height:26px}.ii--feature--right-content{align-items:stretch;display:flex;padding:60px}.ii--feature--right-content-applications,.ii--feature--right-content-features{border:1px solid #282f45;padding:16px 24px;width:calc(50% - 15px)}.ii--feature--right-content-applications{margin:0 0 0 auto}.ii--feature--right-content li+li{margin-top:10px}}