.hero {
  background-image: linear-gradient(#050f27ad, #050f2730 29%, #050f273d 65%, #050f2766), url('../images/prefooter-background12.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.full-w {
  background-color: #d6af50;
}

.hero-main-part {
  width: 100%;
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hero-content-wrapper {
  z-index: 1;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.hero-first-part {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hero-bottom-part {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.link-style {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 15px;
  text-decoration: none;
  display: flex;
}

.nav-desktop {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.hero-heading {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.centered-section {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.body {
  background-color: #050f27;
  font-family: Playfair Display, sans-serif;
}

.image {
  width: 100px;
  height: 48px;
}

.value-section {
  border: 0 solid #c5a0591a;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 96px 80px;
  text-decoration: none;
  display: flex;
}

.container {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.heading-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.horizontal-divider {
  background-color: #c5a05966;
}

.card-1 {
  grid-row-gap: 14.8px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #4155814d;
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.667px;
  height: 249.8px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.border {
  border: 1px solid #c5a0594d;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.svg {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20.25px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-decoration: none;
  display: flex;
}

.heading-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 9.2px;
  text-decoration: none;
  display: flex;
}

.poveana-vidljivost-i-reach {
  color: #fdfbf7;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.dosegnite-specifinu-angairanu-publiku-kroz-visoko-kvalitetan-dokumentarni-sadraj-koji-se-dijeli-i-pa {
  color: #a9b1bd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.background {
  background-color: #c5a059;
  border-radius: 3px;
  position: absolute;
  top: -2px;
  left: -2px;
}

.card-2 {
  grid-row-gap: 14.8px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #4155814d;
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.667px;
  height: 249.8px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.integracija-u-narativ-epizoda {
  color: #fdfbf7;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.suptilno-i-organsko-spominjanje-vaeg-brenda-unutar-samog-razgovora-i-prie-stvarajui-autentinu-poveza {
  color: #a9b1bd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.card-3 {
  grid-row-gap: 14.9px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #4155814d;
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.667px;
  height: 250.275px;
  padding: 32px 32px 54.75px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.digitalna-prisutnost {
  color: #fdfbf7;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.istaknuti-logotip-i-linkovi-u-opisima-videa-na-svim-platformama-youtube-spotify-apple-podcasts {
  color: #a9b1bd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.card-4 {
  grid-row-gap: 14.8px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #4155814d;
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.667px;
  height: 249.8px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.video-integracija {
  color: #fdfbf7;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.vizualno-predstavljanje-brenda-kroz-grafike-lower-thirds-ili-posebne-segmente-unutar-video-formata {
  color: #a9b1bd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.card-5 {
  grid-row-gap: 14.8px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #4155814d;
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.667px;
  height: 249.8px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 9.2px;
  text-decoration: none;
  display: flex;
}

.dugorona-vrijednost {
  color: #fdfbf7;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.dokumentarni-format-osigurava-da-sadraj-ostaje-relevantan-i-gledan-dugo-nakon-premijere-pruajui-traj {
  color: #a9b1bd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.card-6 {
  grid-row-gap: 14.9px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #4155814d;
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.667px;
  height: 250.275px;
  padding: 32px 32px 54.75px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.product-placement {
  color: #fdfbf7;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.fizika-prisutnost-vaih-proizvoda-na-setu-tokom-snimanja-intervjua-i-razgovora {
  color: #a9b1bd;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.container-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #fdfbf7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  text-decoration: none;
  display: inline-block;
}

.text-4 {
  color: #d4af37;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.container-3 {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: grid;
}

.container-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.background-2 {
  background-color: #c5a059;
  border-radius: 3px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.background-3 {
  background-color: #c5a059;
  border-radius: 3px;
  position: absolute;
  top: 246.25px;
  left: -2px;
}

.svg-3 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.heading-3-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 9.1px;
  text-decoration: none;
  display: flex;
}

.container-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: .625px;
  text-decoration: none;
  display: flex;
}

.background-4 {
  background-color: #c5a059;
  border-radius: 3px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.svg-4 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 18px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-decoration: none;
  display: flex;
}

.container-10 {
  grid-row-gap: 14.9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pricing-model-section {
  border: 1px solid #c5a0591a;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 96px 272px;
  text-decoration: none;
  display: flex;
}

.overlaybordershadowoverlayblur {
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-image: linear-gradient(#040e26, #0f348c63 54%, #05112e);
  border: 1px solid #c5a0594d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 0 20px #c5a05966;
}

.vrijednost-saradnje-odreuje-se-transparentno-prema-ukupnom-broju-ostvarenog-pregleda-sadraja-osigura {
  color: #d1d5db;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 29.25px;
  text-decoration: none;
}

.heading-4---i-classfa-solid-fa-handshake-angle-text-gold-500-text-2xl-mb-2i-font-awesome-fontawesome {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.otvoreni-smo-za-saradnje-prilagoene-vaim-specifinim-ciljevima-i-budetu-svaki-partnerski-odnos-gradim {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.container-11 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 896px;
  text-decoration: none;
  display: flex;
}

.model-saradnje-2 {
  color: #fdfbf7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  display: inline-block;
}

.model-saradnje-3 {
  color: #d4af37;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.heading-3-3 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #d4af37;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 4px;
  font-family: Playfair Displa;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
  text-decoration: none;
}

.text-6 {
  color: #c5a059b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Displa;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  display: none;
}

.border-2 {
  border: 1px solid #c5a0594d;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  padding: 4px 16px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #e5c07b;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.container-12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 672px;
  padding-top: 8px;
  text-decoration: none;
  display: flex;
}

.background-5 {
  background-color: #c5a059;
  border-radius: 3px;
  position: absolute;
  inset: auto -2px -2px auto;
}

.container-13 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-4---i-classfa-solid-fa-handshake-angle-text-gold-500-text-2xl-mb-2i-font-awesome-fontawesome-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-8 {
  color: #fdfbf7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.container-14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .625px;
  padding-left: 20.42px;
  padding-right: 20.42px;
  text-decoration: none;
  display: flex;
}

.the-anatomy-of-heritage-section {
  background-image: linear-gradient(178.74deg, #040e26, #091c4c 50%, #040e26);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.barely-visible-heraldic-motif-with-royal-seal-elements-topographic-lines-medieval-bosnia-monochrome {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 320px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.abstract-topographic-lines-and-medieval-manuscript-border-patterns-sepia-monochrome-aged-paper-textu {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 192px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vizuelni-identitet {
  color: #d6af50;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
}

.logo-i-simbolika {
  color: #fff;
  text-shadow: 0 2px 20px #d6af5033;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 75px;
  text-decoration: none;
}

.logo-serijala-prikazuje-bosanski-tit-s-natpisom-kako-bolan-nema-bosne-u-kamenoj-gravirajuoj-tipograf {
  color: #9d998d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.overlayverticalborderoverlayblur {
  grid-row-gap: 10.9983px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #091c4c99;
  border: 0 solid #d6af5066;
  border-left-width: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.bosanski-steak {
  color: #d6af50;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.paragraph {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: .752545px;
  padding-left: .00015837px;
  padding-right: 3.4057px;
  text-decoration: none;
  display: flex;
}

.tekstura-bosanskog-steka-trajnost-kamena-kultura-predslovenski-i-medieval-identitet {
  color: #9d998d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.overlay {
  background-color: #d6af5033;
  border-radius: 9999px;
  position: absolute;
  top: -8.00413px;
  left: -9.99628px;
}

.bosanski-ljijan {
  color: #d6af50;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.kontinuitet-bosanskog-identiteta-kroz-vijekove {
  color: #9d998d;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.bosanski-vitez {
  color: #d6af50;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.grb-bosanskog-viteza-feudalna-bosna-plemika-tradicija-suverenitet {
  color: #9d998d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.metal {
  color: #d6af50;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.tragovi-metala-na-graevinama-bosne-osmanski-i-austrougarski-sloj-civilizacije {
  color: #9d998d;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.svaki-simbol-pria-priu-stariju-od-samog-sjeanja {
  color: #9d998d99;
  text-align: center;
  letter-spacing: .6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.image-2 {
  opacity: .3;
  mix-blend-mode: overlay;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.gradient-3 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.container-15 {
  opacity: .05;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 320px;
  height: 320px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 43% 0% 0% 70%;
}

.container-16 {
  opacity: .05;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 192px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 942px;
  left: 0;
}

.container-17 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 48px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.container-18 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-19 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.horizontal-divider-2 {
  background-image: linear-gradient(90deg, #d6af50 18%, #d6af5000 89%);
  width: 80px;
  height: 1px;
}

.container-20 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.heading-2-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-21 {
  grid-column-gap: 163px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 500px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 350px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-22.up-left {
  transform: rotate(-3deg);
}

.container-22.down-left {
  transform: rotate(-1deg);
}

.svg-5 {
  grid-row-gap: 10px;
  opacity: .3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px 5px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 32.0025px;
  left: 272.009px;
  overflow: hidden;
}

.container-23 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 384px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-23.top-right {
  transform: rotate(1deg);
}

.container-23.down-right {
  transform: rotate(3deg);
}

.svg-6 {
  grid-row-gap: 10px;
  opacity: .3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 45px 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 48.0051px;
  left: -64.002px;
  overflow: hidden;
}

.overlayverticalborderoverlayblur-2 {
  grid-row-gap: 10.9272px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #091c4c99;
  border: 0 solid #d6af5066;
  border-right-width: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-3-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 139.511px;
  text-decoration: none;
  display: flex;
}

.paragraph-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: .749579px;
  padding-left: 17.1875px;
  padding-right: .00508912px;
  text-decoration: none;
  display: flex;
}

.overlay-2 {
  background-color: #d6af5033;
  border-radius: 9999px;
  position: absolute;
  inset: -11% -4% auto auto;
}

.svg-7 {
  grid-column-gap: 10px;
  opacity: .3;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -32.0078px;
  left: 272px;
  overflow: hidden;
}

.overlayverticalborderoverlayblur-3 {
  grid-row-gap: 11.0009px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #091c4c99;
  border: 0 solid #d6af5066;
  border-left-width: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.paragraph-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: .751882px;
  padding-left: .00508912px;
  padding-right: 8.17031px;
  text-decoration: none;
  display: flex;
}

.overlay-3 {
  background-color: #d6af5033;
  border-radius: 9999px;
  position: absolute;
  top: 122.001px;
  left: -10.0057px;
}

.svg-8 {
  grid-column-gap: 10px;
  opacity: .3;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -48.0046px;
  left: -47.9946px;
  overflow: hidden;
}

.overlayverticalborderoverlayblur-4 {
  grid-row-gap: 11px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #091c4c99;
  border: 0 solid #d6af5066;
  border-right-width: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-3-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 331.051px;
  padding-left: 140.596px;
  padding-right: 1.7706e-8px;
  text-decoration: none;
  display: flex;
}

.paragraph-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: .745366px;
  padding-left: 20.0562px;
  padding-right: .000158388px;
  text-decoration: none;
  display: flex;
}

.overlay-4 {
  background-color: #d6af5033;
  border-radius: 9999px;
  position: absolute;
  inset: auto -3% -7% auto;
}

.container-24 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 254.195px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.container-25 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-25.absolute {
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  inset: 0%;
}

.horizontal-divider-3 {
  z-index: -1;
  background-image: linear-gradient(90deg, #d6af5000, #d6af507d 50%, #d6af5000);
  width: 500px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.horizontal-divider-3.bigger-width {
  width: 580px;
}

.horizontal-divider-3.normal {
  position: static;
  transform: none;
}

.image-3 {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 7% 0% 0%;
}

.document-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.nav-left {
  grid-column-gap: 40px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.nav-right {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 48px;
  text-decoration: none;
  display: flex;
}

.nav-link-text {
  color: #9d998dcc;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
}

.hero-label-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.hero-label-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hero-label-text {
  color: #d6af50;
  text-align: center;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.hero-spacer {
  background-color: #d6af50;
  width: 120px;
  height: 1px;
  padding-left: 16px;
  text-decoration: none;
  display: flex;
}

.hero-gradient-overlay {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  display: none;
  position: absolute;
  inset: 0%;
}

.hero-title-line-1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5rem;
  font-family: Playfair Display, sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 100px;
  display: inline-block;
}

.hero-title-line-2 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #d6af50 0%, #fef08a 50%, #d6af50 100%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 100px;
  display: inline-block;
}

.hero-description-text {
  color: #9d998d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32.5px;
}

.hero-cta-subheading {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-cta-text {
  color: #9d998d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28.85px;
}

.value-section {
  border-top: 1px solid #c5a0591a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 96px 80px;
  display: flex;
}

.museum-installation-projection-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  min-height: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 80px 80px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-2---title {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1190px;
  padding-left: 10px;
  text-decoration: none;
  display: flex;
}

.i-odsustvo-javne-historijske-memorije {
  color: #fff9;
  text-shadow: 0 4px 40px #ffffff1a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Displa;
  font-size: 42px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.main-statement-centered-projection {
  -webkit-backdrop-filter: blur(.5px);
  backdrop-filter: blur(.5px);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1207px;
  text-decoration: none;
  display: flex;
}

.bosna-i-hercegovina-nema-sveobuhvatan-popularni-medijski-format-koji-historiju-zemlje-prenosi-iroj-p {
  text-shadow: 0 0 20px #ffffff1a;
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
}

.curatorial-principles-floating-typographic-elements {
  grid-column-gap: 22px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1190px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.arhivski {
  color: #3b82f6;
  letter-spacing: .9px;
  text-shadow: 0 0 15px #3b82f680;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.popularan {
  color: #fffc;
  letter-spacing: .9px;
  text-shadow: 0 0 20px #fff3;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.central-question {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  margin-top: 140px;
  padding-top: 64px;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-26 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 28px;
  padding-right: 28px;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #ffffffe6;
  text-shadow: 0 4px 40px #ffffff1a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Displa;
  font-size: 52px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.bosna-i-hercegovina-nema-sveobuhvatan-popularni-medijski-format-koji-historiju-zemlje-prenosi-iroj-p-2 {
  color: #fffc;
  letter-spacing: .75px;
  text-shadow: 0 0 20px #ffffff1a;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .46875rem;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  text-decoration: none;
  display: inline-block;
}

.container-27 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 384px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-27.bottom-right {
  top: 125px;
}

.container-28 {
  grid-row-gap: 7.625px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #9d998d;
  letter-spacing: .9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 29.25px;
  text-decoration: none;
}

.container-29 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 384px;
  height: 98.5px;
  text-decoration: none;
  display: flex;
}

.container-29.top-right {
  position: relative;
  top: 59px;
}

.container-29.bottom-left {
  position: relative;
  top: 65px;
}

.container-30 {
  grid-row-gap: 7.625px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-31 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #d6af50;
  text-align: right;
  letter-spacing: .9px;
  text-shadow: 0 0 15px #d6af504d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-12 {
  color: #9d998d;
  text-align: right;
  letter-spacing: .9px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 29.25px;
  text-decoration: none;
}

.text-13 {
  color: #3b82f6;
  text-align: right;
  letter-spacing: .9px;
  text-shadow: 0 0 15px #3b82f680;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.heading-3-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-14 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #d6af50 50%, #9d998d);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 96px;
  font-weight: 400;
  line-height: 96px;
  text-decoration: none;
}

.text-15 {
  color: #9d998d99;
  text-align: center;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.subheading-yellow-span {
  color: #d6b051;
}

.river-of-time-section {
  background-color: #040e26;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 128px 100px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-header {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-32 {
  grid-row-gap: 96px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.text-16 {
  color: #d6af50;
  text-align: center;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
}

.struktura-serijala-2 {
  color: #fff;
  text-align: center;
  text-shadow: 0 4px 20px #ffffff1a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-decoration: none;
}

.image-4 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.okvir-sectoin {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.continuous-track {
  width: 100%;
  margin-top: 60px;
}

.continuous-track.smaller {
  max-width: 1280px;
  max-height: 2820px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.fraze-section {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1440px;
  margin: 140px auto 60px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

._26-27 {
  color: #d6af50;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  font-style: italic;
  line-height: 1.1;
}

.faza-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.faza-1.faza-2 {
  margin-top: 80px;
  position: relative;
  left: -10%;
}

.faza-1.upper-margin {
  margin-top: 80px;
}

.backgroundhorizontalbordershadow {
  grid-row-gap: 8px;
  background-color: #d6af50;
  border: 0 solid #d6af5033;
  border-top-width: 1px;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px 32px 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 10px 30px #091c4c80, inset 0 2px 10px #00000080;
}

.faza-1-prahistorija-antika {
  color: #3e2b1e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.horizontalborder {
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.april-2026 {
  color: #000;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Liberation Mono, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.heading-3-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.faze-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 200px;
  display: none;
  position: relative;
}

.faza-3margin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1024px;
  padding-top: 96px;
  padding-left: 249.609px;
  padding-right: 102.391px;
  text-decoration: none;
  display: flex;
}

.faza-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.faza-4margin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1024px;
  padding-top: 96px;
  padding-left: 51.1875px;
  padding-right: 300.812px;
  text-decoration: none;
  display: flex;
}

.faza-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.faza-5margin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1024px;
  padding-top: 96px;
  padding-left: 176px;
  padding-right: 176px;
  text-decoration: none;
  display: flex;
}

.faza-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.backgroundhorizontalbordershadow-2 {
  grid-row-gap: 8px;
  background-color: #3f2c1e;
  border: 0 solid #d6af5033;
  border-top-width: 1px;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px 32px 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 10px 30px #091c4c80, inset 0 2px 10px #00000080;
}

.heading-3-11 {
  width: 100%;
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #9d998d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.horizontalborder-2 {
  border: 0 solid #9d998d33;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-25 {
  color: #d6af50;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Liberation Mono, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.zaponimo-saradnju {
  color: #fdfbf7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.15625rem;
  font-family: Playfair Display, sans-serif;
  font-size: 74px;
  font-weight: 400;
  line-height: 73.75px;
  text-decoration: none;
  display: inline-block;
}

.postanite-dio-projekta-koji-uva-sjeanja-i-gradi-mostove-javite-nam-se-za-detaljnu-prezentaciju-i-raz {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 36.88px;
  text-decoration: none;
}

.postanite-partner {
  color: #0a0f1a;
  text-align: center;
  letter-spacing: .53776px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30.73px;
  text-decoration: none;
}

.kontaktirajte-nas {
  color: #fdfbf7;
  text-align: center;
  letter-spacing: .53776px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30.73px;
  text-decoration: none;
}

.container-47 {
  z-index: 0;
  grid-row-gap: 36.875px;
  background-color: #050e27;
  border-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 99.9%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.border-3 {
  border: 1.53646px solid #c5a0594d;
  border-radius: 15363px;
  justify-content: center;
  align-items: center;
  width: 98.3333px;
  height: 98.3333px;
  text-decoration: none;
  display: flex;
}

.heading-2-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 12.2917px;
  text-decoration: none;
  display: flex;
}

.zaponimo-saradnju-2 {
  color: #d4af37;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 74px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.container-48 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 786.667px;
  text-decoration: none;
  display: flex;
}

.container-49 {
  grid-column-gap: 36.875px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 36.875px;
  padding-bottom: 159.792px;
  text-decoration: none;
  display: flex;
}

.link-style-2 {
  cursor: pointer;
  background-color: #c5a059;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 48px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 30.7292px #c5a05933;
}

.link-style-3 {
  cursor: pointer;
  border: 1.53646px solid #c5a05966;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 48px;
  text-decoration: none;
  display: flex;
}

.support-section-new {
  background-image: linear-gradient(#060d27db, #080f29b3 100%, #2b314700 100%, #060d27de), url('../images/finalnoo13892-1.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 700px;
  padding-top: 160px;
  padding-bottom: 160px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-2margin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.podrka-arhivu {
  color: #d6d6d6;
  text-align: center;
  letter-spacing: 4.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Displa;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  text-decoration: none;
}

.decorative-separator {
  opacity: .6;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.backgroundcss-transform {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 11.3137px;
  padding-left: 16.0431px;
  padding-right: 3.55271e-15px;
  text-decoration: none;
  display: flex;
}

.ovaj-projekat-uva-kolektivno-historijsko-pamenje-bosne-i-hercegovine-kroz-dokumentarni-podcast-forma {
  color: #9d9686;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.svaka-podrka-postaje-dio-trajnog-arhivskog-sjeanja {
  color: #d6d6d6;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.link---cta-button {
  cursor: pointer;
  background-color: #e1c25c;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 5px 2px #3f2c1e;
}

.upii-podrku-u-arhiv-sjeanja {
  color: #3f2c1e;
  text-align: center;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.heading-2-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.horizontal-divider-5, .background-8 {
  background-color: #c4a977;
}

.margin-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80px;
  height: 1px;
  padding-left: 16px;
  text-decoration: none;
  display: flex;
}

.margin-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.shadow-6 {
  max-width: 448px;
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.backgroundcss-transform-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 8.48528px;
  padding-left: 15.9574px;
  padding-right: 7.10543e-15px;
  text-decoration: none;
  display: flex;
}

.margin-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 64px;
  height: 1px;
  padding-left: 16px;
  text-decoration: none;
  display: flex;
}

.margin-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 48px;
  padding-left: 29.6719px;
  padding-right: 29.6719px;
  text-decoration: none;
  display: flex;
}

.shadow-7 {
  max-width: 384px;
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.dot-lined {
  margin-bottom: 16px;
}

.footer {
  background-color: #060d27;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 64px 104px 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-media-web-links {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.separatormargin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: flex;
}

.separator {
  opacity: .4;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 448px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.creditsmargin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
}

.credits {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.container-51 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-style-4 {
  background-color: #1a1813;
  border: 1px solid #3a352a;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 10px #00000080;
}

.margin-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 17px;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.vertical-divider-2 {
  background-color: #3a352a;
}

.horizontal-divider-6 {
  background-image: linear-gradient(90deg, #c4a97700, #c4a977 50%, #c4a97700);
  width: 222px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.text-27 {
  color: #8a8373;
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .21875rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}

.text-28 {
  color: #c4a977;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.text-28.divider {
  margin-left: 4px;
  margin-right: 4px;
}

.border-gradient {
  z-index: -1;
  background-image: linear-gradient(#d4af37, #fff0 84%);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 7px;
  position: absolute;
  inset: -.1% 0% 0%;
}

.collaboration {
  width: 100%;
  max-width: 1120px;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.block-text-plenum-lightblue-text-xl {
  color: #00bfff;
  letter-spacing: -.05em;
  background-image: url('../images/Container.svg');
  background-position: 0 0;
  background-size: cover;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.75rem;
}

.block-flex-7 {
  flex-direction: row;
  column-gap: 16px;
  display: flex;
}

.link-text-gray-500 {
  transition: color .15s cubic-bezier(.4, 0, .2, 1), background-color undefined undefined, border-color undefined undefined, text-decoration-color undefined undefined, fill undefined undefined, stroke undefined undefined;
  color: #6b7280;
  text-decoration: none;
}

.link-text-gray-500:hover {
  color: #fff;
}

.brand-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mobile-nav-header.top, .mobile-nav-flex {
  display: none;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.footer-2 {
  background-color: #050505;
  border-color: #ffffff1a;
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.footer-2.without-background {
  display: none;
}

.block-text-gray-500-text-xs {
  color: #6b7280;
  font-size: .75rem;
  line-height: 1rem;
}

.nav-2 {
  color: #fff;
  background-color: #ddd0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-weight: 500;
  display: none;
  position: absolute;
  top: 0;
}

.brand-img {
  max-width: 40%;
}

.nav-link {
  color: #fff;
}

.nav-link.w--current {
  color: #ffd800;
  text-decoration: none;
}

.nav-link.desktop-hidden {
  display: none;
}

.block-max-w-7xl-px-4-flex {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.continuous-track-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.image-7.mobile-base {
  display: none;
}

.background-gradient {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: -40%;
  left: 50%;
  right: 0%;
  box-shadow: inset 0 2px 200px 200px #316dce24, 0 2px 200px 200px #316dce24;
}

.faze-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.film-strips-wrapper {
  background-color: #050e27;
  background-image: url('../images/tackice.svg');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.film-strips-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #050e27;
  justify-content: flex-start;
  align-items: center;
  height: 400px;
  margin-top: -15px;
  display: flex;
  position: absolute;
  inset: auto 0%;
  overflow: scroll;
  transform: rotate(-2deg);
}

.film-strips-single {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  background-color: #e6d8b8;
  border: 1px solid #1a1a1a80;
  border-radius: 4px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 420px;
  height: 100%;
  padding: 32px;
  display: flex;
}

.strips-heading {
  font-size: 36px;
  line-height: 1.2;
}

.strips-heading.smaller {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.strips-subheading {
  color: #3f2c1e;
  margin-top: 8px;
  font-size: 20px;
  font-style: italic;
  line-height: 1.2;
}

.strips-subheading.capitalised {
  color: #000;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.strips-subheading.capitalised.last-omne {
  text-transform: none;
  font-family: Playfair Display, sans-serif;
  font-weight: 400;
}

.line {
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1920px) {
  .film-strips-wrapper {
    height: 750px;
  }

  .film-strips-content {
    justify-content: flex-start;
    align-items: center;
    max-width: 2180px;
    height: 530px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    height: auto;
    padding-top: 15%;
    padding-bottom: 10%;
  }

  .hero-main-part {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-content-wrapper {
    grid-row-gap: 1rem;
  }

  .nav-desktop {
    display: none;
  }

  .hero-heading {
    justify-content: flex-start;
    align-items: center;
  }

  .value-section {
    background-color: #050e27;
    padding-top: 20px;
    position: relative;
  }

  .heading-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .card-1, .card-2, .card-3, .card-4, .card-5, .card-6 {
    max-width: none;
  }

  .container-2 {
    grid-row-gap: 16px;
  }

  .text-3 {
    margin-right: 4px;
    font-size: 24px;
  }

  .text-4 {
    font-size: 24px;
  }

  .container-3 {
    display: flex;
  }

  .pricing-model-section {
    padding: 14px 5%;
  }

  .vrijednost-saradnje-odreuje-se-transparentno-prema-ukupnom-broju-ostvarenog-pregleda-sadraja-osigura {
    font-size: 14px;
    line-height: 1.2;
  }

  .otvoreni-smo-za-saradnje-prilagoene-vaim-specifinim-ciljevima-i-budetu-svaki-partnerski-odnos-gradim {
    line-height: 1.2;
  }

  .model-saradnje-2 {
    margin-right: 4px;
    font-size: 24px;
  }

  .model-saradnje-3 {
    font-size: 24px;
  }

  .text-5 {
    font-size: 24px;
    line-height: 1.2;
  }

  .text-8 {
    font-size: 24px;
  }

  .barely-visible-heraldic-motif-with-royal-seal-elements-topographic-lines-medieval-bosnia-monochrome {
    display: none;
  }

  .logo-i-simbolika {
    font-size: 24px;
    line-height: 1.2;
  }

  .logo-serijala-prikazuje-bosanski-tit-s-natpisom-kako-bolan-nema-bosne-u-kamenoj-gravirajuoj-tipograf {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-21 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 70%;
  }

  .container-22.up-left, .container-22.down-left, .container-23.top-right, .container-23.down-right {
    margin-bottom: 24px;
    position: static;
    transform: none;
  }

  .container-24 {
    position: static;
  }

  .container-25.absolute {
    max-height: 550px;
    padding-top: 5%;
    overflow: hidden;
  }

  .image-3 {
    max-width: 50%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .document-section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-title-line-1 {
    margin-right: 0;
    font-size: 24px;
    line-height: 1.2;
  }

  .hero-title-line-2 {
    font-size: 24px;
    line-height: 1.2;
  }

  .hero-description-text, .hero-cta-text {
    font-size: 14px;
    line-height: 1.2;
  }

  .heading-2---title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .i-odsustvo-javne-historijske-memorije {
    font-size: 24px;
    line-height: 1.2;
  }

  .curatorial-principles-floating-typographic-elements {
    justify-content: space-between;
    margin-left: 0;
  }

  .central-question {
    margin-top: 40px;
  }

  .text-9 {
    font-size: 24px;
    line-height: 1.2;
  }

  .bosna-i-hercegovina-nema-sveobuhvatan-popularni-medijski-format-koji-historiju-zemlje-prenosi-iroj-p-2 {
    font-size: 14px;
    line-height: 1.2;
  }

  .container-27.top-left {
    margin-bottom: 24px;
    position: static;
  }

  .container-27.bottom-right {
    margin-left: auto;
    position: static;
  }

  .container-29.top-right {
    margin-bottom: 24px;
    margin-left: auto;
    position: static;
  }

  .container-29.bottom-left {
    margin-bottom: 24px;
    position: static;
  }

  .text-14 {
    font-size: 24px;
    line-height: 1.2;
  }

  .text-15 {
    letter-spacing: 1px;
  }

  .river-of-time-section {
    padding-top: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-32 {
    grid-row-gap: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .struktura-serijala-2 {
    font-size: 32px;
    line-height: 1.2;
  }

  .continuous-track.smaller {
    max-width: 100%;
  }

  ._26-27 {
    font-size: 24px;
  }

  .faza-1.faza-2 {
    margin-top: 40px;
    left: auto;
  }

  .backgroundhorizontalbordershadow {
    position: static;
  }

  .faza-1-prahistorija-antika {
    font-size: 20px;
  }

  .faza-3margin, .faza-4margin, .faza-5margin {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .text-24 {
    font-size: 20px;
  }

  .zaponimo-saradnju {
    margin-right: 4px;
    font-size: 24px;
    line-height: 1.2;
  }

  .postanite-dio-projekta-koji-uva-sjeanja-i-gradi-mostove-javite-nam-se-za-detaljnu-prezentaciju-i-raz {
    max-width: 80%;
    font-size: 14px;
    line-height: 1.2;
  }

  .postanite-partner, .kontaktirajte-nas {
    font-size: 14px;
    line-height: 1.2;
  }

  .zaponimo-saradnju-2 {
    font-size: 24px;
    line-height: 1.2;
  }

  .container-49 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .link-style-2, .link-style-3 {
    padding: 16px;
  }

  .support-section-new {
    min-height: 440px;
    padding-top: 100px;
  }

  .podrka-arhivu {
    font-size: 24px;
  }

  .ovaj-projekat-uva-kolektivno-historijsko-pamenje-bosne-i-hercegovine-kroz-dokumentarni-podcast-forma {
    font-size: 14px;
    line-height: 1.3;
  }

  .svaka-podrka-postaje-dio-trajnog-arhivskog-sjeanja {
    font-size: 14px;
    line-height: 1.2;
  }

  .border-gradient {
    top: -.1%;
  }

  .collaboration {
    max-width: 80%;
    margin-top: 220px;
  }

  .hidden {
    display: none;
  }

  .menu {
    margin-left: auto;
    transition: all .45s;
    display: flex;
  }

  .menu.w--open {
    background-color: #ffd80000;
  }

  .menu.hidden {
    display: none;
  }

  .mobile-nav-links {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: center;
    height: 100%;
    display: flex;
  }

  .mobile-nav-header {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .mobile-nav-header.top {
    z-index: 1;
    padding: 3% 5% 3% 4%;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .mobile-nav-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    padding-top: 3%;
    padding-left: 4%;
    padding-right: 5%;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
  }

  .nav-container {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #474c5f82;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
  }

  .footer-2.without-background {
    background-color: #05050500;
    display: block;
  }

  .block-text-gray-500-text-xs.white {
    color: #fff;
  }

  .nav-2 {
    padding-bottom: 0;
    transition: all .45s;
    display: none;
  }

  .navi-right-part {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #474c5f87;
    flex-flow: column;
    justify-content: space-between;
    height: 100vh;
    padding-top: 220px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    inset: 0%;
  }

  .brand-img {
    z-index: 12;
    max-width: 20%;
    position: relative;
  }

  .nav-link {
    text-decoration: none;
  }

  .nav-link.desktop-hidden {
    display: block;
  }

  .nav-link.left-hidden {
    display: none;
  }

  .navi-left-part {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #474c5f87;
    display: none;
  }

  .nav-trigger {
    color: #fff;
    cursor: pointer;
    font-size: 32px;
  }

  .block-max-w-7xl-px-4-flex {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-7.desktop-base {
    display: none;
  }

  .image-7.mobile-base {
    display: block;
  }

  .background-gradient {
    bottom: 40%;
  }

  .film-strips-content {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-11 {
    margin-top: -3px;
  }
}

@media screen and (max-width: 767px) {
  .value-section {
    padding: 5%;
  }

  .overlaybordershadowoverlayblur {
    padding-top: 5%;
  }

  .the-anatomy-of-heritage-section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .barely-visible-heraldic-motif-with-royal-seal-elements-topographic-lines-medieval-bosnia-monochrome {
    display: none;
  }

  .vizuelni-identitet {
    letter-spacing: 2px;
    font-weight: 500;
  }

  .image-2 {
    display: none;
  }

  .gradient-3 {
    letter-spacing: 9999050000000px;
    display: none;
  }

  .container-15 {
    display: none;
  }

  .container-17 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-22.up-left {
    max-width: none;
  }

  .container-22.down-left, .container-23.top-right {
    width: 100%;
    max-width: none;
  }

  .container-23.down-right {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    max-width: none;
  }

  .svg-6 {
    display: none;
  }

  .overlayverticalborderoverlayblur-2, .overlayverticalborderoverlayblur-4 {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
  }

  .image-3 {
    max-width: 40%;
    top: 5%;
  }

  .document-section {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-label-text {
    letter-spacing: 2px;
    font-weight: 500;
  }

  .hero-title-line-1, .hero-title-line-2 {
    font-size: 32px;
  }

  .museum-installation-projection-section {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .curatorial-principles-floating-typographic-elements {
    padding-left: 0%;
    padding-right: 0%;
  }

  .central-question {
    margin-top: 0;
  }

  .container-26 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-27.top-left, .container-27.bottom-right, .container-29.top-right, .container-29.bottom-left {
    max-width: none;
  }

  .river-of-time-section {
    padding-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .container-32 {
    padding-top: 40px;
  }

  .okvir-sectoin {
    padding-left: 0%;
    padding-right: 0%;
  }

  .continuous-track.smaller {
    margin-top: 0;
  }

  .backgroundhorizontalbordershadow {
    padding-bottom: 32px;
  }

  .faza-1-prahistorija-antika {
    font-size: 24px;
  }

  .april-2026 {
    letter-spacing: 1px;
  }

  .faze-section {
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .faza-3margin, .faza-4margin, .faza-5margin {
    padding-top: 40px;
  }

  .text-24 {
    font-size: 24px;
  }

  .text-25 {
    font-size: 12px;
  }

  .container-47 {
    max-width: 99.7%;
  }

  .container-49 {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .support-section-new {
    margin-top: 10%;
    padding: 15% 5%;
  }

  .link---cta-button {
    padding: 8px 24px;
  }

  .upii-podrku-u-arhiv-sjeanja {
    letter-spacing: 1px;
    font-size: 12px;
  }

  .footer {
    padding-left: 5%;
    padding-right: 5%;
  }

  .social-media-web-links {
    grid-row-gap: 24px;
    flex-flow: wrap;
  }

  .margin-10 {
    display: none;
  }

  .border-gradient {
    top: -.05%;
  }

  .collaboration {
    margin-top: 140px;
  }

  .block-max-w-7xl-px-4-flex {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
  }

  .continuous-track-wrapper {
    max-width: 90%;
  }

  .film-strips-content {
    height: 300px;
  }

  .film-strips-single {
    width: 350px;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    padding-top: 25%;
  }

  .hero-content-wrapper {
    grid-row-gap: 2rem;
  }

  .value-section {
    padding-bottom: 10%;
  }

  .container {
    grid-row-gap: 32px;
  }

  .card-1.card-padding {
    padding: 16px;
  }

  .heading-3 {
    padding-top: 0;
  }

  .card-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 32px;
    padding-bottom: 16px;
  }

  .card-2.card-padding {
    padding: 16px;
  }

  .card-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-bottom: 32px;
  }

  .card-3.card-padding, .card-4.card-padding, .card-5.card-padding, .card-6 {
    padding: 16px;
  }

  .container-3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .pricing-model-section {
    padding-top: 5%;
    padding-bottom: 10%;
  }

  .overlaybordershadowoverlayblur {
    padding-bottom: 5%;
  }

  .container-11 {
    grid-row-gap: 32px;
  }

  .text-5 {
    font-size: 32px;
  }

  .the-anatomy-of-heritage-section {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .container-15 {
    z-index: 1;
    left: 3%;
  }

  .container-21 {
    padding-top: 50%;
  }

  .svg-5 {
    display: none;
  }

  .container-25.absolute {
    padding-top: 10%;
  }

  .horizontal-divider-3.normal {
    width: 200px;
  }

  .image-3 {
    top: 0%;
  }

  .document-section {
    padding-top: 10%;
  }

  .hero-label-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-label-text {
    letter-spacing: 1px;
  }

  .hero-cta-text {
    max-width: 80%;
  }

  .museum-installation-projection-section {
    padding-top: 10%;
    padding-bottom: 0;
    overflow: visible;
  }

  .arhivski, .popularan {
    font-size: 18px;
  }

  .text-10 {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.2;
  }

  .text-11 {
    font-size: 18px;
  }

  .text-12 {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.2;
  }

  .text-13 {
    font-size: 18px;
  }

  .river-of-time-section {
    padding-top: 0%;
  }

  .image-4 {
    width: auto;
  }

  .continuous-track {
    position: relative;
  }

  .fraze-section {
    margin-top: 0;
  }

  .faze-section {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .container-47 {
    grid-row-gap: 24px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .border-3 {
    width: 48px;
    height: 48px;
  }

  .podrka-arhivu {
    letter-spacing: 2px;
    font-weight: 500;
  }

  .link---cta-button {
    padding: 14px;
  }

  .upii-podrku-u-arhiv-sjeanja {
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.2;
  }

  .credits {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .text-28 {
    margin-top: 8px;
  }

  .border-gradient {
    top: -.2%;
  }

  .collaboration {
    width: 90%;
    max-width: none;
    margin-top: 10%;
  }

  .brand-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .navi-right-part {
    height: 110vh;
    margin-top: -10vh;
    padding-top: 140px;
  }

  .block-max-w-7xl-px-4-flex {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .continuous-track-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .background-gradient, .image-8, .image-9 {
    display: none;
  }

  .image-11 {
    margin-top: -4px;
  }
}