@keyframes veliki_krug {
  0% {transform: rotate(0deg);}
  16%{transform: rotate(0deg);}
  17%{transform: rotate(60deg);}
  33%{transform: rotate(60deg);}
  34%{transform: rotate(120deg);}
  49%{transform: rotate(120deg);}
  50%{transform: rotate(180deg);}
  66%{transform: rotate(180deg);}
  67%{transform: rotate(240deg);}
  83%{transform: rotate(240deg);}
  84%{transform: rotate(300deg);}
  99%{transform: rotate(300deg);}
  100% {transform: rotate(360deg);}
}

#index-usluge-svg {
  transform-origin: center;
  animation:veliki_krug 10s linear 0s infinite; 
}

@keyframes mali_krug {
  0% {transform: rotate(-0deg);}
  16%{transform: rotate(-0deg);}
  17%{transform: rotate(-60deg);}
  33%{transform: rotate(-60deg);}
  34%{transform: rotate(-120deg);}
  49%{transform: rotate(-120deg);}
  50%{transform: rotate(-180deg);}
  66%{transform: rotate(-180deg);}
  67%{transform: rotate(-240deg);}
  83%{transform: rotate(-240deg);}
  84%{transform: rotate(-300deg);}
  99%{transform: rotate(-300deg);}
  100% {transform: rotate(-360deg);}
}

.mali_krug {
  transform-origin:center;
  animation:mali_krug 10s linear 0s infinite; 
}
.mali_krug:nth-of-type(1) {transform-origin:center 17.79519570624427%;}
.mali_krug:nth-of-type(2) {transform-origin:21.521% 34.247%;}
.mali_krug:nth-of-type(3) {transform-origin:21.521% 66.005%;}
.mali_krug:nth-of-type(4) {transform-origin:77.92% 66.005%;}
.mali_krug:nth-of-type(5) {transform-origin:center calc(100% - 17.79519570624427%);}
#mali_krug_zadnji {transform-origin:77.92% 33.977%; animation:mali_krug 10s linear 0s infinite; }

/*#strelica{transform-origin: center;}*/

@keyframes usluge_txt {
  0% {content: var(--usluga1); color:var(--boja1);}
  16%{content: var(--usluga1); color:var(--boja1);}
  17%{content: var(--usluga2); color:var(--boja2);}
  33%{content: var(--usluga2); color:var(--boja2);}
  34%{content: var(--usluga3); color:var(--boja3);}
  49%{content: var(--usluga3); color:var(--boja3);}
  50%{content: var(--usluga4); color:var(--boja4);}
  66%{content: var(--usluga4); color:var(--boja4);}
  67%{content: var(--usluga5); color:var(--boja5);}
  83%{content: var(--usluga5); color:var(--boja5);}
  84%{content: var(--usluga6); color:var(--boja6);}
  99%{content: var(--usluga6); color:var(--boja6);}
  100% {content: var(--usluga1); color:var(--boja1);}
}
#usluge_txt:after{content: 'aaaa'; font-weight: bolder;
        animation:usluge_txt 10s linear 0s infinite; font-family: naslovni, sans-serif;
        display: inline; width:100%; height: auto; font-size:1.1em !important; text-transform: uppercase;
        /*text-align: center; align-items: center; justify-content: center;padding: 0;
       margin: 0 auto; margin-top: -57% !important; margin-bottom: 56%;
      min-height:12%; max-height:12%;  line-height: 90%; overflow: hidden;
      font-size:1em !important;*/}