:root{--mainNavy:#091f6a;--mainRoyal:#2e4799;--mainBlue:#0071d0;--mainGreen:#4cb6ac;--mainDark:#444;--mainSalmon:#ff7868;--secGreen:#c9e8e6;--secNavy:#b3bad3;--secSalmon:#fbd5d1}.entireCon{margin:0 auto 150px!important;position:relative;width:910px}.entireCon p.headText{font-size:18px;font-weight:700;margin-bottom:0}.entireCon p.copyText{margin-top:0}.arrows{display:flex;flex-direction:row;max-width:1000px;width:1000px}.arrowCon{border-radius:15px 10px 10px 15px;display:flex;flex-direction:column;height:250px;position:relative;width:25%}.arrowCon svg{bottom:0;height:100%;left:0;position:absolute;top:0;z-index:5}.arrowCon.navy{z-index:5}.arrowCon.navy .textArea{left:10%}.arrowCon.royal{margin-left:-100px;z-index:4}.arrowCon.blue{margin-left:-60px;z-index:3}.arrowCon.green{margin-left:-40px;z-index:2}.arrowCon.blue .textArea,.arrowCon.royal .textArea{left:110px;width:60%}.arrowCon.navy svg path{fill:var(--mainNavy)}.arrowCon.royal svg path{fill:var(--mainRoyal)}.arrowCon.blue svg path{fill:var(--mainBlue)}.arrowCon.green svg path{fill:var(--mainGreen)}.arrowCon.green .light svg path{fill:var(--secGreen)}.arrowCon.green .light p{color:var(--mainDark)}.arrowCon.green.multi .textArea{left:30%;top:16px;width:90%}.arrows .textArea{position:absolute;top:22%;width:60%;z-index:10}.arrows p{color:#fff;font-size:16px;text-align:center}.arrowCon.multi .half{height:50%;position:relative}.outcomesCon{border-radius:20px;bottom:-80px;height:100px;left:100px;max-width:800px;outline:3px dashed var(--mainDark);position:absolute;width:700px}.outcomeLine:before{animation:followPath 8s linear infinite;background-color:var(--mainSalmon);border-radius:50%;box-shadow:0 0 5px rgba(255,51,102,.7);content:"";height:10px;position:absolute;transform:translate(-50%,-50%);width:10px;z-index:1}@keyframes followPath{0%{left:0;top:0}44.44%{left:100%;top:0}50%{left:100%;top:100%}94.44%{left:0;top:100%}to{left:0;top:0}}.outcomeLine{box-sizing:border-box;height:100%}.circlesCon,.outcomeLine{position:relative;width:100%}.circlesCon{bottom:35px;display:flex;justify-content:space-around;margin:0 auto}.circlesCon .icon{align-items:center;background:var(--mainGreen);border-radius:100%;display:flex;height:70px;justify-content:center;padding:10px;position:relative;width:70px;z-index:5}.circlesCon .icon.extrapad{padding:12px}.circlesCon .icon svg{height:100%;width:100%;fill:#fff}.circlesCon .outcome{align-items:center;display:flex;flex-direction:column}.dashedCircle{border:3px dashed var(--mainDark);border-radius:50%;box-sizing:border-box;height:90px;position:absolute;top:-10px;width:90px}.dashedCircle:after{animation:circleTravel 4s linear infinite;background-color:var(--mainSalmon);border-radius:100%;box-shadow:0 0 5px rgba(255,50,102,.7);content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:5}.outcome:first-child .dashedCircle:after{animation-name:circleTravel1}.outcome:nth-child(2) .dashedCircle:after{animation-name:circleTravel2}.outcome:nth-child(3) .dashedCircle:after{animation-name:circleTravel3}@keyframes circleTravel1{0%{transform:translate(-50%,-50%) rotate(115deg) translateX(45px) rotate(-115deg)}to{transform:translate(-50%,-50%) rotate(475deg) translateX(45px) rotate(-475deg)}}@keyframes circleTravel2{0%{transform:translate(-50%,-50%) rotate(220deg) translateX(45px) rotate(-220deg)}to{transform:translate(-50%,-50%) rotate(580deg) translateX(45px) rotate(-580deg)}}@keyframes circleTravel3{0%{transform:translate(-50%,-50%) rotate(320deg) translateX(45px) rotate(-320deg)}to{transform:translate(-50%,-50%) rotate(680deg) translateX(45px) rotate(-680deg)}}.outcome{position:relative}.outcome p{margin-top:15px}.dataCon{height:80px;position:relative}.datapoint{background-color:var(--secNavy);border-radius:10px;display:inline-block;padding:0 10px;position:relative}.dataPointsCon{display:flex;flex-direction:row;justify-content:space-around;margin-left:100px;overflow:visible;width:250px}.datapoint p{color:var(--mainNavy);font-size:16px;line-height:unset;margin:unset}.datapoint .connectLine{border-bottom:3px dashed #fff;border-right:3px dashed var(--mainDark);height:25px;position:absolute;right:calc(50% - 3px);width:40px}.connectLine.curved{border-bottom:3px dashed var(--mainDark);border-radius:0 0 12px 0}.dataLine{border-left:3px dashed var(--mainDark);border-radius:20px 0 0 0;border-top:3px dashed var(--mainDark);bottom:0;height:30px;margin-left:100px;position:absolute;width:180px}.dataLine .circle-1{animation:datacircleTravel1 6s infinite;animation-delay:0s;animation-timing-function:linear}.dataLine .circle-2{animation:datacircleTravel2 4.5s infinite;animation-delay:2s;animation-timing-function:linear;opacity:0}.dataLine .circle-3{animation:datacircleTravel3 3s infinite;animation-delay:4s;animation-timing-function:linear;opacity:0}.moving-circle{background-color:var(--mainBlue);border-radius:50%;height:10px;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:10px}@keyframes datacircleTravel1{0%{background-color:var(--secNavy);left:118%;opacity:0;top:-100%}10%{background-color:var(--secNavy);left:118%;opacity:1;top:-100%}25%{left:118%;top:0}40%{background-color:var(--mainBlue);left:78%;top:0}55%{left:39%;top:0}70%{left:0;top:0}85%{left:0;opacity:1;top:150%}90%{left:0;opacity:0;top:150%}to{left:118%;opacity:0;top:-100%}}@keyframes datacircleTravel2{0%{background-color:var(--secNavy);left:75%;opacity:0;top:-100%}10%{background-color:var(--secNavy);left:75%;opacity:1;top:-100%}25%{background-color:var(--mainBlue);left:75%;top:0}60%{left:0;top:0}70%{left:0;top:150%}85%{left:0;opacity:1;top:150%}90%{left:0;opacity:0;top:150%}to{left:75%;opacity:0;top:-100%}}@keyframes datacircleTravel3{0%{background-color:var(--secNavy);left:25%;opacity:0;top:-100%}10%{background-color:var(--secNavy);left:25%;opacity:1;top:-100%}25%{background-color:var(--mainBlue);left:25%;top:0}40%{left:0;top:0}70%{left:0;top:150%}85%{left:0;opacity:1;top:150%}90%{left:0;opacity:0;top:150%}to{left:25%;opacity:0;top:-100%}}@media screen and ((max-width:950px)){.entireCon{height:1000px;margin:0 auto!important;width:100%}.entireCon p.headText{font-size:20px;hyphens:auto}.arrows{flex-direction:column;margin:-20px auto 0;max-width:325px}.arrowCon,.arrows{width:250px}.arrowCon.blue .textArea,.arrowCon.navy .textArea,.arrowCon.royal .textArea,.arrows .textArea{left:5%;right:5%;width:90%}.arrowCon svg{margin:unset;rotate:90deg;width:100%}.arrowCon svg g,.arrowCon svg path{height:250px;width:250px}.arrowCon.royal{height:300px;top:-100px;width:250px}.arrowCon.blue{top:-250px}.arrowCon.blue,.arrowCon.royal{margin:0}.arrowCon.royal .textArea{left:unset;top:21%}.arrowCon.blue .textArea{top:45%}.arrowCon.navy .textArea{top:20%}.arrowCon.royal svg{height:250px}.arrowCon.navy svg{left:25px;width:200px}.arrowCon.green{display:flex;flex-direction:row-reverse;height:300px;margin-left:0;top:-205px}.arrowCon.multi .half{display:block;height:375px;position:relative;width:125px}.arrowCon.multi svg{display:block;height:125px;left:-100%;width:375px}.arrowCon.green.multi .textArea{left:unset;padding:0 5%;right:unset;top:-55px;width:100%}.dataCon{margin:0 auto;width:325px}.dataLine,.dataPointsCon{margin-left:50px}.outcomesCon{bottom:unset;height:800px;left:calc(45% - 55px);max-width:300px;top:150px;width:55%}.circlesCon{bottom:100%;flex-direction:column;height:700px;right:calc(-45% + -15px);width:fit-content}.outcome p.headText{background-color:var(--secSalmon);border-radius:10px;line-break:normal;padding:2px 5px;text-align:center}.circlesCon .outcome{max-width:100px}.outcomeLine:before{animation:followPath 8s linear infinite reverse;z-index:0}.dashedCircle:after{animation:circleTravel 4s linear infinite reverse}@keyframes followPath{0%{left:0;top:0}22.44%{left:100%;top:0}66%{left:100%;top:100%}84.44%{left:0;top:100%}to{left:0;top:50%}}}@media screen and ((max-width:600px)){.entireCon{max-width:380px;width:100%}.arrows{margin:-20px 0 0;width:unset}.outcomesCon{left:calc(40% - 45px)}.outcome p.headText{font-size:16px;hyphens:none;margin-top:32px;padding:2px 3px}.circlesCon .outcome{max-width:90px}}@media screen and ((max-width:450px)){.entireCon{max-width:380px;width:100%}.entireCon p.headText{font-size:18px}.arrows .arrowCon:not(.multi) svg{height:225px!important}.arrowCon.multi svg{height:112.5px;left:-128%}.arrowCon.multi .half{width:112.5px}.arrowCon.green.multi .textArea{left:-13%;right:0;top:-20px}.arrowCon.royal .textArea{top:25%}.arrowCon.blue .textArea{top:40%}}