.elementor-5316 .elementor-element.elementor-element-23cc31d{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;top:0px;--z-index:99;}.elementor-5316 .elementor-element.elementor-element-23cc31d:not(.elementor-motion-effects-element-type-background), .elementor-5316 .elementor-element.elementor-element-23cc31d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1E31;}body:not(.rtl) .elementor-5316 .elementor-element.elementor-element-23cc31d{left:0px;}body.rtl .elementor-5316 .elementor-element.elementor-element-23cc31d{right:0px;}.elementor-5316 .elementor-element.elementor-element-7fec9e6e{text-align:center;}.elementor-5316 .elementor-element.elementor-element-7fec9e6e .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}@media(max-width:767px){.elementor-5316 .elementor-element.elementor-element-7fec9e6e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5316 .elementor-element.elementor-element-7fec9e6e .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-5316 .elementor-element.elementor-element-23cc31d{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-4cc96b6d */svg {
  width: 400px;
  height: auto;
}

@media (max-width: 586px) {
	svg {
      width: 280px;
      height: auto;
    }
}

/* Inicijalno stanje stroke elemenata */
.svg-elem-1,
.svg-elem-2,
.svg-elem-3,
.svg-elem-4 {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  fill: transparent;
  animation: drawFill 3.2s ease-in-out infinite;
}

/* Ostali pathovi (tekst i detalji) */
path.st0 {
  opacity: 0;
  animation: fadeInOut 3.2s ease-in-out infinite;
}

/* --- Keyframes --- */
@keyframes drawFill {
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
    opacity: 1;
  }
  25% {
    stroke-dashoffset: 0;
    fill: transparent;
  }
  45% {
    fill: white;
  }
  80% {
    fill: white;
  }
  100% {
    fill: transparent;
    opacity: 0;
    stroke-dashoffset: 500;
  }
}

@keyframes fadeInOut {
  0%, 35% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* --- Stagger za stroke --- */
.svg-elem-1 { animation-delay: 0s; }
.svg-elem-2 { animation-delay: 0.08s; }
.svg-elem-3 { animation-delay: 0.16s; }
.svg-elem-4 { animation-delay: 0.24s; }/* End custom CSS */