@media (min-width: 992px) {
  .navbar-items {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .nav-dropdown-link:hover {
    transform: scale(1.05); /* Povećaj veličinu na hover */
    /*font-weight: bold; /* Promeni tekst na bold */
    color: rgba(70, 63, 58);
    transition:
      transform 0.2s ease,
      font-weight 0.2s ease; /* Dodaj glatku tranziciju */
  }
  .nav-link-2:hover {
    /*background: rgba(138, 129, 124, 0.7);*/
    border: 1px solid rgba(70, 63, 58);
    color: rgba(70, 63, 58);
    border-radius: 12px;
    /*font-weight: bold; /* Promeni tekst na bold */
    transition:
      transform 0.2s ease,
      font-weight 0.2s ease; /* Dodaj glatku tranziciju */
  }
  .nav-dropdown:hover {
    /*background: rgba(138, 129, 124, 0.7);*/
    border: 1px solid rgba(70, 63, 58);
    color: rgba(70, 63, 58);
    border-radius: 12px;
    /*font-weight: bold; /* Promeni tekst na bold */
    transition:
      transform 0.2s ease,
      font-weight 0.2s ease; /* Dodaj glatku tranziciju */
  }
}
@media (max-width: 991px) {
  .w--open .w-icon-nav-menu::before {
    content: "";
  }
  .navbar-wrapper .w--open::after {
    content: "\f00d"; /* Font Awesome kod za "times" ikonicu */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    display: inline-block;
    color: #000;
  }
}
.gallery_slide img {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.gallery_slide {
  transition: opacity 0.5s ease;
  border-radius: 12px;
}

.gallery_instance {
  display: flex;
  flex-direction: column; /* Vertikalni raspored (slajder + pagination) */
  align-items: center; /* Centriranje pagination-a ispod slidera */
  position: relative; /* Omogućava pozicioniranje apsolutnih elemenata */
  width: 100%; /* Zauzima punu širinu */
  max-width: 1200px; /* Maksimalna širina */
  margin: 0 auto; /* Centriranje na stranici */
  padding: 10px; /* Prostor oko galerije */
}
/* Dugmad za navigaciju */
.gallery_button {
  position: absolute; /* Postavljanje dugmadi van toka dokumenta */
  top: 50%; /* Vertikalno centriranje u odnosu na list-wrapper */
  transform: translateY(-50%); /* Poravnanje po Y osi */
  z-index: 10; /* Dugmad iznad slidera */
  background-color: rgba(244, 243, 238, 0.8); /* Poluprovidna pozadina */
  width: 3rem; /* Koristi relativne jedinice za responzivnost */
  height: 3rem;
  border: none;
  display: flex;
  border-radius: 50%; /* Kružno dugme */
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: background-color 0.3s ease; /* Efekat na hover */
}
.gallery_button:hover {
  background-color: rgba(70, 63, 58, 0.8); /* Svetlija pozadina */
  transform: translateY(-50%) scale(1.1); /* Blago povećanje dugmeta */
}
/* Dugme za prev */
.gallery_button.btn-prev {
  left: -5%; /* Pomeranje levo izvan slidera */
}
.btn-prev::before {
  content: "\f104"; /* Font Awesome kod za strelicu levo */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  color: rgb(70, 63, 58);
}
.btn-prev:hover::before {
  color: rgba(244, 243, 238);
}
/* Dugme za next */
.gallery_button.btn-next {
  right: -5%; /* Pomeranje desno izvan slidera */
}
.btn-next::before {
  content: "\f105"; /* Font Awesome kod za strelicu desno */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  color: rgb(70, 63, 58);
}
.btn-next:hover::before {
  color: rgba(244, 243, 238);
}
/* Wrapper za listu slajdova */
.gallery_list-wrapper {
  position: relative; /* Referentna tačka za dugmad */
  width: 100%; /* Slider zauzima punu širinu */
  overflow: hidden; /* Sakriva elemente koji izlaze van okvira */
}
/* Pagination */
.gallery_navigation {
  margin-top: 20px; /* Razmak između slidera i pagination */
  text-align: center; /* Centriranje pagination-a */
}
.gallery_pagination {
  display: flex;
  justify-content: start;
}
/* Responsivnost */
@media (max-width: 1390px) {
  .gallery_button.btn-prev {
    left: -30px; /* Pomeranje dugmadi na manjim ekranima */
  }
  .gallery_button.btn-next {
    right: -30px;
  }
}
@media (max-width: 768px) {
  .gallery_instance {
    padding: 5px;
  }
  .gallery_button {
    width: 2.5rem;
    height: 2.5rem;
  }
  .gallery_button.btn-prev {
    left: -20px;
  }
  .gallery_button.btn-next {
    right: -20px;
  }
  .gallery_slide img {
    border-radius: 3px;
  }
}

.video-slide {
  max-width: 100%;
  border-radius: 12px;
  height: 75vh;
}