.ba__counter-wrapper{direction: ltr;}
.ba__counter-wrapper *, .ba__counter *, .ba__counter:before, .ba__counter::after, .ba__counter :before, .ba__counter ::after{box-sizing: border-box;}
.ba__counter-wrapper, .ba__counter-wrapper > *, .ba__counter, .ba__counter > *, .ba__counter > * > *{display: flex; position: relative;}
.ba__counter, .ba__counter > *{z-index:0;}
.ba__counter-wrapper{flex-wrap: wrap; width: 100%; --ba-color:#293136;}
.ba__counter-wrapper > *{padding:.75rem; width: 33.3333%;}
.ba__counter{overflow: hidden; margin: 0 auto; font-size:1em; width:calc(100% - 2em); flex-shrink: 0;}
.ba__counter > * {background:#fff; flex-direction: column; width: 100%; align-items: center; justify-content: center; text-decoration: none !important; color: inherit;}
.ba__counter > * > *{width: 100%; margin: 5px 0; font-weight:bold; line-height: 1.2; align-items: center; justify-content: center; text-align: center;}
.counter-icon > i[class^=fa]{font-size: 3em; color: #293136;}
.ba__counter .counter-label{font-size:1em;text-transform:uppercase;padding:0;}
.ba__counter .counter-value{font-size:2em;}
.ba__counter .counter-icon svg, .ba__counter .counter-icon img{width:3.5em; height: auto; margin: 0 auto;}
.ba__counter:before, .ba__counter:after,
.ba__counter > :before, .ba__counter > :after{position:absolute;top:0;left:0;z-index:-1;display: block; width: 100%; height: 100%;}
.ba__counter:before{padding-top: 100%;content: "";float: left;width:1px; position: static;}
@media (max-width: 767px){
.ba__counter-wrapper > *{width: 100%;}
}
.ba__counter-wrapper > :nth-child(1){--bacounter: #10a2e6;}
.ba__counter-wrapper > :nth-child(2){--bacounter: #f54954;}
.ba__counter-wrapper > :nth-child(3){--bacounter: #89be1e;}

.ba__counter.style1 > *{color:var(--bacounter);border: 10px solid; border-color: transparent currentColor; border-radius:50%; overflow: hidden;}
.ba__counter.style1 > :before{content:"";border:10px solid var(--ba-color);border-radius:50%;}
.ba__counter.style1 .counter-label{color:#fff;background:var(--bacounter); padding:1em;}


.ba__counter.style2 > *{border: 6px solid var(--bacounter); border-radius:3em 0 3em 0;}
.ba__counter.style2 .counter-value{color:#fff;background:var(--bacounter); border-radius:3em 0 3em 0; width: 80%; padding: .2em;}


.ba__counter.style3 > *{background: none;}
.ba__counter.style3 .counter-icon{color:var(--bacounter); border:9px double; border-radius:50%; width:8em; height:8em; padding: .5em;}
.ba__counter.style3 .counter-value{color:var(--bacounter);}


.ba__counter.style4 > *{background: var(--ba-color); color: #fff; border-radius:.5em; box-shadow: 2px 2px 3px rgba(0,0,0,.5); margin:.3em; }
.ba__counter.style4 > :before,
.ba__counter.style4::after, .ba__counter.style4 > ::after{content:"";width:1em;height:1em;border-radius:50%;background: #fff;box-shadow: inset 0 2px 2px #000;top: 15px;left: 15px; z-index: 2;}
.ba__counter.style4::after{left:calc(50% - .5em);}
.ba__counter.style4 > :before,
.ba__counter.style4 > ::after{box-shadow: inset 0 -2px 2px #000; top: auto; bottom: 15px;}
.ba__counter.style4 > ::after{left: auto; bottom: 15px; right: 15px;}
.ba__counter.style4 .counter-value{color:var(--bacounter); font-size: 3em; text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 8px 3px rgba(16,16,16,0.2);}


.ba__counter.style5 > *{color: var(--ba-color); box-shadow:0 0 5px rgba(0,0,0,.2); margin: 1em .3em .3em; padding-top: 5em;}
.ba__counter.style5 .counter-icon{position: absolute;left: 50%;top: 0;transform: translate(-50%, -1em);width: 60%;background: var(--bacounter);height: 6em;color: #fff; margin: 0;}
.ba__counter.style5 .counter-icon:before{content:"";position: absolute; left: -1em; right: -1em; top: -1em; opacity: .5; border: 1em solid transparent; border-bottom-color: var(--bacounter);}
.ba__counter.style5 .counter-value{color:var(--bacounter); font-size: 3em;}


.ba__counter.style6 > *{border: 1em double var(--bacounter); border-radius:50%;}
.ba__counter.style6 > :before,
.ba__counter.style6 > ::after{content:"";width: 120%;height:1em;top: 50%; background: inherit; transform: translate(-10%, -50%);}
.ba__counter.style6 > ::after{transform:translate(-7%, -50%) rotate(90deg)}
.ba__counter.style6 .counter-value{color:var(--bacounter); font-size: 3em;}
.ba__counter.style6 .counter-label{text-transform:none; opacity: .7;}


.ba__counter.style7 > *{border-radius:1em; background:var(--bacounter);}
.ba__counter.style7 > :before{content:"";transform:rotate(45deg);box-shadow: 0 0 10px rgba(0,0,0,.5); transition: all .3s; background: #fff;}
.ba__counter.style7:hover > :before{transform:rotate(135deg);}
.ba__counter.style7 .counter-value{color:var(--bacounter); font-size: 3em;}
.ba__counter.style7 .counter-label{text-transform:none; opacity: .7;}


.ba__counter.style8 > *{border: 1em double var(--bacounter); border-radius:1em; align-self: flex-end; padding: .4em; margin-top: 8em;}
.ba__counter.style8 > :after{content: ''; left: 50%; bottom: 100%; background:var(--bacounter); width:10px; height: 3em; top: auto; z-index: -1; transform: translateX(-50%);}
.ba__counter.style8 .counter-icon{position:absolute;left:50%;bottom:100%;width:6em;height:6em;background:var(--bacounter);border-radius:50%;transform:translate(-50%,-1em);border:1px solid rgba(0,0,0,.5);box-shadow:0 0 0 8px inset; color: #fff;}
.ba__counter.style8 .counter-value{color:var(--bacounter); font-size:2.5em;}
.ba__counter.style8 .counter-label{text-transform:none; opacity: .7;}


.ba__counter.style9 > *{background:var(--bacounter); color: #fff; border-radius:50%; margin:1em 3.4em 6em;border: .5em solid; box-shadow: 0 0 0 .8em var(--bacounter);}
.ba__counter.style9::after{content:"";background:var(--bacounter);-webkit-clip-path:polygon(100% 50%, 0 50%, 50% 90%);clip-path:polygon(100% 50%, 0 50%, 50% 90%);}
.ba__counter.style9 .counter-label{position: absolute; left:-2em; right: -2em; top: 100%; width: auto; color: var(--ba-color); margin-top: 4.3em; font-size: 1em;}
.ba__counter.style9 .counter-value{font-size:1.5em;}
.ba__counter.style9 .counter-icon > *{width: 2.5em;}

.ba__counter.style10{border: 1em solid transparent;}
.ba__counter.style10 > *{color: #fff; margin:0 0 4em; padding:8% 0;align-self: flex-start;}
.ba__counter.style10 > ::before{content:""; background:var(--bacounter); -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);}
.ba__counter.style10 > ::after{content:""; width:2em; height:2em; left: 50%; top: 100%; background:var(--bacounter); transform:rotate(45deg) translate(-50%, -50%);}
.ba__counter.style10 .counter-label{position: absolute; left:-2em; right: -2em; top: 100%; width: auto; margin-top: 1em; font-size: 1em; color: var(--ba-color);}


.ba__counter.style11 > *{ align-self: flex-end; padding: .4em; background: none;}
.ba__counter.style11 .counter-icon{width:7em;height:7em;border-radius:50%;border:5px solid; border-color:#000 var(--bacounter); margin:1.5em;}
.ba__counter.style11 .counter-icon:after{content: '';border-radius: 50%; position: absolute; left:-1.5em; top:-1.5em; width:calc(100% + 3em); height:calc(100% + 3em); border:8px solid; border-color:var(--bacounter) #000; transition: all .3s;}
.ba__counter.style11:hover .counter-icon:after{transform: rotate(180deg)}
.ba__counter.style11 .counter-value{color:var(--bacounter); margin-bottom: 0;}


.ba__counter.style12 > *{border: 1em solid var(--bacounter); border-radius:50% 0 50% 50%; margin: 0 0 1em 1em;}
.ba__counter.style12 > :before,
.ba__counter.style12 > ::after{content:"";width:2em; height:2em;top:100%; border:.5em solid; border-color: inherit; border-radius: 50%; transform: translateY(-100%);}
.ba__counter.style12 > ::after{transform: translate(-50%, -10%); width: 1.5em; height: 1.5em;}
.ba__counter.style12 .counter-value{color:var(--bacounter);}
.ba__counter.style12 .counter-label{text-transform:none; opacity: .7; font-size: 1em;}


.ba__counter.style13 > *{ align-self: flex-end; padding: .4em; background: none;}
.ba__counter.style13 .counter-icon{width:7em;height:7em;border-radius:50%;border:8px solid var(--bacounter); background: #fff; box-shadow: inset 0 0 15px rgba(0,0,0,0.2); margin: 2em;}
.ba__counter.style13 .counter-icon:after{content: '';border-radius: 50%; position: absolute; left:-1.5em; top:-1.5em; width:calc(100% + 3em); height:calc(100% + 3em); border:3px solid; border-style: solid dashed; border-color:#000 var(--bacounter); transition: all .3s;}
.ba__counter.style13:hover .counter-icon:after{transform: rotate(180deg)}
.ba__counter.style13 .counter-value{color:var(--bacounter); margin-bottom: 0;}


.ba__counter.style14 > *{ align-self: flex-end; padding: .5em; margin-top: 9em; background: var(--bacounter); border-radius: .5em; color: #fff;}
.ba__counter.style14 .counter-icon{position:absolute;left:50%;bottom:100%;width:8em;height:8em;border-radius:50%;transform:translate(-50%,-1em);border:.6em solid; color: var(--bacounter); border-bottom-color: transparent; margin: 0;}
.ba__counter.style14 .counter-icon:after{content:""; width:.6em; height:.6em; position:absolute; left: 50%; top: 100%; background:currentColor; transform:rotate(45deg) translate(-100%, -50%);}
.ba__counter.style14 .counter-value{margin: 0;}


.ba__counter.style15 > *{margin:6.5em 0 2em; padding: .5em; background: var(--bacounter); border-radius: .5em; color: #fff;}
.ba__counter.style15 > ::after{content:""; top: -2em; left: 10%; width: 80%; height: calc(100% + 4em); background: inherit; border-radius: .5em;}
.ba__counter.style15 .counter-icon{position:absolute;left:50%;bottom:100%;width:7em;height:7em;border-radius:50%;transform:translate(-50%,10%);color: var(--bacounter); margin: 0; background: #f0eaea; border: .5em solid #fff;}
.ba__counter.style15 .counter-value{margin: 0;}


.ba__counter.style16 > *{margin:2em 1em 2em 3em; padding:1em; border-radius:50%;box-shadow: 0 0 1em #666, 0 0 0 1em var(--bacounter); border: .8em solid rgba(0,0,0,.1);}
.ba__counter.style16 .counter-icon{position:absolute;width:5em;height:5em;border-radius:50%;transform:translate(-3.5em,-50%);color:#fff; margin: 0; background: var(--bacounter); border: .5em solid rgba(255,255,255,.8);left: 0;top: 50%;}
.ba__counter.style16 .counter-icon svg, .ba__counter.style16 .counter-icon img{width: 2em;}
.ba__counter.style16 .counter-value{margin: 0; color: var(--bacounter);}


.ba__counter.style17{padding: 0 1em 3em;}
.ba__counter.style17 > *{margin:0; padding:4em 1em 1em; color:#fff; background: none; display: block;}
.ba__counter.style17 > ::before{content: ''; background: var(--bacounter); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);}
.ba__counter.style17 > ::after{content: ''; background: var(--bacounter); opacity: .5; width: 3em; transform-origin: 0 0; transform: skewY(35deg);}
.ba__counter.style17 .counter-icon{order: 5;}
.ba__counter.style17 .counter-value{position:absolute;left:-1rem;right:-1rem;background:#000;display:block;top:.3rem;padding:.5rem; width: auto;}
.ba__counter.style17 .counter-value::before,
.ba__counter.style17 .counter-value::after{position: absolute; left: 0; bottom: 0; width: 1rem; height: 60%; content: ''; transform-origin: 0 0; transform: skewY(35deg);background: inherit; opacity: .6;}
.ba__counter.style17 .counter-value::after{left: auto; right: 0; transform: skewY(-35deg); transform-origin: 100% 100%;}


.ba__counter.style18 > *{background: none;}
.ba__counter.style18 .counter-icon{color: var(--bacounter); transition: all .3s;}
.ba__counter.style18:hover .counter-icon{ transform: rotate(360deg); }
.ba__counter.style18 .counter-value{background: var(--bacounter); color: #fff; width: 8rem; height: 8rem; border-radius: 50%; border: .3em solid; margin:.2em auto; box-shadow: 0 0 .5em rgba(0,0,0,.5);}
.ba__counter.style18 .counter-value:after{content:'';height:100px;width:180%;background:inherit;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;z-index:-1;-webkit-clip-path:polygon(85% 0,100% 50%,85% 100%,0 100%,15% 50%,0 0);clip-path:polygon(85% 0,100% 50%,85% 100%,0 100%,15% 50%,0 0)}


.ba__counter.style19 > *{margin:1.5em; padding:1em; border-radius:50%;box-shadow:0 0 .5em #666; z-index: auto;}
.ba__counter.style19 > ::before{content: ''; border-radius: 50%; width: calc(100% + 1em); height: calc(100% + 1em); top: -.5em;left: -.5em;box-shadow: 0 0 0 1em var(--bacounter);}
.ba__counter.style19 > ::after{content: ''; border-radius: 50%; width: calc(100% + 2em); height: calc(100% + 2em); top: -1em;left: -1em; border: .8em solid; border-color: #fff transparent; background: none; transform: rotate(-45deg); transition: all .3s;}
.ba__counter.style19:hover > ::after{transform:rotate(180deg);}
.ba__counter.style19 .counter-value{margin: 0; color: var(--bacounter);}


.ba__counter.style20{border-radius: .5em;}
.ba__counter.style20 > *{margin:0 0 3em; padding:1em 1em 5em; color:#fff;}
.ba__counter.style20 > ::after{content: ''; background: var(--bacounter); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);}
.ba__counter.style20 .counter-icon{position:absolute;width:6em;height:6em;border-radius:50%; margin: 0; background: var(--bacounter); border: .5em solid rgba(255,255,255,.8); top: auto; bottom: -3em;}


.ba__counter.style21 > *{margin:2em 0 0 2em; padding:1em; border-radius:50% 50% 0 50%; border: .5em solid; color: var(--bacounter); background: #f5f5f5; z-index: auto;box-shadow: 0 0 .8em #fff;}
.ba__counter.style21 > ::after{content: ''; top: -1.5em; left: -1.5em; background: var(--bacounter); opacity: .7; border-radius:50% 50% 0 50%;width: calc(100% + 2em); height: calc(100% + 2em);}
.ba__counter.style21 .counter-icon{position:absolute;width:5em;height:5em;color:#fff; margin: 0; background: var(--bacounter); border: .5em solid rgba(255,255,255,.8); top: -2em; left: -2em; border-radius: 0 50% 50%;}
.ba__counter.style21 .counter-icon svg, .ba__counter.style21 .counter-icon img{width: 2em;}
.ba__counter.style21 .counter-value{margin: 0; color: var(--bacounter);}


.ba__counter.style22 > *{background: var(--bacounter); margin: 7em 0 0; border-radius: .5em;}
.ba__counter.style22 .counter-icon{position:absolute;width:4em;height:4em;border-radius:50%;color:var(--bacounter); margin: 0; background:#fff; bottom:calc(100% + 2em); left:50%; margin-left: -2em;}
.ba__counter.style22 .counter-icon::after{position: absolute; left: -.5em; top: -.5em; right: -.5em; bottom: -.5em; content: ''; background: var(--bacounter); border-radius: 50% 50% 0; z-index: -1; transform: rotate(45deg);}
.ba__counter.style22 .counter-icon svg, .ba__counter.style21 .counter-icon img{width: 2em;}
.ba__counter.style22 .counter-value{width: 80%; background: #fff; color: var(--bacounter); border-radius: .5em; padding: .5em;}


.ba__counter.style23 > *{background:var(--bacounter) linear-gradient(to right, rgba(255,255,255,.3) 50%,rgba(0,0,0,.1) 50%); color: #fff; margin:0 0 2em; border-radius:50% 50% 50% 50% / 15% 15% 85% 85%; border:0 solid rgba(0,0,0,.2); border-width: 5px 2px 0;}
.ba__counter.style23 > ::after{content:'';height:20px;width:150px;background:radial-gradient(rgba(0,0,0,0.3),transparent,transparent);transform:translateX(-50%);left:50%;top:100%}


.ba__counter.style24::after{content: ''; top:auto; left: 50%; height:3em; width:3em; border: 0 solid var(--bacounter); bottom: .8em; margin-left: -1.5em; border-width: 0 .5em .5em 0; transform: scale(1,0.5) rotate(45deg); box-shadow: .5em .5em 0 #fff, 1em 1em 0 var(--bacounter);}
.ba__counter.style24 > *{background:var(--bacounter); padding: .5em; margin:0 1em 2em; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.ba__counter.style24 > ::before{content: ''; background: #fff; left: .5em; top: .5em; width: calc(100% - 1em); height: calc(100% - 1em); -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.ba__counter.style24 .counter-icon{color: var(--bacounter);}


.ba__counter.style25 > *{background:rgba(255,255,255,.3); color: #fff; border:0 solid; border-width: .5em .5em 0 0; border-radius: 50%; margin:2.5em 2.5em 1em 1em; z-index: auto; box-shadow: .5em -.5em .5em rgba(0,0,0,.2);}
.ba__counter.style25 > ::after{content: ''; left: 0; top: -2.5em;  width: calc(100% + 2.5em); height: calc(100% + 2.5em);background: var(--bacounter); border-radius: 50%; z-index: -5; transition: all .3s;}
.ba__counter.style25:hover > ::after{box-shadow: 0 0 .8em rgba(0,0,0,.5);}
.ba__counter.style25 .counter-icon{position:absolute;width:5em;height:5em;border-radius:50%;color:#fff; margin: 0; background:var(--bacounter); right: -2.2em; top: -2.2em; z-index: -1; box-shadow: 0 0 .5em rgba(0,0,0,.3);}
.ba__counter.style25 .counter-icon > *{width: 2.5em;}


.ba__counter.style26 > *{background:var(--bacounter); color: #fff; margin: 2em; border-radius:.5em; z-index: auto;}
.ba__counter.style26 > ::after{content: ''; transform: rotate(45deg); background: rgba(0,0,0,.1); border-radius: 25%;}


.ba__counter.style27 > *{background:#fff; color: var(--bacounter); margin:.5em 1.5em 3em 1.5em; border-radius:50%; z-index: auto; border: .6em solid; z-index: auto; box-shadow: 0 0 5px rgba(0,0,0,0.5),0 -10px 10px -10px rgba(0,0,0,0.5) inset;}
.ba__counter.style27 > ::before{content: ''; background:#f5f5f5;width:4em;height:2.5em;left: calc(50% - 2em); top: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.5),0 -10px 10px -10px rgba(0,0,0,0.5) inset;}
.ba__counter.style27 > ::after{content: ''; background:var(--bacounter);width:8em;height:3em;box-shadow:0 0 15px #444 inset;border-radius:2em 2em 0 0;top: calc(100% + 1em); left: calc(50% - 4em); z-index: -2;}


.ba__counter.style28 > *{border-top: 2px solid var(--bacounter); margin: 1em 0 0; padding:9em 0 0;background: none;}
.ba__counter.style28 > ::before{content: ''; background: #fff; width: 20px; height: 20px; left: calc(50% - 10px); top: -12px; border: 2px solid var(--bacounter); border-radius: 50%;}
.ba__counter.style28 > ::after{content: ''; width:0; height: 2em; border-left: 2px dashed var(--bacounter); left: calc(50% - 1px); top: 6px;}
.ba__counter.style28 .counter-icon{position:absolute;width:7em;height:7em;border-radius:50%;color:#fff; margin: 0; background:var(--bacounter); top: 1.5em;left: calc(50% - 3.5em); border: 2px solid var(--bacounter); box-shadow: 0 0 0 5px #fff inset;}
.ba__counter.style28 .counter-value{color: var(--bacounter);}


.ba__counter.style29 > *{margin: 0 0 5em; padding:1em; background:var(--bacounter); color: #fff; border-radius: 1em;}
.ba__counter.style29 .counter-value{color: var(--bacounter); position: absolute; width: 80%; height: auto; top: 100%; left: 10%; content: '';margin: 0; background: #ebedef; padding:10px; border-radius: 0 0 .5em .5em; box-shadow: 0 10px 10px -10px #000 inset;}


.ba__counter.style30 > *{margin: 0 0 4em; padding:0; color: #fff; background: none; justify-content: flex-end; z-index: auto;}
.ba__counter.style30 > ::before,
.ba__counter.style30 > ::after{content: ''; background:var(--bacounter); -webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%); clip-path: polygon(50% 0%, 0 100%, 100% 100%); z-index: -5;}
.ba__counter.style30 > ::before{background: #fff; transform: scale(0) rotateY(360deg); top: 50%; transition: all .3s; z-index: -1;}
.ba__counter.style30:hover > ::before{opacity: 0; transform: scale(1) rotateY(0); top: 0;}
.ba__counter.style30 .counter-label{color: var(--bacounter); position: absolute; height: auto; top: 100%; left:0; content: '';margin: 0; padding: 1em;}



.ba__counter.style31 > *{margin:0; padding:7em 0 0; color: #fff; background: none;}
.ba__counter.style31 > ::before{content: ''; background:var(--bacounter);transform: perspective(600px) rotateX(25deg) scale(.9); transform-origin: 50% 100%;}
.ba__counter.style31 .counter-icon{position:absolute;width:7em;height:7em;border-radius:50%;color:var(--bacounter); margin: 0; background:#fff; top:1em;left: calc(50% - 3.5em); border:0 solid; border-width: .3em 0 0; box-shadow: 0 0 3px;}



.ba__counter.style32 > *{margin:0 1em 2em; padding:0; color: #fff; background:var(--bacounter); border-radius: 50%; box-shadow: 0 8px 8px rgba(0,0,0,.3); z-index: auto; border:.8em solid rgba(255,255,255,.3);}
.ba__counter.style32 > ::before{content: ''; background:var(--bacounter); -webkit-clip-path: polygon(10% 0, 90% 0, 100% 100%, 50% 80%, 0% 100%); clip-path: polygon(10% 0, 90% 0, 100% 100%, 50% 80%, 0% 100%); height: 60%; width: 60%; top: auto; bottom: -2.5em; left: 20%;}
.ba__counter.style32 .counter-icon > *{width: 3em;}


.ba__counter.style33 > *{margin:0 1em 2em; padding:1em; border-radius: 50%; box-shadow: 0 8px 8px rgba(0,0,0,.3); z-index: auto; justify-content: flex-start; overflow: hidden;}
.ba__counter.style33:after{content: ''; background:var(--bacounter); border-radius: 50%; height: 80%; width: 80%; top: auto; bottom:0; left:10%;}
.ba__counter.style33 .counter-icon{z-index: 1; color: #fff; padding:0 0 1em;}
.ba__counter.style33 .counter-icon::after{position: absolute; left: 0; bottom: 0; width: 100%; height:200%; display: block; background:var(--bacounter); content: ''; border-radius: 50%; z-index: -1;}
.ba__counter.style33 .counter-value{color: var(--bacounter);}


.ba__counter.style34 > *{background: none;}
.ba__counter.style34 .counter-value{color: var(--bacounter); border: .8rem solid; width: 8rem; height: 8rem; background: none; border-radius: 50%; z-index: 1; font-size: 1.6em; margin: 0 0 8px;}
.ba__counter.style34 .counter-value::after{background:#fff; position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 100%; display: block; transform: rotate(45deg); transform: rotate(45deg); z-index: -1; border-radius: 50% 50% 0 50%; box-shadow: 0 0 6px rgba(0,0,0,.5);}
.ba__counter.style34 .counter-icon{width: auto; background:var(--bacounter); color: #fff; padding: .5em; border-radius: .3em; z-index: 1;}
.ba__counter.style34 .counter-icon > *{width: 2.8em;}
.ba__counter.style34 .counter-icon::after{background:inherit; position: absolute; left:calc(50% - 1em); top: 0; content: ''; width:2em; height: 150%; display: block; z-index: -1;}


.ba__counter.style35 > *{margin:2em 0 0; padding:1em; border-radius:9em; align-self: flex-start; background:var(--bacounter); color: #fff;}
.ba__counter.style35 > ::before,
.ba__counter.style35 > ::after{content: ''; background:inherit; border-radius: 50%; height: 80%; width: 35%; top:-1em; left:10%;}
.ba__counter.style35 > ::after{width: 50%; left: 30%; top:-2em}
.ba__counter.style35 .counter-icon{z-index: 1; color: var(--bacounter); padding: 1em; position: absolute; left: 0; top: 100%;}


.ba__counter.style36 > *{background: none;}
.ba__counter.style36 > ::after{content: ''; background:var(--bacounter); border-radius: 1em 1em 0 0; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%); height: 60%;}
.ba__counter.style36 .counter-value{order: -1; color: #fff;}
.ba__counter.style36 .counter-icon{width: auto; background:var(--bacounter); color: #fff; padding: 1em; border-radius:0 50%; z-index: 1;    border: .5em solid; box-shadow: 0 0 3px rgba(0,0,0,.5);}


.ba__counter.style37 > *{background: none;}
.ba__counter.style37 > * > *{margin: 0;}
.ba__counter.style37 .counter-value{order: -1; background:var(--bacounter); color: #fff; border-radius: 1rem; padding: 1rem .5rem 2rem; margin-bottom: -1rem;}
.ba__counter.style37 .counter-icon{width: auto; background:#fff; color: var(--bacounter); padding: 1em; border-radius:1em; z-index: 1;    border: .5em solid; box-shadow: 0 0 3px rgba(0,0,0,.5);}
.ba__counter.style37 .counter-label{background: #31475a; color: #fff; border-radius: 1rem; padding: 2rem .5rem 1rem; margin-top: -1rem;}


.ba__counter.style38{border-radius: 0 0 1em 1em;}
.ba__counter.style38::after{content: ''; background:var(--bacounter); left: 50%;transform: rotate(45deg); border-radius: 20% 0 0; transform-origin: 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;}
.ba__counter.style38 > *{align-self: flex-end; background:var(--bacounter); color: #fff; padding:1.3em 1em; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.ba__counter.style38 .counter-icon{position: absolute; left:0; bottom: 100%; padding: 1em;}

.ba__counter.style39 > *{background: none;}
.ba__counter.style39 .counter-icon{color: var(--bacounter); padding: 1em; margin-bottom: 1em; border-bottom: 6px double;}


.ba__counter.style40 > *{margin: 0 1.5em; background:var(--bacounter); color: #fff; border-radius: 1em;}
.ba__counter.style40 .counter-value{padding: 1rem 0; background: #f5f5f5; color: #31475a; border-radius: 0 1rem; margin: 1rem -1rem; width: calc(100% + 2rem); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.ba__counter.style40 .counter-value::before,
.ba__counter.style40 .counter-value::after {content: ""; position: absolute; top: -1rem; left: 0; width: 1rem; height: 1rem; z-index: -5; background: linear-gradient(to right bottom, transparent 49%, #888 50%);}
.ba__counter.style40 .counter-value::after{left: auto;right:0;top: auto;bottom: -1rem;background: linear-gradient(to right bottom,#888 49%, transparent 50%);}


.ba__counter.style41 > *{background: none;}
.ba__counter.style41 > ::before{content: ''; border-radius: 50%; background: #eee; top: 30%;z-index: 0; box-shadow: 0 -3px 3px rgba(0,0,0,.3);width: 110%;left: -5%;}
.ba__counter.style41 > ::after{content: ''; background:var(--bacounter); transform: rotate(45deg);}
.ba__counter.style41 .counter-icon{width: 6em; height: 6em; background: var(--bacounter);border-radius: 50%;border: .5em solid rgba(255,255,255,.3); box-shadow: 10px 10px 10px rgba(0,0,0,0.3); color: #fff;}
.ba__counter.style41 .counter-icon > *{width:2.5em;}


.ba__counter.style42 > *{background:#fff; margin: 2em 1em 1em 2em; border-radius: 1em 5em; z-index: auto; border: 3px solid var(--bacounter); border-left: 0; box-shadow: 0 0 0 .8em #fff, 0 0 1em #000;}
.ba__counter.style42 > ::after{content: ''; background:var(--bacounter); margin:-2em 0 0 -2em; border-radius: inherit; box-shadow: 0 0 10px #000 inset;}
.ba__counter.style42 .counter-icon{color:var(--bacounter);}


.ba__counter.style43 > *{background:var(--bacounter); color: #fff; margin: 0 0 0 2.5em; border-radius:0 2em 2em; z-index: auto;}
.ba__counter.style43 > ::before{content: ''; background:linear-gradient(to top, #999,#333); width: 2em; height: 2em; margin-left: -2em;border-radius: 1em 1em 0 0; z-index: 0;}
.ba__counter.style43 > ::after{content: ''; background: inherit; width: 1em; height: 1em; margin-left: -1em;}
.ba__counter.style43 .counter-icon{width: 7em; height: 7em; background: rgba(255, 255, 255, 0.2); border-radius: 50%;}


.ba__counter.style44 > *{background:#fff; color: var(--bacounter); margin:7em 1em 1em; border-radius:0 0 9em 9em; z-index: auto; box-shadow:0 0 .5em rgba(0,0,0,.5), 0 0 0 1em;}
.ba__counter.style44 .counter-icon{width: 6em; height: 6em; background: var(--bacounter); color: #fff; border-radius:9em 9em 0 0; position: absolute; left: calc(50% - 3em); bottom: 100%;}

.ba__counter.style45 > *{background:#fff; margin:1em; border-radius:1em;box-shadow:0 8px 5px rgba(0, 0, 0, 0.2); justify-content: flex-start;}
.ba__counter.style45 > ::before{content: ''; height:6em; background:var(--bacounter); border-radius: 1em 1em 0 0;}
.ba__counter.style45 .counter-icon {background:var(--bacounter); color: #fff; width: 6em; height: 6em; border-radius: 1em 1em 9em 9em; margin: -.8em auto 1.5em; box-shadow: 0 .3em .3em rgba(0,0,0,.5);}


.ba__counter.style46 > *{background:#fff; color: var(--bacounter); margin:3em 0 0 3em; border-radius:50%; border: .4em dotted;}
.ba__counter.style46 .counter-icon {background:var(--bacounter); color: #fff; width: 6em; height: 6em; position: absolute; left: -3em; top: -3em; border-radius: 3em 3em 0;}


.ba__counter.style47 > *{background:#fff; color: var(--bacounter); margin:1em; border-radius:0 3em; border:0 solid; border-width: 0 0 .8em .8em; box-shadow: 0 0 1em rgba(0,0,0,.3); padding-top: 5em;}
.ba__counter.style47 .counter-icon{position: absolute;left: 0;top: 0;width: 60%;background: var(--bacounter);margin: 0; color: #fff; padding: 1em; border-radius: 0 0 3em;}
.ba__counter.style47 .counter-icon > *{width: 3em;}


.ba__counter.style48::after{content: ''; top: auto; bottom: .25em; left: 20%; width: 60%; height: .5em; background: rgba(0, 0, 0, 0.5); border-radius: 5em;}
.ba__counter.style48 > *{background:var(--bacounter); color: #fff; margin:4em .8em 2em; border-radius:2em 0; padding:1em;}
.ba__counter.style48 > ::before,
.ba__counter.style48 > ::after{content: ''; background:inherit; top: 100%; height:1.2em; width: 30%;}
.ba__counter.style48 > ::before{background: #fff; z-index: 0; border-radius: 2em 0; width: 60%;}
.ba__counter.style48 .counter-icon{position: absolute; left:50%; top:0; width:6em; height: 6em; background: var(--bacounter);margin: 0; color: #fff; padding:.5em; border-radius:50%; transform: translate(-50%, -50%); border: .5em solid rgba(255,255,255,.5); box-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
.ba__counter.style48 .counter-icon > *{width: 3em;}
.ba__counter.style48 .counter-value{margin-top: 1.2em;}


.ba__counter.style49 > *{background:none; margin:1em; padding:.5em;}
.ba__counter.style49 > ::after{content: ''; background: #fff; left: 50%; top: 50%; border:.5em solid var(--bacounter);box-shadow: 0 0 1em rgba(0,0,0,.2) inset; transform: translate(-50%,-50%) rotate(45deg) scale(.8);}
.ba__counter.style49 .counter-label{background:var(--bacounter); color: #fff; border-radius: 0 0 1em 1em; padding: .8em;}
.ba__counter.style49 .counter-label::after{content: ""; background:inherit; width:100%; position: absolute; bottom: 100%; left: 0; z-index: -2; border: 2em solid transparent; border-bottom-color: #000; height: 4em; background: none;}
.ba__counter.style49 .counter-icon{color:var(--bacounter)}


.ba__counter.style50 > *{background:#fff; margin:1em 0; padding:1em; border: 1px solid rgba(0,0,0,.2); border-radius: .5em;}
.ba__counter.style50 > * > :not(.counter-value){background:var(--bacounter); color: #fff; border-radius: 0 0 1em 1em; padding: 1em; position: absolute; top: -1em; left:2em; width: calc(100% - 4em); margin: 0;}
.ba__counter.style50 > * > :not(.counter-value)::after{position: absolute; left:-1em; top:-1em; content: ''; border: 1em solid transparent; border-bottom-color: rgba(0,0,0,.5); width: calc(100% + 2em); z-index: -1;}
.ba__counter.style50 .counter-label{border-radius: 1em 1em 0 0; top:auto; bottom: -1em;}
.ba__counter.style50 .counter-label::after{top: auto; bottom: -1em; border-color:rgba(0,0,0,.5) transparent transparent;}


.ba__counter.style51{border-bottom: .5em solid var(--bacounter);}
.ba__counter.style51 > *{background:#31475a; color: #fff; margin:3.5em 1em 0; padding:1em; border-radius:9em 9em 0 0;}
.ba__counter.style51 .counter-icon{position: absolute; left:50%; top: 0; width: 6em; height: 6em; background: #fff; color:var(--bacounter); border: .5em solid; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 .8em #fff;}
.ba__counter.style51 .counter-value{margin-top: 2em;}


.ba__counter.style52 > *{background:#fff; margin:1em; padding:1em; border-radius:0 9em; box-shadow: 0 0 .3em rgba(0,0,0,.3); z-index: auto;}
.ba__counter.style52 > ::before,
.ba__counter.style52 > ::after{content: ''; top: auto; left: auto; bottom: -1em; right: -1em; width: calc(100% + 2em); height: calc(100% + 2em); border-radius: inherit; background:var(--bacounter); -webkit-clip-path: polygon(100% 0, 100% 75%, 75% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 75%, 75% 100%, 0 100%, 0 0);}
.ba__counter.style52 > ::after{width:6em; height: 6em; -webkit-clip-path: none; clip-path: none;}
.ba__counter.style52 .counter-icon{position: absolute; left:-1em; top:-1em; width: 6em; height: 6em; background: var(--bacounter); color:#fff;  border-radius: 50%; margin: 0;}
.ba__counter.style52 .counter-value{color: var(--bacounter);}


.ba__counter.style53 > *{background:none; margin: 1em;}
.ba__counter.style53 .counter-icon{position: absolute; left:-1em; top:-1em; width: 8em; height: 8em; background: linear-gradient(to right bottom, var(--bacounter) 50%, transparent 51%); color:#fff; margin: 0; display: block; text-align: left; padding: 1em; z-index: 2;}
.ba__counter.style53 .counter-icon svg, .ba__counter.style53 .counter-icon img{width:3em; margin: 0;}
.ba__counter.style53 .counter-icon::before, 
.ba__counter.style53 .counter-icon::after {content: "";position: absolute;top: 0;right: 0;width: 1em; height: 1em;background: linear-gradient(to right bottom,transparent 49%,rgba(0,0,0,.5) 50%);}
.ba__counter.style53 .counter-icon::after {top: auto;bottom: 0;left: 0;right: auto;}
.ba__counter.style53 .counter-value{padding: 2em; margin: 0; background: #f5f5f5; height: 100%;box-shadow: 0 0 5px rgba(0,0,0,.3); border-radius: 0 2em 0 0;}
.ba__counter.style53 .counter-label{background: var(--bacounter); color: #fff; padding: 1em; margin: 0; position: absolute; width: calc(100% + 30px); left: -1em; bottom: 0; border-radius: 0 0 1em 1em;}
.ba__counter.style53 .counter-label::after{position: absolute; left:0; top:-2em; content: ''; border: 1em solid transparent; border-bottom-color: rgba(0,0,0,.5); width:100%; z-index: -1;}



.ba__counter.style54{border-radius: 50%; overflow: hidden;}
.ba__counter.style54 > *{margin:0; padding: 1em; background: none; color: #fff;}
.ba__counter.style54 > ::after{content: ''; background: var(--bacounter); border-radius: 50%;z-index: -5; left: 1em; top: 1em; width: calc(100% - 2em); height: calc(100% - 2em);}
.ba__counter.style54 > * > *{margin: 0; padding:.8rem;}
.ba__counter.style54 > * > :not(.counter-value)::after{position: absolute; left:-1em; top:0; content: ''; background: var(--ba-color); width: calc(100% + 2em); height: 50em; z-index: -1; box-shadow: 0 -2px 3px #000;}
.ba__counter.style54 .counter-icon::after{top: auto; bottom: 0;box-shadow: 0 2px 3px #000;}
.ba__counter.style54 .counter-icon{color: var(--bacounter);}


.ba__counter.style55{border-bottom: 3px solid rgba(0,0,0,.3);}
.ba__counter.style55 > *{margin:1em; padding: 1em; background:var(--bacounter); color: #fff; border-radius: 50%; transform: translateY(2em);}
.ba__counter.style55 .counter-icon{color: var(--bacounter); width: 6em; height: 6em; background: linear-gradient(to bottom, rgba(237,237,237,1) 1%,rgba(255,255,255,1) 100%);position: absolute;top: -.3em; left: calc(50% - 3em); border-radius: 0 0 50% 50%;}
.ba__counter.style55 .counter-icon::after{position: absolute; left:-.5em; top:-.4em; content: ''; border: .5em solid transparent; border-bottom-color: rgba(0,0,0,.5); width:calc(100% + 1em); z-index: -1;}
.ba__counter.style55 .counter-value{margin-top: 2em}


.ba__counter.style56 > *{margin:0; padding:2em 1em 1em; border-radius: 50%; background: linear-gradient(transparent 50%,var(--ba-color) 50%,var(--ba-color) 52%,var(--bacounter) 52%); color: #fff;}
.ba__counter.style56 .counter-icon{background: var(--bacounter); color: #fff; width: 6em; height: 6em; border-radius: 50%; border: .5em solid; box-shadow: 2px 3px 0 rgba(0,0,0,0.1);}
.ba__counter.style56 .counter-icon > *{width: 3em;}
.ba__counter.style56 .counter-label{position: absolute; left: 0; top: .5em; color: #333;}
.ba__counter.style56 > ::after{content: '';border-radius: 50%;top: 60%; opacity: .2;}


.ba__counter.style57 > *{margin:0; padding:1em; background: #e9edf3; color: var(--bacounter); border-radius: 1em; border: 3px solid; box-shadow: 0 0 0 1em #fff inset, 0 0 2em rgba(0,0,0,.5) inset;}
.ba__counter.style57 > ::after{content: '';width: 8em; height: 8em; top: auto; bottom: 0; border: .6em solid; border-color: transparent transparent currentColor currentColor; background: none; border-radius: 0 0 0 .5em;}
.ba__counter.style57 .counter-value{color: var(--ba-color);}


.ba__counter.style58 > *{margin:6em 0 0 1em; padding:1em; background: none; color: var(--bacounter); border-left: 3px solid;}
.ba__counter.style58 > ::before,
.ba__counter.style58 > ::after{content: '';width: 1em; height: 1em; top:0; left:-.6em; background:var(--bacounter); border-radius:50%;}
.ba__counter.style58 > ::after{top:calc(100% - 1em);}
.ba__counter.style58 .counter-value{position: absolute; left: 0; bottom: 100%; padding: .5em; margin: 0 0 1em; background: var(--bacounter); color: #fff; -webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 0%); clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 0%);}



.ba__counter.style59 > *{background:none; color: var(--bacounter); margin:3.5em 0 0; padding:1em;}
.ba__counter.style59 > ::after{content: ''; border-radius:1em; border: 8px double; -webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%); clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%); background:inherit;}
.ba__counter.style59 .counter-icon{position: absolute; left:50%; top: 0; width: 6em; height: 6em; background: var(--bacounter); color:#fff; border: .5em solid; border-radius: 50%; transform: translate(-50%, -55%); box-shadow: 0 0 .8em rgba(0,0,0,.3);}
.ba__counter.style59 .counter-value{margin-top: 1em;}



.ba__counter.style60 > *{background:var(--bacounter); color: #fff; margin:8.2em 1em 0; padding:1em; border-radius: 0 0 2em 2em;}
.ba__counter.style60 > ::before{content: ''; height: 1em; background: var(--ba-color); border-radius:50%; top: -.5em;}
.ba__counter.style60 .counter-icon{position: absolute; left:50%; top:-2em; width: 6em; height: 6em; background: var(--bacounter); color:#fff; border: .3em solid; border-radius: 50%; transform: translate(-50%, -100%); box-shadow:0 0 0 .5em var(--bacounter), 0 0 0 .2em rgba(0,0,0,.5) inset, 0 2em 1em var(--bacounter);}
.ba__counter.style60 .counter-value{margin-top:1rem;}



.ba__counter.style61 > *{background:#edf3f9; color: var(--bacounter); margin:7em 0 0; padding:.5em; border: 0 solid; border-width: 10px 0;}
.ba__counter.style61 .counter-icon{position: absolute; left:50%; top:-1.5em; width: 6em; height: 6em; background:#fff; color:var(--bacounter); border: .5em solid; border-radius: 50%; transform: translate(-50%, -100%);}
.ba__counter.style61 .counter-value{background:var(--bacounter); color: #fff; padding: .5rem;}


.ba__counter.style62 > *{background:none; margin:0; padding:0;}
.ba__counter.style62 .counter-icon{width: 8em; height: 8em; background:none; color:#fff; border: .5em solid var(--bacounter); border-right-color:transparent; border-radius: 50% 0 50% 50%;}
.ba__counter.style62 .counter-icon::after{position: absolute; left:.5em; top:.5em; width: calc(100% - 1em); height: calc(100% - 1em); background:var(--bacounter); border-radius: 50%; content: ''; z-index: -1;}
.ba__counter.style62 .counter-value{color:var(--bacounter);}


.ba__counter.style63 > *{background:#fff; margin:.1em .5em 1em; padding:0; border-radius: 1rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.ba__counter.style63 > ::after{content: ''; height: 1em; width: 1em; background: inherit; top:100%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07);}
.ba__counter.style63 .counter-icon{order: 5; width: 5em; height: 5em; background:var(--bacounter); color: #fff; border-radius: 1em;}
.ba__counter.style63 .counter-icon > *{width: 3em;}
.ba__counter.style63 .counter-value{position: absolute;left: 0;top: 0;background: var(--bacounter);color: #fff;margin: 0;border-radius: 1rem 1rem 0 0;padding: .5em;}
.ba__counter.style63 .counter-label{margin-top: 3em;}



.ba__counter.style64 > *{background:none; margin:0; padding:0;}
.ba__counter.style64 .counter-icon{width: 8em; height: 5em; margin:1em 1em 3em; background:var(--bacounter); color:#fff; border-radius: 50%; box-shadow: 0 10px var(--ba-color),0 20px var(--ba-color),0 30px var(--ba-color);}
.ba__counter.style64 .counter-value{color: var(--bacounter);}


.ba__counter.style65 > *{background:#fff; margin:1em 1em 5em; padding:1em; border-radius: 1em 1em 0 0;box-shadow:0 0 3px rgba(0,0,0,.3), 0 -1em 1em -1em #000 inset, 0 1px 0 #fff; z-index: auto;}
.ba__counter.style65 > ::after{content: ''; background:var(--bacounter); border-radius: 1em; top: 5em; left: -1em; width: calc(100% + 2em);}
.ba__counter.style65 .counter-value{position: absolute;left: 0;top:100%;color: #fff;margin: 0;padding: .5rem;}
.ba__counter.style65 .counter-icon{color: var(--bacounter);}


.ba__counter.style66 > *{background: none;}
.ba__counter.style66 .counter-value{background:var(--bacounter); color: #fff; width: 12rem; height: 6rem;border-radius: 50em 50em 0 0; box-shadow: 0 -5px 10px -5px #000 inset; margin-bottom:1.5rem;}
.ba__counter.style66 .counter-value::after{position: absolute; left: 0; bottom: -.5em; width: 100%; content: ''; border-bottom:6px double var(--bacounter);}
.ba__counter.style66 .counter-icon{color: var(--bacounter);}



.ba__counter.style67{border-radius: 1em;}
.ba__counter.style67 > *{background: none; color: #fff; margin: 1em; padding: 1em; border-radius: 1em; border: 3px solid #31475a; z-index: auto;}
.ba__counter.style67 > * > *{z-index: 2;}
.ba__counter.style67 .counter-value{padding-top: 2rem;}
.ba__counter.style67 .counter-value::before,
.ba__counter.style67 .counter-value::after{content: ''; background:var(--bacounter); position: absolute; top:0; left: -50%; width: 200%; height: 500%; z-index: -5;}
.ba__counter.style67 .counter-value::after{width: 2rem;height: 2rem;border-radius: 50%;left: calc(50% - 1rem);top: -1rem;}
.ba__counter.style67 .counter-icon{color: var(--bacounter); margin-bottom: 1em;}


.ba__counter.style68 > *{margin: 1em; background: #fff; border-radius:50%; box-shadow: 0 0 8px rgba(0,0,0,.3); z-index: auto;}
.ba__counter.style68 > ::after{content: ''; left: -1em; top: -.8em; width: calc(100% + 1em); border-radius:50%; background:linear-gradient(var(--bacounter) 50%, transparent 50%)}
.ba__counter.style68 .counter-value{color: var(--bacounter);}


.ba__counter.style69 > *{margin:1px 2em 2em 1px; background: #f5f7f9; z-index: auto; box-shadow: 0 0 5px rgba(0,0,0,.5);}
.ba__counter.style69 > ::after{content: ''; left: 1.5em; top: 1.5em; background: var(--bacounter); border: 2px dashed #fff; box-shadow: 0 0 0 .8em var(--bacounter); width: calc(100% - .8em); height: calc(100% - .8em);}
.ba__counter.style69 > ::before{content: ''; width: calc(100% + .8em); height: calc(100% + .8em); border-radius: 1em; background: #31475a; z-index: -2;}


.ba__counter.style70 > *{background: #fff; border-radius: 1em; border: .8em solid; border-color:transparent transparent var(--bacounter) var(--bacounter);box-shadow: 2px -2px #31475a; margin: 1em;}
.ba__counter.style70 > ::before,
.ba__counter.style70 > ::after{content: '';height: 10px; width: 10px; border: 2px solid #31475a; border-radius: 50%; left: -5px; top: -14px;}
.ba__counter.style70 > ::after{top: auto; left: auto; bottom: -5px; right: -14px;}
.ba__counter.style70 .counter-value{color: var(--bacounter);}



.ba__counter.style71 > *{margin: 0 .5em 1em; background: #fff; border-radius:50%; box-shadow: 0 0 8px rgba(0,0,0,.3), 0 0 0 .65em var(--bacounter) inset; z-index: auto;}
.ba__counter.style71 > ::after{content: ''; left: -1em; top: -1em; width: calc(100% + 2em); height: calc(100% + 2em); border-radius:50%; border-bottom: 8px dotted var(--bacounter);}
.ba__counter.style71 .counter-value{color: var(--bacounter);}


.ba__counter.style72 > *{margin: 1.5em 1.5em .5em .5em; background: #fff; border-radius:0 0 0 5em; box-shadow: 0 0 5px rgba(0,0,0,.3); z-index: auto;}
.ba__counter.style72 > ::after{content: ''; left: .8em; top: -.8em; background: var(--bacounter); box-shadow: 5px 5px 6px rgba(0,0,0,0.3);}
.ba__counter.style72 .counter-value{color: var(--bacounter);}


.ba__counter.style73 > *{background: none; margin:1.5em; padding: .5em; z-index: auto;}
.ba__counter.style73 > ::before,
.ba__counter.style73 > ::after{content: ''; background: #f1f5f7; -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%); clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);}
.ba__counter.style73 > ::after{top: 10%; height: 80%; background: var(--bacounter);left: -1.5em; width: calc(100% + 3em); z-index: -2;}
.ba__counter.style73 .counter-icon{color: var(--bacounter);}



.ba__counter.style74 > *{background: #fff; margin: 1em; padding: 1em; z-index: auto; border-radius: 1em; box-shadow: 0 0 .5em rgba(0,0,0,.3);}
.ba__counter.style74 > ::after{content: ''; background: var(--bacounter); left: 1em; top: -1em; border-radius: inherit;}
.ba__counter.style74 .counter-label{background: var(--bacounter); color:#fff; padding: 1em; border-radius: .5em;}
.ba__counter.style74 .counter-icon{color: var(--bacounter);}


.ba__counter.style75 > *{background: #fff; margin: 1em; padding: 1em; z-index: auto; border-radius: 30% 0; box-shadow: 0 0 .5em rgba(0,0,0,.3);}
.ba__counter.style75 > ::before,
.ba__counter.style75 > ::after{content: ''; background: none; border:0 solid var(--bacounter); top: -1em; left: -1em; border-width: 5px 0 0 5px; border-radius: 1em;}
.ba__counter.style75 > ::after{top: 1em; left: 1em; border-width: 0 5px 5px 0;}
.ba__counter.style75 .counter-icon{color: var(--bacounter);}


.ba__counter.style76 > *{background: #fff; margin: 1.5em; padding:0; z-index: auto; border-radius:50%; border: 2px dashed var(--bacounter); box-shadow:0 0 0 .5em #fff, 0 0 1em rgba(0,0,0,.5); justify-content: flex-start;}
.ba__counter.style76 .counter-icon{background:var(--bacounter); color: #fff; border-radius: 90em 90em 0 0;min-height: 7em;margin-top: -1em;width: calc(100% + 2em);}
.ba__counter.style76 .counter-icon::after{background:none; content: ''; width: 100%; position: absolute; left:0; top: 100%; z-index: -2; border: 10px solid transparent; border-top-color: var(--ba-color);}


.ba__counter.style77 > *{background: #fff; margin: 1em; padding: 1em; z-index: auto; border-radius:1em 1em 50% 50%; border-top: .5em solid var(--bacounter); box-shadow: 0 0 .5em rgba(0,0,0,.3);}
.ba__counter.style77 > ::after{content: ''; top:auto; bottom: -1em; left: -1em; width: calc(100% + 2em); background:var(--bacounter); border-radius:50%;}
.ba__counter.style77 .counter-icon{color: var(--bacounter);}


.ba__counter.style78 > *{background: #fff; margin: 1em; padding: 1em; z-index: auto; border-radius:0 3em; box-shadow: 0 0 .5em rgba(0,0,0,.3);}
.ba__counter.style78 > ::before,
.ba__counter.style78 > ::after{content: ''; background:var(--bacounter); width: 50%; height: 1em; top: -1em;}
.ba__counter.style78 > ::after{top: 100%; left: 50%;}
.ba__counter.style78 .counter-value,
.ba__counter.style78 .counter-icon{position: absolute; left: calc(50% - 2.5em); top: -1rem; background:var(--bacounter); width: 5em; height: 5em; border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,.3); margin: 0;color: #fff;font-size: 1.2em;}
.ba__counter.style78 .counter-icon{top: auto; bottom: -1rem;}
.ba__counter.style78 .counter-icon svg, .ba__counter.style78 .counter-icon img{width: 2em;}


.ba__counter.style79 > *{background: #fff linear-gradient(to right, transparent 50%,rgba(181,198,208,.3) 51%); margin: 1em; padding: 1em; z-index: auto; border-radius:1em; box-shadow: 0 0 .5em rgba(0,0,0,.3);}
.ba__counter.style79 > ::after{content: ''; background:var(--bacounter); width: calc(100% + 2em); height: calc(100% + 2em); top: -1em; left: -1em; background: linear-gradient(to right,transparent 50%,var(--bacounter) 50%); border-radius: 1em;}
.ba__counter.style79 .counter-value{background:var(--bacounter); color: #fff; padding: .5rem; border-radius: 5em;}


.ba__counter.style80 > *{background: #fff; border: 10px groove var(--bacounter); border-top: 0; z-index: auto; margin: 1em .5em 0; border-radius: .5em; padding-top: 4em;}
.ba__counter.style80 > ::after{content: ''; background:var(--bacounter); top: -1em; border-radius: 1em;}
.ba__counter.style80 .counter-icon{width: 6em;height: 6em;position: absolute;top: 0;left: calc(50% - 3em);background: var(--bacounter);border-radius: 0 0 50% 50%;margin: 0; color: #fff;}