#infographic .circle{width:320px;height:320px;border-radius:50%;border:7px double;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:40px;position:absolute;left:50%;margin:40px 0;color:#107ac9;}#infographic section:nth-child(odd) .circle{transform:translateX(-100%);}#infographic article{max-width:410px;margin-bottom:20px;cursor:pointer;left:50%;position:relative;}#infographic article header{border-top-right-radius:30px;border-bottom-right-radius:30px;border-top-left-radius:30px;border-bottom-left-radius:30px;}#infographic article header i{display:flex;font-size:2em;border-radius:20%;background-clip:padding-box;padding:14px;transition:transform 0.4s;color:#fff;border:10px solid var(--bs-dark);margin:-16px 0 -16px -4px;}#infographic article:hover header i{transform:scale(1.2);}#infographic article.active header i{transform:none;}#infographic article .body{background:var(--bgColor);padding:0 20px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;max-height:0;transition:max-height 0.5s,padding 0.5s;overflow:hidden;}#infographic article .body .btn{padding:3px 10px;text-transform:uppercase;}#infographic:nth-child(even) article{text-align:right;transform:translateX(-100%);}#infographic:nth-child(even) article header{flex-flow:row-reverse;border-top-left-radius:30px;border-bottom-left-radius:30px;}#infographic:nth-child(even) article header i{margin:-16px 1px -16px 0;}#infographic section:nth-child(odd) article.active header{border-bottom-right-radius:0;}#infographic section:nth-child(even) article.active header{border-bottom-left-radius:0;}#infographic article.active .body{padding:20px;max-height:300px;border:1px solid;}#infographic article[data-step="1"]{margin-left:6px;}#infographic article[data-step="2"]{margin-left:45px;}#infographic article[data-step="3"]{margin-left:5px;}#infographic article[data-step="4"]{margin-left:-100px;}#infographic article[data-step="5"]{margin-left:22px;}#infographic article[data-step="6"]{margin-left:-5px;}#infographic article[data-step="7"]{margin-left:-30px;}#infographic article[data-step="8"]{margin-left:0px;}#infographic article[data-step="9"]{margin-left:70px;}#infographic article[data-step="10"]{margin-left:-21px;}#infographic article[data-step="11"]{margin-left:7px;}#infographic article[data-step="12"]{margin-left:55px;}#infographic article[data-step="13"]{margin-left:73px;}#infographic article[data-step="14"]{margin-left:62px;}#infographic article[data-step="15"]{margin-left:23px;}#infographic article[data-step="16"]{margin-left:-102px;}.colorblue{background-color:#107ac9;}.firsttext{font-size:28px;color:black;}@media (max-width:767px){.circle{display:none;}.circle img{display:none;}.#infographic section:nth-child(odd) .circle{display:none;}#infographic section:nth-child(odd) .circle{display:none;}#infographic .circle{width:320px;height:320px;border-radius:50%;border:7px double;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:40px;position:absolute;left:50%;margin:40px 0;color:#107ac9;display:none;}#infographic article[data-step="1"]{margin-left:-170px;text-align:center;}#infographic article[data-step="2"]{margin-left:-170px;}#infographic article[data-step="3"]{margin-left:-170px;}#infographic article[data-step="4"]{margin-left:-170px;}#infographic article[data-step="5"]{margin-left:-170px;}#infographic article[data-step="6"]{margin-left:0px;}#infographic article[data-step="7"]{margin-left:0px;}#infographic article[data-step="8"]{margin-left:0px;}#infographic article[data-step="9"]{margin-left:0px;}#infographic article[data-step="10"]{margin-left:0px;}#infographic article[data-step="11"]{margin-left:0px;}#infographic article[data-step="12"]{margin-left:0px;}#infographic article[data-step="13"]{margin-left:0px;}#infographic article[data-step="14"]{margin-left:0px;}#infographic article[data-step="15"]{margin-left:0px;}#infographic article[data-step="16"]{margin-left:0px;}}@media (max-width:575px){.circle{display:none;}}