/*--- PROCESS WHEEL ---------------------------------*/
.interactive-infographic {}

    /*--- image column ---------*/
    .interactive-infographic .info-col {padding:15px}

    /*--- text column ------------*/
    .interactive-infographic .info-text {padding:15px}
        .interactive-infographic .info-box {position:relative;background:#17B9D7;border:4px solid #17B9D7;height:auto;color:#fff;padding:35px}
            .interactive-infographic .info-box p, .interactive-infographic .info-box a, .interactive-infographic .info-box h1, .interactive-infographic .info-box h2, .interactive-infographic .info-box h3, .interactive-infographic .info-box h4, .interactive-infographic .info-box h5, .interactive-infographic .info-box h6 {color:#fff}
            .interactive-infographic .info-box h2 {text-align:left;font-weight:bold;text-transform:capitalize}
            .interactive-infographic .content-bx {display:none}
            .interactive-infographic .info-box a {text-decoration:underline}
            .interactive-infographic .info-box .content-bx {display:block}
            .interactive-infographic .desktop:after, .interactive-infographic .desktop:before {right:100%;top:50px;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
                .interactive-infographic .desktop:after {border-color:rgba(23, 185, 215, 0);border-right-color:#17B9D7;border-width:35px;margin-top:-35px}
                .interactive-infographic .desktop:before {border-color:rgba(23, 185, 215, 0);border-right-color:#17B9D7;border-width:41px;margin-top:-41px}

    @media (max-width:991px) {
        .interactive-infographic .info-col {margin-bottom:40px}
        .interactive-infographic .mobile {position:relative;background:#17B9D7;border:4px solid #17B9D7}
        .interactive-infographic .mobile:after, .interactive-infographic .mobile:before {bottom:100%;left:50%;right:unset;top:unset;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
        .interactive-infographic .mobile:after {border-color:rgba(23, 185, 215, 0);border-bottom-color:#17B9D7;border-width:40px;margin-left:-40px;margin-top:unset}
        .interactive-infographic .mobile:before {border-color:rgba(23, 185, 215, 0);border-bottom-color:#17B9D7;border-width:46px;margin-top:unset;margin-left:-46px}
    }