.elementor-widget-counter {
    &.elementor-position{
        &-top {
            .elementor-icon-counter{
                text-align: center;
            }
        }
        &-left,&-right {
            .elementor-counter {
                display: flex;
                align-items: center;
                .elementor-counter-number-prefix,
                .elementor-counter-number-suffix {
                    flex-grow: 0;
                }
            }
        }
        &-left {
            .elementor-counter {
                justify-content: flex-start;
                .elementor-counter-title {
                    text-align: left;
                }
            }
            .elementor-icon-counter {
                margin-right: 10px;
            }
        }
        &-right {
            .elementor-icon-counter {
                order: 2;
                margin-left: 10px;
            }
            .elementor-counter {
                justify-content: flex-end;
                .elementor-counter-title {
                    text-align: right;
                }
            }
        }
    }
}
.counter-wheel {
  width: 5em;
  height: 5em;
  position: relative;
  border: 0;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  padding: 0.5em;
  font-family: monospace;
  background: #fff;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.counter-wheel:before {
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  max-width:100%;
  width: 100%;
  height: 100%;
  background: inherit;
  content: "";
  display: block;
  border-radius: 50%;
}

.counter-wheel-content {
  content: "";
  text-align: center;
  border-width: inherit;
  border-style: solid;   
  border-color: inherit;
  border-radius: 50%;
  background: inherit;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: box;
  box-orient: vertical;
  box-pack: center;
  box-align: center;
  
  max-height: 100%;
}

.counter-wheel svg {
  top: -3%;
  left: -3%;
  right: -3%;
  bottom: -3%;
  position: absolute;
  max-width:106%;
  width: 106%;
  height: 106%;
}

.counter-content .counter-title {
    margin: 25px 0; 
}

.counter-wheel svg .counter-wheel-highlight {
  fill: currentColor;
}

.counter-wheel-highlight {
  color: teal;
  color: currentColor;
}

.counter-wheel-callbacks {
  width: 200px;
  height: 200px;
  border-color: #ddd;
  border-width: 10px;
  background: #101433;
  text-transform: uppercase;
  font-family: inherit;
  font-size: 16px;
  padding: 15px;
  line-height: 28px;
}

.counter-wheel-callbacks .counter-wheel-content {
  background: #fff;
  color: #000;
}

.counter-wheel-callbacks .counter-wheel-content > div {
  font-weight: bold;
  font-size: 32px;
}

.counter-wheel-callbacks .counter-wheel-content > div > * {
  margin: 0 5px;
}

.counter-wheel-callbacks .counter-wheel-highlight {
  transition: all .25s ease-in;
  -webkit-transition: all .25s ease-in;
  color: #E71232;
}

.counter-level-warn .counter-wheel-highlight {
  color: orange;
}

.counter-level-ok .counter-wheel-highlight {
  color: green;
}