.rt-counter .icon i {
  font-size: 50px; }
.rt-counter .icon svg {
  width: 50px; }
.rt-counter .title {
  margin: 0;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-primary-font-family); }
  @media (max-width: 1200px) {
    .rt-counter .title {
      font-size: 45px; } }
  @media (max-width: 767px) {
    .rt-counter .title {
      font-size: 30px; } }
.rt-counter .label {
  font-size: 15px;
  font-weight: 400;
  display: inline-block; }
.rt-counter .radial-progress {
  height: auto;
  max-width: 90px;
  padding: 0;
  border-radius: 50%;
  transform: rotate(-90deg);
  width: 100%;
  background-image: none;
  border-radius: 50%;
  transition: 0.3s; }
  .rt-counter .radial-progress circle {
    fill: transparent;
    stroke: #fff; }
  .rt-counter .radial-progress circle.bar-static {
    stroke: rgba(31, 31, 33, 0.08) !important;
    stroke-width: 3px;
    transition: .3s; }
  .rt-counter .radial-progress circle.bar--animated {
    stroke-dasharray: 219.91148575129;
    stroke: var(--e-global-color-primary);
    stroke-dashoffset: 219.91148575129;
    stroke-width: 3px;
    transition: .3s;
    stroke-linecap: round; }
  .rt-counter .radial-progress text {
    fill: #1F1F21 !important;
    font-size: 16px;
    font-weight: 700;
    text-anchor: middle;
    font-family: var(--e-global-color-primary);
    fill: rgba(31, 31, 33, 0.2);
    transition: .3s;
    color: var(--e-global-color-primary); }
  .rt-counter .radial-progress:hover circle.bar-static {
    stroke-width: 1px; }
  .rt-counter .radial-progress:hover circle.bar--animated {
    stroke-width: 4px; }
  .rt-counter .radial-progress:hover text {
    fill: #1F1F21; }
.rt-counter.clip-path-yes {
  clip-path: polygon(48.93% 0.356%, 48.93% 0.356%, 49.136% 0.264%, 49.349% 0.194%, 49.568% 0.143%, 49.791% 0.113%, 50.015% 0.103%, 50.24% 0.113%, 50.463% 0.143%, 50.681% 0.194%, 50.895% 0.264%, 51.101% 0.356%, 98.912% 24.359%, 98.912% 24.359%, 99.106% 24.469%, 99.283% 24.594%, 99.444% 24.734%, 99.586% 24.887%, 99.708% 25.052%, 99.811% 25.227%, 99.892% 25.411%, 99.951% 25.602%, 99.988% 25.798%, 100% 26%, 100% 74%, 100% 74%, 99.988% 74.202%, 99.951% 74.398%, 99.892% 74.589%, 99.811% 74.773%, 99.708% 74.948%, 99.586% 75.113%, 99.444% 75.266%, 99.283% 75.406%, 99.106% 75.531%, 98.912% 75.641%, 51.101% 99.645%, 51.101% 99.645%, 50.895% 99.736%, 50.681% 99.806%, 50.463% 99.857%, 50.24% 99.887%, 50.015% 99.897%, 49.791% 99.887%, 49.568% 99.857%, 49.349% 99.806%, 49.136% 99.736%, 48.93% 99.645%, 1.119% 75.641%, 1.119% 75.641%, 0.925% 75.531%, 0.747% 75.406%, 0.587% 75.266%, 0.445% 75.113%, 0.322% 74.948%, 0.22% 74.773%, 0.138% 74.589%, 0.079% 74.398%, 0.043% 74.202%, 0.031% 74%, 0.031% 26%, 0.031% 26%, 0.043% 25.798%, 0.079% 25.602%, 0.138% 25.411%, 0.22% 25.227%, 0.322% 25.052%, 0.445% 24.887%, 0.587% 24.734%, 0.747% 24.594%, 0.925% 24.469%, 1.119% 24.359%, 48.93% 0.356%); }
.rt-counter .circle-2 {
  max-width: fit-content;
  position: relative; }
  .rt-counter .circle-2 .radial-progress {
    max-width: 140px; }
    @media (max-width: 991px) {
      .rt-counter .circle-2 .radial-progress {
        max-width: 105px; } }
  .rt-counter .circle-2 .icon {
    width: 100px;
    height: 100px;
    line-height: 104px;
    background: #f2f2f2;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -54%); }
    @media (max-width: 991px) {
      .rt-counter .circle-2 .icon {
        width: 70px;
        height: 70px;
        line-height: 70px; }
        .rt-counter .circle-2 .icon svg {
          width: 40px; } }