.elementor-50101 .elementor-element.elementor-element-63b210e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-50101 .elementor-element.elementor-element-63b210e:not(.elementor-motion-effects-element-type-background), .elementor-50101 .elementor-element.elementor-element-63b210e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://visitdistrikt.rs/media/2025/11/clipboard_image_bb87c3284baef6f72623f300d38901dd.png") 50% 50%;background-size:cover;}.elementor-50101 .elementor-element.elementor-element-63b210e > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-50101 .elementor-element.elementor-element-63b210e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-50101 .elementor-element.elementor-element-a36a720{text-align:center;}.elementor-50101 .elementor-element.elementor-element-a36a720 .elementor-heading-title{color:#CFFCC7;font-family:"Inter", Poppins;font-size:48px;font-weight:400;letter-spacing:2px;}.elementor-50101 .elementor-element.elementor-element-5c980c9 .elementor-progress-wrapper .elementor-progress-bar{background-color:#CFFCC7;}.elementor-50101 .elementor-element.elementor-element-5c980c9 .elementor-progress-wrapper{background-color:#1825F1;border-radius:100px;overflow:hidden;}.elementor-50101 .elementor-element.elementor-element-5c980c9 .elementor-progress-bar{height:31px;line-height:31px;color:#1825F1;font-family:"Inter", Poppins;font-size:19px;}.elementor-50101 .elementor-element.elementor-element-5c980c9 > .elementor-widget-container{margin:24px 50px 0px 50px;padding:5px 100px 20px 100px;}.elementor-50101 .elementor-element.elementor-element-9b8a507{text-align:center;color:#CFFCC7;font-family:"Inter", Poppins;font-size:19px;line-height:37px;letter-spacing:1.7px;}.elementor-50101 .elementor-element.elementor-element-90579bd{text-align:center;color:#CFFCC7;font-family:"Inter", Poppins;font-size:18px;}.elementor-50101 .elementor-element.elementor-element-a1ac5e0 > .elementor-container{min-height:400px;}.elementor-50101 .elementor-element.elementor-element-a1ac5e0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-50101 .elementor-element.elementor-element-a1ac5e0:not(.elementor-motion-effects-element-type-background), .elementor-50101 .elementor-element.elementor-element-a1ac5e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://visitdistrikt.rs/media/2025/11/clipboard_image_fc7512713232c19af67063d2f741a18d.png") 50% 50%;background-size:cover;}.elementor-50101 .elementor-element.elementor-element-a1ac5e0 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-50101 .elementor-element.elementor-element-a1ac5e0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-50101 .elementor-element.elementor-element-2281d41{color:#CFFCC7;font-family:"Inter", Poppins;font-size:12px;}.elementor-50101 .elementor-element.elementor-element-c7606f5{text-align:center;color:#CFFCC7;font-family:"Inter", Poppins;font-size:30px;}.elementor-50101 .elementor-element.elementor-element-f25d716{text-align:center;}.elementor-50101 .elementor-element.elementor-element-f25d716 .elementor-heading-title{color:#CFFCC7;font-family:"Inter", Poppins;font-size:48px;font-weight:400;letter-spacing:2px;}.elementor-50101 .elementor-element.elementor-element-28b706a .elementor-progress-wrapper .elementor-progress-bar{background-color:#CFFCC7;}.elementor-50101 .elementor-element.elementor-element-28b706a .elementor-progress-wrapper{background-color:#1825F1;border-radius:100px;overflow:hidden;}.elementor-50101 .elementor-element.elementor-element-28b706a .elementor-progress-bar{height:18px;line-height:18px;color:#1825F1;font-family:"Inter", Poppins;font-size:19px;}.elementor-50101 .elementor-element.elementor-element-28b706a > .elementor-widget-container{margin:24px 50px 0px 50px;padding:5px 100px 20px 100px;}.elementor-50101 .elementor-element.elementor-element-9b4d796{text-align:center;color:#CFFCC7;font-family:"Inter", Poppins;font-size:19px;line-height:37px;letter-spacing:1.7px;}.elementor-50101 .elementor-element.elementor-element-9c16b2b{text-align:center;color:#CFFCC7;font-family:"Inter", Poppins;font-size:18px;}@media(max-width:767px){.elementor-50101 .elementor-element.elementor-element-a1ac5e0 > .elementor-container{min-height:963px;}.elementor-50101 .elementor-element.elementor-element-c7606f5{text-align:right;font-size:13px;}.elementor-50101 .elementor-element.elementor-element-f25d716 .elementor-heading-title{font-size:24px;}.elementor-50101 .elementor-element.elementor-element-28b706a .elementor-progress-bar{font-size:12px;}.elementor-50101 .elementor-element.elementor-element-28b706a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50101 .elementor-element.elementor-element-9b4d796{font-size:14px;}.elementor-50101 .elementor-element.elementor-element-3608ca6{width:var( --container-widget-width, 304px );max-width:304px;--container-widget-width:304px;--container-widget-flex-grow:0;}}/* Start custom CSS for heading, class: .elementor-element-a36a720 */.decode-title:hover {
  animation: glitch 0.1s steps(2) infinite;
}

