/** Wayo Video & Marquee — component scoped to Prvi Korak Elementor widget. */
.pk-video-showcase {
  --pk-vs-speed-top:50s;
  --pk-vs-speed-bottom:50s;
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#0a3248;
}
.pk-video-showcase.pk-vs-full-bleed {
  /* Fallback stays inside the Elementor column until JS measures the true
     viewport width (which excludes the vertical scrollbar). */
  width:var(--pk-vs-viewport-width, 100%);
  max-width:none;
  position:relative;
  left:var(--pk-vs-viewport-offset, 0px);
  margin-left:0;
}
.pk-video-showcase, .pk-video-showcase * {box-sizing:border-box}
.pk-video-showcase .video-wrapper {
  position:relative;
  height:700px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.pk-video-showcase .background-video { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden; }
.pk-video-showcase .pk-vs-video,
.pk-video-showcase .pk-vs-poster {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.pk-video-showcase .pk-vs-video{z-index:0;display:block;}
.pk-video-showcase .pk-vs-poster{z-index:-1;display:block;}
.pk-video-showcase.pk-vs-no-video .pk-vs-poster,
.pk-video-showcase.pk-vs-video-error .pk-vs-poster,
.pk-video-showcase.pk-vs-reduced .pk-vs-poster {z-index:0;}
.pk-video-showcase.pk-vs-video-error .pk-vs-video,
.pk-video-showcase.pk-vs-reduced .pk-vs-video {display:none;}
.pk-video-showcase .video-overlay{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;background:#324144;opacity:.4;
  pointer-events:none;
}
.pk-video-showcase .image-video-decor {
  position:absolute;
  width:600px;max-width:85%;height:auto;
  inset:0 auto auto 50%;
  transform:translateX(-50%);
  z-index:2;
  display:block;
  object-fit:contain;
  pointer-events:none;
}
/* Wayo center row: caption | standalone SVG icon | repeated caption. */
.pk-video-showcase .pk-vs-central {
  z-index:3;
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  gap:20px;
  width:100%;
  max-width:100%;
  text-align:center;
  padding:60px 22px;
}
.pk-video-showcase .video-text {
  flex:0 1 auto;
  min-width:0;
  opacity:.6;
  color:#fff;
  font-family:var(--pk-font-heading,'Agdasima',sans-serif);
  font-size:var(--pk-h3-size,42px);
  line-height:1;
  font-weight:var(--pk-heading-weight,700);
  letter-spacing:-.02em;
  margin:0;
  text-transform:uppercase;
  white-space:nowrap;
}
.pk-video-showcase .play-pause-button {
  position:relative;
  z-index:4;
  flex:0 0 auto;
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  padding:0;
  border-radius:0;
  outline-offset:6px;
  cursor:pointer;
  color:white;
  transition:opacity .25s ease;
}
.pk-video-showcase .play-pause-button:hover{opacity:.8;}
.pk-video-showcase .play-pause-button:focus-visible {outline:2px solid rgba(255,255,255,.9)}
.pk-video-showcase .pk-vs-icon {display:block;width:100%;height:100%;flex:none;fill:none;}
.pk-video-showcase .pk-vs-play{display:none;}
.pk-video-showcase .play-pause-button[data-pk-vs-state="paused"] .pk-vs-pause{display:none;}
.pk-video-showcase .play-pause-button[data-pk-vs-state="paused"] .pk-vs-play{display:block;}
.pk-video-showcase .pk-vs-marquee {
  z-index:5;
  padding:12px 0;
  background:#0a3248;
  display:flex;align-items:center;
  position:absolute;left:0;right:0;
  overflow:hidden;
  white-space:nowrap;
  pointer-events:none;
}
.pk-video-showcase .top-loop-line{top:0;}
.pk-video-showcase .bottom-loop-line{bottom:0;}
.pk-video-showcase .pk-vs-track{
  width:max-content;
  display:flex;flex:none;
  transform:translate3d(0,0,0);
  animation:pk-vs-marquee-left var(--pk-vs-speed-bottom) linear infinite;
  will-change:transform;
}
.pk-video-showcase .top-loop-line .pk-vs-track{animation-name:pk-vs-marquee-right;animation-duration:var(--pk-vs-speed-top);}
.pk-video-showcase .pk-vs-track-static{animation:none!important;}
.pk-video-showcase .loop-line{
  display:flex;flex:none;align-items:center;justify-content:flex-start;
  gap:15px;
  width:max-content;
  min-width:0;
  white-space:nowrap;
  padding-right:15px;
}
.pk-video-showcase .loop-text{
  font-family:var(--pk-font-heading,'Agdasima',sans-serif);
  font-weight:var(--pk-heading-weight,700);
  font-size:18px;
  line-height:1;
  letter-spacing:0;
  text-transform:uppercase;
  color:#eef2f2;
  opacity:.8;
  display:inline-block;
}
.pk-video-showcase .logo-small{display:block;width:18px;height:18px;flex:none;object-fit:contain}
.pk-video-showcase .pk-vs-dot{font-size:18px;color:#eef2f2;opacity:.8}
@keyframes pk-vs-marquee-right {from {transform:translate3d(-50%,0,0)} to {transform:translate3d(0,0,0)}}
@keyframes pk-vs-marquee-left {from {transform:translate3d(0,0,0)} to {transform:translate3d(-50%,0,0)}}
@media (min-width:1280px){.pk-video-showcase .video-wrapper{height:750px}.pk-video-showcase .image-video-decor{width:700px}}
@media (min-width:1440px){.pk-video-showcase .video-wrapper{height:820px}.pk-video-showcase .image-video-decor{width:780px}}
@media (max-width:991px){.pk-video-showcase .video-wrapper{height:500px}.pk-video-showcase .image-video-decor{width:450px}.pk-video-showcase .play-pause-button{width:40px;height:40px}.pk-video-showcase .pk-vs-central{gap:16px}.pk-video-showcase .video-text{font-size:var(--pk-h5-size,26px)}}
@media (max-width:767px){.pk-video-showcase .video-wrapper{height:500px}.pk-video-showcase .image-video-decor{max-width:85%;width:400px}.pk-video-showcase .video-text{font-size:clamp(15px,3.8vw,26px)}}
@media (max-width:479px){.pk-video-showcase .video-wrapper{height:500px}.pk-video-showcase .image-video-decor{width:85%;max-width:400px}.pk-video-showcase .pk-vs-central{gap:14px;padding-inline:12px}.pk-video-showcase .video-text{font-size:clamp(10px,3.4vw,20px)}}
@media (prefers-reduced-motion:reduce){
  .pk-video-showcase .pk-vs-track{animation:none!important;transform:none!important;will-change:auto!important}
  .pk-video-showcase .play-pause-button{transition:none!important}
}