.elementor-1564 .elementor-element.elementor-element-508979d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1564 .elementor-element.elementor-element-c959ad2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-7a9e999{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-04ab8e6 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-1564 .elementor-element.elementor-element-ae62e10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-d250020{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-798b4c4{--lottie-container-width:50%;--lottie-container-max-width:65%;--lottie-container-opacity:0.95;--lottie-container-opacity-hover:0.8;--caption-text-align:center;--caption-color:#FFB84C;}.elementor-1564 .elementor-element.elementor-element-798b4c4 .e-lottie__container{filter:brightness( 120% ) contrast( 110% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1564 .elementor-element.elementor-element-798b4c4 .e-lottie__container:hover{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0.2px ) hue-rotate( 0deg );}.elementor-1564 .elementor-element.elementor-element-798b4c4 .e-lottie__caption{font-family:"Poppins", Sans-serif;font-size:1.1rem;font-style:italic;letter-spacing:1px;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:20px;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .swiper-pagination-bullet-active, .elementor-1564 .elementor-element.elementor-element-8cf2fbe .swiper-pagination-progressbar-fill{background-color:#FFD700;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .swiper-pagination-fraction{color:#FFD700;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .elementor-main-swiper .swiper-slide{background-color:#80008033;border-width:2px 2px 2px 2px;border-radius:10px;border-color:#FF8C00;padding:10px 10px 10px 10px;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .elementor-swiper-button{font-size:30px;color:#FFD700;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .elementor-swiper-button svg{fill:#FFD700;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .swiper-pagination-bullet{height:10px;width:10px;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}#elementor-lightbox-slideshow-8cf2fbe{background-color:#000000CC;}#elementor-lightbox-slideshow-8cf2fbe .dialog-lightbox-close-button, #elementor-lightbox-slideshow-8cf2fbe .elementor-swiper-button{color:#FFD700;}#elementor-lightbox-slideshow-8cf2fbe .dialog-lightbox-close-button:hover, #elementor-lightbox-slideshow-8cf2fbe .elementor-swiper-button:hover{color:#ADD8E6CC;}.elementor-1564 .elementor-element.elementor-element-8cf2fbe .elementor-carousel-image-overlay{background-color:#00000080;--e-carousel-image-overlay-color:#FFD700;}.elementor-1564 .elementor-element.elementor-element-2be250d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1564 .elementor-element.elementor-element-ad4a66e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-0ce2311{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-408af2c > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-1564 .elementor-element.elementor-element-ad71241{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-423c324{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1564 .elementor-element.elementor-element-ac0c92c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-45e7135{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-8cdefd3 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-1564 .elementor-element.elementor-element-06b701d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-1ae6c71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-1564 .elementor-element.elementor-element-72fecf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-9617de5{--lottie-container-width:330px;--lottie-container-max-width:400px;--lottie-container-opacity:0.8;--lottie-container-opacity-hover:0.9;}.elementor-1564 .elementor-element.elementor-element-9617de5 .e-lottie__container{filter:brightness( 120% ) contrast( 100% ) saturate( 150% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1564 .elementor-element.elementor-element-376c92b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1564 .elementor-element.elementor-element-38c3aaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1564 .elementor-element.elementor-element-c959ad2{--width:100%;}.elementor-1564 .elementor-element.elementor-element-7a9e999{--width:50%;}.elementor-1564 .elementor-element.elementor-element-ae62e10{--width:50%;}.elementor-1564 .elementor-element.elementor-element-d250020{--width:100%;}.elementor-1564 .elementor-element.elementor-element-ad4a66e{--width:50%;}.elementor-1564 .elementor-element.elementor-element-0ce2311{--width:50%;}.elementor-1564 .elementor-element.elementor-element-ad71241{--width:100%;}.elementor-1564 .elementor-element.elementor-element-ac0c92c{--width:50%;}.elementor-1564 .elementor-element.elementor-element-45e7135{--width:50%;}.elementor-1564 .elementor-element.elementor-element-06b701d{--width:100%;}.elementor-1564 .elementor-element.elementor-element-72fecf2{--width:50%;}.elementor-1564 .elementor-element.elementor-element-376c92b{--width:50%;}.elementor-1564 .elementor-element.elementor-element-38c3aaf{--width:100%;}}@media(max-width:1024px){.elementor-1564 .elementor-element.elementor-element-8cf2fbe.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-1564 .elementor-element.elementor-element-8cf2fbe.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for html, class: .elementor-element-2462e88 *//* KONTEJNER ZA NASLOV */
.headline-wrapper {
  display: flex;
  flex-direction: column; /* Statični raspored */
  justify-content: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  color: #FFFFFF;
  gap: 1.5rem; /* Razmak između linija */
  padding: 0 2rem; /* Unutrašnji razmak za bolju čitljivost */
}

/* STATIČNI DIJELOVI */
.static-part {
  font-size: 2.5rem;
  font-weight: 400;
  color: #FFFFFF; /* Bijela boja za statične dijelove */
}

/* DINAMIČNI (ISTAKNUTI) ENERGIJE */
.highlighted-energies {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem; /* Razmak između energija */
  flex-wrap: wrap; /* Prilagodba za manje ekrane */
  background: rgba(255, 215, 0, 0.1); /* Suptilna zlatna pozadina */
  padding: 0.5rem 1rem;
  border-radius: 10px; /* Zaobljeni rubovi */
}

.energy {
  font-size: 1.8rem;
  font-weight: 700;
  background: linear-gradient(90deg, #FFD700, #FF8C00); /* Zlatno-narančasti gradient */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* Gradient efekt na tekst */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); /* Suptilna sjena za vidljivost */
  animation: pulseGlow 2s infinite ease-in-out; /* Efekt pulsiranja */
}

.divider {
  font-size: 1.8rem;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.7; /* Suptilniji razdjelnici */
  margin: 0 0.5rem; /* Razmak oko razdjelnika */
}

/* ANIMACIJA PULSIRANJA */
@keyframes pulseGlow {
  0%, 100% {
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.7), 0 0 10px rgba(255, 140, 0, 0.5);
  }
  50% {
    text-shadow: 0 0 15px rgba(255, 215, 0, 1), 0 0 30px rgba(255, 140, 0, 0.8);
  }
}

/* RESPONSIVE POSTAVKE */
/* Tableti */
@media (max-width: 1024px) {
  .static-part {
    font-size: 2rem;
  }
  .energy {
    font-size: 1.6rem;
  }
  .divider {
    font-size: 1.6rem;
  }
}

/* Mobiteli */
@media (max-width: 768px) {
  .static-part {
    font-size: 1.8rem;
  }
  .energy {
    font-size: 1.4rem;
  }
  .divider {
    font-size: 1.4rem;
  }
}
.highlighted-energies {
  background: rgba(255, 215, 0, 0.15); /* Lagano povećanje transparentnosti */
}
.energy:hover {
  transform: scale(1.1); /* Blago povećanje veličine */
  transition: transform 0.6s ease-in-out;
}
.divider {
  color: #FFFFFF;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); /* Suptilni sjaj */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c959ad2 */.headline-container {
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.5), 0 0 30px rgba(255, 140, 0, 0.4);
  border-radius: 15px; /* Zaobljeni rubovi */
  padding: 2rem;
  background: rgba(0, 0, 0, 0.2); /* Lagana prozirna pozadina */
}
.headline-container {
  transition: transform 0.9s ease-in-out, box-shadow 0.9s ease-in-out;
}

.headline-container:hover {
  transform: translateY(-10px); /* Lagano podizanje */
  box-shadow: 0 10px 30px rgba(255, 215, 0, 0.6);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9194f4c *//* GUMB */
.button-widget {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem; /* Veličina fonta */
  font-weight: 700; /* Podebljani tekst */
  color: #FFFFFF; /* Bijela boja teksta */
  background: linear-gradient(90deg, #FFA500, #FF4500); /* Narančasto-crveni gradijent */
  padding: 0.8rem 1.5rem; /* Unutrašnji razmak za gumb */
  border: none; /* Bez obruba */
  border-radius: 10px; /* Zaobljeni rubovi */
  box-shadow: 0 4px 10px rgba(255, 165, 0, 0.5); /* Suptilna sjena */
  cursor: pointer; /* Promjena kursora na hover */
  transition: all 0.3s ease; /* Suptilna tranzicija */
}

/* HOVER EFEKT */
.button-widget:hover {
  background: linear-gradient(90deg, #FF4500, #FFA500); /* Obrnuti gradijent na hover */
  box-shadow: 0 6px 15px rgba(255, 69, 0, 0.7); /* Pojačana sjena */
  transform: translateY(-3px); /* Blagi pomak prema gore */
}

/* AKTIVNI EFEKT */
.button-widget:active {
  transform: translateY(2px); /* Blagi pomak prema dolje */
  box-shadow: 0 3px 7px rgba(255, 69, 0, 0.5); /* Smanjena sjena */
}

/* RESPONSIVE POSTAVKE */
/* Tableti */
@media (max-width: 1024px) {
  .button-widget {
    font-size: 1rem; /* Smanjena veličina teksta */
    padding: 0.7rem 1.2rem; /* Manji razmak */
  }
}

/* Mobiteli */
@media (max-width: 768px) {
  .button-widget {
    font-size: 0.9rem; /* Još manja veličina teksta */
    padding: 0.6rem 1rem; /* Još manji razmak */
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-04ab8e6 *//* TEKST WIDGET */
.text-widget {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem; /* Standardna veličina za desktop */
  line-height: 1.8; /* Poboljšana čitljivost */
  color: #FFFFFF; /* Bijela boja teksta */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); /* Suptilna sjena za kontrast */
}

/* ISTICANJE KLJUČNIH DIJELOVA */
.text-widget strong {
  color: #FFD700; /* Zlatna boja za naglasak */
  font-weight: 700; /* Bold tekst */
}

/* STIL LINKOVA UNUTAR TEKSTA */
.text-widget a {
  color: #FF8C00; /* Narančasta boja za linkove */
  text-decoration: underline; /* Naglašeni link */
  transition: color 0.3s ease; /* Suptilna animacija na hover */
}

.text-widget a:hover {
  color: #FFD700; /* Zlatna boja na hover */
}

/* RESPONSIVE POSTAVKE */
/* Tableti */
@media (max-width: 1024px) {
  .text-widget {
    font-size: 1.1rem; /* Manja veličina teksta */
  }
}

/* Mobiteli */
@media (max-width: 768px) {
  .text-widget {
    font-size: 1rem; /* Još manja veličina teksta */
    line-height: 1.6; /* Malo zbijeniji razmak */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a9e999 *//* LIJEVI KONTEJNER */
.left-container {
  background: rgba(0, 0, 0, 0.3); /* Blaga crna prozirna pozadina */
  padding: 1.5rem; /* Unutarnji razmak */
  border-radius: 15px; /* Zaobljeni rubovi */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); /* Suptilna sjena */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e82ec7 *//* KONTEJNER ZA ANIMACIJU ISPOD CITATA */
.quote-animation {
  position: relative;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px; /* Povećana visina prostora za animaciju */
}

/* KRUG */
.quote-animation .rotating-circle {
  position: absolute;
  width: 80px; /* Povećana veličina */
  height: 80px;
  border: 3px solid rgba(255, 215, 0, 0.8); /* Zlatni ton */
  border-radius: 50%;
  animation: rotate 4s linear infinite;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 140, 0, 0.6);
}

/* MANJI KRUG */
.quote-animation .rotating-circle.small {
  width: 50px; /* Povećana veličina */
  height: 50px;
  border: 3px dashed rgba(255, 140, 0, 0.5);
  animation: rotate-reverse 6s linear infinite;
}

/* VEĆI KRUG */
.quote-animation .rotating-circle.large {
  width: 110px; /* Povećana veličina */
  height: 110px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  animation: rotate 8s linear infinite;
}

/* ANIMACIJE */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-reverse {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* DODATNI EFEKT */
.quote-animation .rotating-circle {
  background: radial-gradient(circle, rgba(255, 140, 0, 0.4), rgba(255, 215, 0, 0.1));
}
.quote-animation .rotating-circle:hover {
  transform: scale(1.3);
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 0 20px rgba(255, 215, 0, 1), 0 0 40px rgba(255, 140, 0, 0.8);
}
/* Samo mali krug lebdi */
.rotating-circle.small {
  animation: rotate-reverse 6s linear infinite, float 7s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae62e10 *//* KONTEJNER ZA CITAT */
.text-container {
  background: rgba(0, 0, 0, 0.3); /* Suptilna crna prozirna pozadina */
  padding: 1.5rem;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); /* Sjena za dubinu */
}

/* STILIZACIJA CITATA */
.text-container blockquote {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  color: #FFD700; /* Zlatna boja za isticanje */
  background: rgba(255, 215, 0, 0.1); /* Suptilna zlatna pozadina */
  padding: 1rem 2rem;
  border-left: 5px solid #FFD700; /* Lijeva crta za naglašavanje */
  border-radius: 10px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); /* Blaga sjena za dubinu */
}

/* POVEZANA LINIJA ISPRED */
.text-container blockquote::before {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #FFD700, #FF8C00);
  margin: 0 auto 1rem auto; /* Centrirano i odvojeno od teksta */
}

/* ISTICANJE AUTORA */
.text-container blockquote cite {
  display: block;
  text-align: right;
  font-size: 1.2rem;
  color: #FFFFFF; /* Bijela boja za autora */
  opacity: 0.7;
  margin-top: 0.5rem;
}/* End custom CSS */
/* Start custom CSS for lottie, class: .elementor-element-798b4c4 *//* KONTEJNER ZA LOTTIE WIDGET */
.lottie-animation-container {
  position: relative;
  max-width: 400px; /* Povećaj veličinu */
  margin: 0 auto; /* Centriraj animaciju */
  padding: 1.5rem; /* Prostor oko animacije */
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 140, 0, 0.1)); /* Suptilna pozadina */
  border-radius: 15px; /* Zaobljeni rubovi */
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.4); /* Sjaj efekat */
  animation: subtle-move 4s ease-in-out infinite; /* Suptilno gibanje */
  transition: transform 0.5s ease, box-shadow 0.5s ease; /* Glatki efekti */
}

/* HOVER EFEKT */
.lottie-animation-container:hover {
  transform: scale(1.05); /* Blago povećanje na hover */
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.6); /* Pojačani sjaj */
}

/* SUPTILNO GIBANJE ANIMACIJE */
@keyframes subtle-move {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, -5px); /* Lagani pomak */
  }
}

/* TITL ISPOD ANIMACIJE */
.lottie-animation-container p {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  color: #FFD700; /* Zlatna boja */
  text-align: center;
  margin-top: 1rem; /* Razmak ispod animacije */
  position: relative;
  z-index: 10;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-8cf2fbe *//* STRELICA NAVIGACIJE */
.elementor-swiper-button {
  color: #FFD700; /* Zlatna boja */
  font-size: 25px; /* Veličina strelica */
  transition: transform 0.9s ease-in-out;
}

.elementor-swiper-button:hover {
  transform: scale(1.2); /* Blago povećanje na hover */
}

/* PAGINACIJA */
.elementor-swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.6); /* Bijela sa transparentnošću */
  width: 12px;
  height: 12px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.elementor-swiper-pagination-bullet-active {
  background-color: #FFD700; /* Zlatna za aktivnu točkicu */
  transform: scale(1.3); /* Lagano povećanje aktivne točkice */
}

/* HOVER EFEKT NA SLIKE */
.elementor-image-carousel img:hover {
  transform: scale(1.05); /* Lagano povećanje slike */
  transition: transform 0.3s ease-in-out;
}
.elementor-swiper-button {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.elementor-swiper-button:hover {
  box-shadow: 0 0 10px #FFD700, 0 0 20px #FF8C00;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd36d8a *//* KONTEJNER ZA DINAMIČNE LINIJE */
.light-trails-container {
  position: relative;
  width: 100%; /* Širina kontejnera */
  height: 150px; /* Prostor za linije */
  overflow: hidden; /* Sakrij sve što izlazi izvan granica */
  margin: 30px 0; /* Razmak od ostalih sekcija */
}

/* OSNOVNA LINIJA */
.line {
  position: absolute;
  width: 200%; /* Linija duža od vidnog polja */
  height: 3px; /* Debljina linije */
  background: linear-gradient(90deg, rgba(255, 215, 0, 0) 0%, rgba(255, 215, 0, 1) 50%, rgba(255, 215, 0, 0) 100%);
  animation: move-line 7s linear infinite; /* Kreće se beskonačno */
}

/* SPECIFIČNE LINIJE */
.line1 {
  top: 20%; /* Pozicija prve linije */
  animation-delay: 0s;
}
.line2 {
  top: 50%; /* Pozicija druge linije */
  animation-delay: 2s; /* Kašnjenje za dinamički efekt */
}
.line3 {
  top: 80%; /* Pozicija treće linije */
  animation-delay: 4s;
}

/* ANIMACIJA KRETANJA LINIJA */
@keyframes move-line {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* RESPONZIVNOST */
/* Tableti */
@media (max-width: 1024px) {
  .light-trails-container {
    height: 120px; /* Smanjeni prostor za linije */
  }
  .line {
    height: 2px; /* Tanji izgled linija */
  }
}

/* Mobiteli */
@media (max-width: 768px) {
  .light-trails-container {
    height: 100px; /* Još manji prostor */
  }
  .line {
    height: 1.5px; /* Najtanji izgled linija */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-508979d */.elementor-1564 .elementor-element.elementor-element-508979d {
  position: relative;
  background: radial-gradient(circle at center, #3A86FF, #6A0DAD 50%, #FFD700 100%);
  overflow: hidden;
}

..elementor-1564 .elementor-element.elementor-element-508979d::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  top: 20%;
  left: 40%;
  animation: pulse 4s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.2); opacity: 0.8; }
}

.arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  background: transparent;
  border-top: 5px solid #FF8C00;
  border-right: 5px solid #FF8C00;
  transform: rotate(45deg);
  animation: moveUp 3s infinite;
}

@keyframes moveUp {
  0% { transform: translateY(0) rotate(45deg); }
  100% { transform: translateY(-20px) rotate(45deg); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ea3316 */.citat {
  background: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-left: 5px solid #FFD700; /* Zlatni naglasak */
  font-style: italic;
  margin: 20px 0;
  color: #FFFFFF;
}

.citat .autor {
  display: block;
  margin-top: 10px;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  color: #FFD700; /* Zlatni naglasak za ime autora */
}/* End custom CSS */
/* Start custom CSS for lottie, class: .elementor-element-0e04eb1 */.lottie-container {
  animation: fadeIn 1.5s ease-in-out;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.lottie-container {
  margin-top: 20px; /* Dodaj razmak ispod citata */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad4a66e */.lijevi-kontejner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lijevi-kontejner .lottie-animacija {
  max-width: 300px;
  width: 100%;
}

@media (max-width: 768px) {
  .lijevi-kontejner {
    margin-bottom: 20px; /* Razmak između stupaca na mobilnim uređajima */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ce2311 */.desni-kontejner h2 {
  font-size: 32px;
  color: #FFD700;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

.desni-kontejner p {
  font-size: 18px;
  line-height: 1.6;
  color: #ffffff;
}

@media (max-width: 768px) {
  .desni-kontejner h2 {
    font-size: 24px;
  }

  .desni-kontejner p {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad71241 */.donji-kontejner {
  background: linear-gradient(135deg, #1C2E4A, #6A6CB3);
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: pulse 3s infinite ease-in-out;
}

@keyframes pulse {
  0%, 100% {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }
  50% {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
  }
}

.donji-kontejner h3 {
  color: #FFD700;
  margin-bottom: 15px;
}

.donji-kontejner p {
  color: #FFF;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2be250d */.glavni-kontejner {
  display: flex; /* Koristimo Flexbox za jednostavniji raspored */
  flex-wrap: wrap; /* Omogućava prelamanje elemenata ako nema dovoljno prostora */
  justify-content: space-between; /* Raspoređuje elemente s razmakom između */
  align-items: flex-start; /* Poravnava elemente na vrhu */
  gap: 20px; /* Razmak između elemenata */
  padding: 40px;
  max-width: 1200px; /* Ograniči širinu glavnog kontejnera */
  margin: 0 auto; /* Centriraj cijeli kontejner */
  background: linear-gradient(135deg, #6A6CB3, #1C2E4A);
  border-radius: 15px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .glavni-kontejner {
    flex-direction: column; /* Elementi idu jedan ispod drugog na manjim ekranima */
    align-items: center; /* Centriraj elemente na manjim ekranima */
    padding: 20px;
    gap: 15px; /* Manji razmak na manjim ekranima */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac0c92c */.lijevi-kontejner-fiksna {
  display: flex;
  align-items: center; /* Vertikalno centriranje sadržaja */
  justify-content: center; /* Horizontalno centriranje sadržaja */
  background: radial-gradient(circle, #FFF8DC, #FDD835); /* Efektno svjetlo u sredini */
  border-radius: 25px; /* Blago zakrivljeni rubovi */
  width: 380px; /* Povećana širina kontejnera */
  height: 380px; /* Povećana visina kontejnera */
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(255, 215, 0, 0.5); /* Sjena i halo efekt */
  margin: 20px auto 0 auto; /* Spuštanje prema dolje s dodatnim razmakom od vrha */
  padding: 15px; /* Unutarnji razmak */
  overflow: hidden; /* Sprječava izlazak animacije izvan granica */
}

.lijevi-kontejner-fiksna lottie-player {
  width: 300px; /* Još malo povećana animacija */
  height: auto; /* Automatski omjer */
}

@media (max-width: 768px) {
  .lijevi-kontejner-fiksna {
    width: 250px; /* Prilagodba za mobilne uređaje */
    height: 250px;
    margin: 10px auto; /* Smanjen razmak na manjim ekranima */
    background: radial-gradient(circle, #FFFACD, #FBC02D); /* Mekša nijansa za mobilne uređaje */
  }

  .lijevi-kontejner-fiksna lottie-player {
    width: 200px; /* Manja animacija za manje uređaje */
  }
}
.lijevi-kontejner-fiksna:hover {
  transform: scale(1.05);
  transition: transform 0.9s ease-in-out;
  box-shadow: 0px 15px 35px rgba(255, 215, 0, 0.5); /* Intenzivniji sjaj na hover */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45e7135 */.desni-kontejner-fiksna {
    background: rgba(255, 255, 255, 0.08); /* Lagano proziran bijeli sloj */
    padding: 25px; /* Malo više prostora unutar kontejnera */
    border-radius: 15px; /* Zaobljeni rubovi */
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25); /* Blaga sjena */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Tanka, suptilna bordura */
    position: relative; /* Omogućava korištenje pseudo-elemenata */
    overflow: hidden; /* Sprječava prelijevanje sadržaja */
    max-width: 600px; /* Ograničava širinu */
}

/* Dodavanje efekta na rubove */
.desni-kontejner-fiksna::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    pointer-events: none; /* Ne ometa klikove */
}

.desni-kontejner-fiksna::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    pointer-events: none;
}

/* Naslov */
.desni-kontejner-fiksna h2 {
    font-size: 28px; /* Dovoljno velik font za naslov */
    color: #FFD700; /* Zlatna boja */
    margin-bottom: 20px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Suptilan sjaj */
}

/* Tekst */
.desni-kontejner-fiksna p {
    font-size: 16px;
    line-height: 1.8;
    color: #d1d5db; /* Blijeda bijela za kontrast */
}

/* Mobilna prilagodba */
@media (max-width: 768px) {
    .desni-kontejner-fiksna {
        padding: 20px; /* Manji padding */
    }

    .desni-kontejner-fiksna h2 {
        font-size: 24px; /* Smanjeni naslov */
    }

    .desni-kontejner-fiksna p {
        font-size: 14px; /* Smanjeni tekst */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28343c5 */.fiksna-energija-tekst {
  background: linear-gradient(135deg, #3B5998, #1A1E4A); /* Suptilna plava pozadina */
  padding: 25px 35px; /* Dodatni prostor za prozračnost */
  border-radius: 20px; /* Zaobljeniji rubovi */
  color: #FFF; /* Bijeli tekst */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); /* Naglašena sjena */
  font-family: 'Arial', sans-serif;
  position: relative;
  overflow: hidden; /* Sprječava prelijevanje sadržaja */
  transition: transform 0.9s ease, box-shadow 0.9s ease; /* Dodan efekt na hover */
}

.fiksna-energija-tekst:hover {
  transform: scale(1.02); /* Blago povećanje na hover */
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4); /* Pojačana sjena */
}

.fiksna-energija-tekst h3 {
  font-size: 30px; /* Veći font za naslov */
  color: #FFD700; /* Zlatna boja */
  text-shadow: 2px 2px 10px rgba(255, 255, 0, 0.4); /* Suptilni zlatni sjaj */
  margin-bottom: 20px; /* Prostor ispod naslova */
  font-weight: bold;
}

.fiksna-energija-tekst p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px; /* Razmak između odlomaka */
  color: #d1d5db; /* Svjetliji tekst za bolji kontrast */
}

.fiksna-energija-tekst ul {
  margin-top: 15px;
  list-style: none;
  padding: 0;
}

.fiksna-energija-tekst ul li {
  margin-bottom: 12px; /* Razmak između stavki */
  padding-left: 25px;
  position: relative;
  font-size: 16px;
  color: #FFF; /* Bijeli tekst */
}

.fiksna-energija-tekst ul li::before {
  content: "✔"; /* Ikona */
  position: absolute;
  left: 0;
  color: #FFD700; /* Zlatna boja */
  font-size: 18px;
  line-height: 1.6;
}

/* Dodavanje efekta za cijeli widget */
.fiksna-energija-tekst::before,
.fiksna-energija-tekst::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent 70%);
  top: -50%;
  left: -50%;
  transform: rotate(45deg);
  animation: glowingEffect 6s infinite linear;
  pointer-events: none;
}

.fiksna-energija-tekst::after {
  animation-delay: 3s; /* Asinhroni efekt */
}

@keyframes glowingEffect {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0.3;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0.3;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-423c324 */.glavni-kontejner-fiksna {
  display: flex; /* Koristimo Flexbox za jednostavniji raspored */
  flex-wrap: wrap; /* Omogućava prelamanje elemenata ako nema dovoljno prostora */
  justify-content: space-between; /* Raspoređuje elemente s razmakom između */
  align-items: flex-start; /* Poravnava elemente na vrhu */
  gap: 20px; /* Razmak između elemenata */
  padding: 40px;
  max-width: 1200px; /* Ograniči širinu glavnog kontejnera */
  margin: 0 auto; /* Centriraj cijeli kontejner */
  background: linear-gradient(135deg, #4B5E94, #1C2A4A); /* Novi gradient za fiksnu energiju */
  border-radius: 15px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .glavni-kontejner-fiksna {
    flex-direction: column; /* Elementi idu jedan ispod drugog na manjim ekranima */
    align-items: center; /* Centriraj elemente na manjim ekranima */
    padding: 20px;
    gap: 15px; /* Manji razmak na manjim ekranima */
  }
}
.glavni-kontejner-fiksna {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.glavni-kontejner-fiksna {
  border: 2px solid rgba(255, 255, 255, 0.3); /* Suptilna bordura */
}
.glavni-kontejner-fiksna {
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.25), /* Duboka sjena */
              0px 4px 10px rgba(255, 255, 255, 0.1); /* Suptilna gornja sjena */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c99756 */.citat {
  background: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-left: 5px solid #FFD700; /* Zlatni naglasak */
  font-style: italic;
  margin: 20px 0;
  color: #FFFFFF;
}

.citat .autor {
  display: block;
  margin-top: 10px;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  color: #FFD700; /* Zlatni naglasak za ime autora */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-376c92b */.desni-kontejner-promjenjiva {
  padding: 20px 30px; /* Unutarnji razmak za bolju čitljivost */
  background: linear-gradient(135deg, #1E2A47, #2E3A57); /* Blaga nijansa pozadine */
  border-radius: 15px; /* Zaobljeni rubovi */
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* Suptilna sjena za dimenziju */
  color: #F0F0F0; /* Svijetla boja teksta za kontrast */
  max-width: 600px; /* Maksimalna širina za bolji balans */
  line-height: 1.8; /* Razmak između redaka */
}

.desni-kontejner-promjenjiva h2 {
  font-size: 2rem; /* Naslov veći i istaknutiji */
  color: #FFD700; /* Zlatna boja naslova */
  margin-bottom: 15px; /* Razmak ispod naslova */
  text-align: left; /* Poravnanje naslova */
}

.desni-kontejner-promjenjiva p {
  font-size: 1rem; /* Standardna veličina teksta */
  margin-bottom: 15px; /* Razmak između odlomaka */
}

.desni-kontejner-promjenjiva ul {
  list-style: disc; /* Klasične točke za liste */
  padding-left: 20px; /* Malo pomaka ulijevo za liste */
}

.desni-kontejner-promjenjiva ul li {
  margin-bottom: 10px; /* Razmak između stavki liste */
  color: #B3C6E5; /* Svjetlija boja za liste */
}
.desni-kontejner-promjenjiva {
  transition: transform 0.9s ease, box-shadow 0.9s ease;
}

.desni-kontejner-promjenjiva:hover {
  transform: scale(1.02); /* Blago povećanje */
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3); /* Dublja sjena */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24df8b5 */.donji-kontejner-promjenjiva {
  background: linear-gradient(135deg, #FFA500, #FF4500);
  border-radius: 20px;
  padding: 30px;
  color: #fff;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3);
  font-family: 'Arial', sans-serif;
  max-width: 800px;
  margin: 40px auto 0;
  text-align: left;
  transition: all 0.7s ease-in-out; /* Dodana tranzicija */
}

.donji-kontejner-promjenjiva:hover {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.4);
  transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae6c71 */.glavni-kontejner-promjenjiva {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 40px;
  max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(135deg, #6A6CB3, #1C2E4A); /* Pozadina konzistentna s prva dva */
  border-radius: 15px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  animation: waveEffect 5s infinite alternate ease-in-out; /* Dodan lagani val za efekt */
}

@keyframes waveEffect {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}

@media (max-width: 768px) {
  .glavni-kontejner-promjenjiva {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 15px;
    animation: none; /* Uklanja efekt na manjim ekranima radi stabilnosti */
  }
}/* End custom CSS */