@keyframes glitch {
  0% { transform: translate(1px, -1px); }
  50% { transform: translate(-1px, 1px); }
  100% { transform: translate(0, 0); }
}/* End custom CSS */
/* Start custom CSS for progress, class: .elementor-element-5c980c9 */.decode-trig {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.decode-trig .tooltip {
  position: absolute;
  top: -10px;
  left: 35;
  background: #000;
background: rgba(0, 0, 0, 0.75);
  color: #cffcc7;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.decode-trig.show .tooltip {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9b8a507 *//* Parent element mora biti inline-block da tooltip stoji gde treba */
.decode-tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
}

/* Tooltip element */
.decode-tooltip::after {
  content: "00110010 00110000 00110001 00110010"; /* ovde menjaš poruku */
  position: relative;
  top: -35px; /* koliko iznad stoji tooltip */
 text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #cffcc7;
  padding: 4px 8px;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Hover aktivira tooltip */
.decode-tooltip:hover::after,
.decode-tooltip:hover::before {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-90579bd */.binar {
  opacity: 0;
  animation: slowBlink 6s infinite;
}

@keyframes slowBlink {
  0%   { opacity: 0; }
  5%   { opacity: 1; }   /* kratko se pojavi */
  15%  { opacity: 1; }   /* ostaje malo vidljivo */
  20%  { opacity: 0; }   /* nestane */
  100% { opacity: 0; }   /* velika pauza do sledećeg blink-a */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2281d41 */.fec {
  opacity: 0;
  animation: slowBlink 8s infinite;
}

@keyframes slowBlink {
  0%   { opacity: 0; }
  5%   { opacity: 1; }   /* kratko se pojavi */
  15%  { opacity: 1; }   /* ostaje malo vidljivo */
  20%  { opacity: 0; }   /* nestane */
  100% { opacity: 0; }   /* velika pauza do sledećeg blink-a */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c7606f5 */.m {
  opacity: 0;
  animation: slowBlink 5s infinite;
}

@keyframes slowBlink {
  0%   { opacity: 0; }
  5%   { opacity: 1; }   /* kratko se pojavi */
  15%  { opacity: 1; }   /* ostaje malo vidljivo */
  20%  { opacity: 0; }   /* nestane */
  100% { opacity: 0; }   /* velika pauza do sledećeg blink-a */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f25d716 */.decode-title:click {
  animation: glitch 0.1s steps(2) infinite;
}

@keyframes glitch {
  0% { transform: translate(1px, -1px); }
  50% { transform: translate(-1px, 1px); }
  100% { transform: translate(0, 0); }
}/* End custom CSS */
/* Start custom CSS for progress, class: .elementor-element-28b706a */.decode-trig {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  text-align: center;
  padding: 10px;
  z-index: 10;
}

.decode-trig .tooltip {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%) translateY(5px);
  background: rgba(0, 0, 0, 0.75);
  color: #cffcc7;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 9999;
}

.decode-trig.show .tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9b4d796 *//* Parent element mora biti inline-block da tooltip stoji gde treba */
.decode-tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
}

/* Tooltip element */
.decode-tooltip::after {
  content: "00110010 00110000 00110001 00110010"; /* ovde menjaš poruku */
  position: absolute;
  top: -35px; /* koliko iznad stoji tooltip */
  left: 30px;
  background: rgba(0, 0, 0, 0.7);
  color: #cffcc7;
  padding: 4px 8px;
  font-size: 8px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Mali arrow ispod tooltipa */
.decode-tooltip::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0,0,0,0.7) transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* Hover aktivira tooltip */
.decode-tooltip:hover::after,
.decode-tooltip:hover::before {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9c16b2b */.binar {
  opacity: 0;
  animation: slowBlink 6s infinite;
}

@keyframes slowBlink {
  0%   { opacity: 0; }
  5%   { opacity: 1; }   /* kratko se pojavi */
  15%  { opacity: 1; }   /* ostaje malo vidljivo */
  20%  { opacity: 0; }   /* nestane */
  100% { opacity: 0; }   /* velika pauza do sledećeg blink-a */
}/* End custom CSS */