body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

.hero.another {
  background-image: linear-gradient(#050f27ad, #050f2730 29%, #050f273d 65%, #050f2766), url('../images/ChatGPT-Image-May-11-2026-03_09_16-PM-1.png');
}

.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 {
  color: #9d998dcc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 15px;
  text-decoration: none;
  display: flex;
}

.link-style.w--current {
  text-align: center;
}

.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;
  padding-left: 100px;
  padding-right: 100px;
  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;
  padding: 96px 80px 10px;
  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;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10%;
  padding-bottom: 5%;
  text-decoration: none;
  display: flex;
}

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

.heading-2.hide {
  display: none;
}

.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;
}

.card-1.card-padding {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #41558100;
  border-style: none;
  border-left-width: 1px;
  border-left-color: #d3af37;
  height: auto;
  padding: 0;
}

.card-1.card-padding._60-percent-width {
  width: 60%;
  max-width: none;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: all .35s;
}

.card-1.card-padding._60-percent-width:hover {
  background-color: #ffffff0d;
}

.card-1.card-padding._40-percent-width {
  width: 40%;
  max-width: none;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: all .35s;
}

.card-1.card-padding._40-percent-width:hover {
  background-color: #ffffff0d;
}

.border {
  background-image: linear-gradient(90deg, #fff0, #c9a84c 38% 71%, #c9a84c00);
  border: 1px solid #0000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 2px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.svg {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 32px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-decoration: none;
  display: flex;
}

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

.poveana-vidljivost-i-reach {
  color: #c9a84c;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.dosegnite-specifinu-angairanu-publiku-kroz-visoko-kvalitetan-dokumentarni-sadraj-koji-se-dijeli-i-pa {
  color: #a9b1bd;
  width: auto;
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
  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: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.container-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 79%;
  margin-left: 64px;
  text-decoration: none;
  display: flex;
}

.container-5.no-margin {
  margin-left: 0;
}

.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-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.pricing-model-section.aurora-container {
  border-top-style: none;
  border-bottom-style: none;
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: visible;
}

.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: none;
  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;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 16px;
  text-decoration: none;
  display: inline-block;
}

.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: none;
}

.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: 10px;
  -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 {
  color: #9e998c;
  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 {
  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 {
  transition: all .35s;
  transform: rotate(-3deg);
}

.container-22.up-left:hover {
  transform: scale(1.05)rotate(0);
}

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

.container-22.down-left:hover {
  transform: none;
}

.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-style: preserve-3d;
}

.container-23.top-right:hover {
  transform: rotate(0deg) scale3d(1.05none, 1.05none, 1none);
}

.container-23.down-right {
  transform-style: preserve-3d;
  transition: all .35s;
  transform: rotate(3deg);
}

.container-23.down-right:hover {
  transform: rotate(0);
}

.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;
  transition: all .35s;
  display: flex;
  position: relative;
  transform: rotate(3deg);
}

.overlayverticalborderoverlayblur-2:hover {
  transform: rotate(0);
}

.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: space-between;
  align-items: center;
  padding-top: 5%;
  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;
  transition: all .35s;
  position: absolute;
  inset: 7% 0% 0%;
}

.image-3:hover {
  scale: 1.1;
}

.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 {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-underline-offset: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
  transition-property: all;
  transition-duration: .35s;
  transition-timing-function: ease;
}

.nav-link-text:hover {
  color: #e1c25c;
  text-decoration: underline;
}

.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;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.4;
}

.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: none;
  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 Display, sans-serif;
  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 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #040e26;
  flex-flow: row;
  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: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 850px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container-32.struktura-serijala-hidden {
  display: none;
}

.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;
}

.struktura-serijala-2.hidden {
  display: 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: none;
}

.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: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 80px;
  text-decoration: none;
}

.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: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

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

.container-47 {
  z-index: 0;
  grid-row-gap: 34px;
  background-color: #050e27;
  border-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  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: none;
}

.heading-2-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  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: 60px;
  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: 32px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

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

.link-style-2.link---cta-button {
  margin-left: 0;
  margin-right: 0;
}

.link-style-3 {
  cursor: pointer;
  border: 1.53646px solid #c5a05966;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 32px;
  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: #d4af37;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 32px;
  font-family: Urbanist, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px #8f7536;
}

.link---cta-button:hover {
  color: #513e24;
  box-shadow: inset 0 0 0 2px #8f7536;
}

.link---cta-button.modified {
  box-shadow: none;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #e1c25c00;
  transition: all .35s;
}

.link---cta-button.less {
  border-radius: 12px;
  width: 100%;
  max-width: 256.2px;
  margin-bottom: 12px;
}

.link---cta-button.fixed-w {
  width: 249.055px;
}

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

.upii-podrku-u-arhiv-sjeanja.modifed {
  color: #f6e37e;
}

.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 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 64px;
  margin-bottom: 24px;
  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: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 7px;
  position: absolute;
  inset: -.1% 0% 0%;
}

.collaboration {
  width: 100%;
  max-width: 1180px;
  margin-top: 100px;
  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: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  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: none;
  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: none;
  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;
}

.card-heading-label {
  color: #fff;
  letter-spacing: 1px;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  line-height: 1.2;
}

.linear-border {
  background-image: linear-gradient(#d3af3700, #d6b545 50%, #fff0);
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

._2-cards-holding {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

._2-cards-holding._w-bottom-line {
  background-color: #050f27;
}

.saradnja-wrapper {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.saradnja-wrapper.aurora-wrap {
  padding: 70px;
}

.saradnja-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
}

.saradnja-heading.yellowish {
  color: #d6af50;
}

.top-part {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.saradnja-paragraph {
  color: #d4c5a9;
  letter-spacing: 2px;
  width: 100%;
  max-width: 340px;
  margin-bottom: -10px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  transition-property: all;
  transition-duration: .35s;
  transition-timing-function: ease;
}

.saradnja-paragraph:hover {
  color: #fff;
}

.saradnja-paragraph.right-aligned {
  text-align: right;
}

.struktura-wrapper {
  justify-content: space-between;
  width: 100%;
  display: none;
}

.left-struktura {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: right;
  flex-flow: column;
  display: flex;
}

.right-struktura {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  margin-top: 120px;
  display: flex;
}

.ceneterd-curvy-line {
  z-index: 660;
  flex-flow: column;
  flex-shrink: 0;
  width: 120px;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.struktura-single-box {
  color: #fff;
  flex-flow: column;
  justify-content: center;
  height: 180px;
  display: flex;
  position: relative;
}

.struktura-heading {
  color: #d6af50;
  font-size: 28px;
  line-height: 1.2;
}

.struktura-year-when {
  color: #fffc;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.2;
}

.struktura-episodes {
  color: #9d998d;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  line-height: 1.2;
}

.struktura-episodes.modified {
  color: #fff9;
  text-transform: none;
  font-family: Playfair Display, sans-serif;
  font-size: 28px;
  font-style: italic;
}

.struktura-box-image {
  opacity: .1;
  max-width: 200px;
  position: absolute;
  inset: 0%;
}

.bottom-label-struktura {
  color: #fff;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  font-style: italic;
  line-height: 1.2;
}

.struktura-single-box--active {
  color: #d6af50;
}

.struktura-box-image--active {
  opacity: 1;
  filter: drop-shadow(0 0 12px #d6af5080);
}

.inline-svg-0 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.inline-div-0 {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.inline-div-1 {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block {
  height: 100%;
}

.struktura-curve-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.struktura-dots-layer-style {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.round-div-single {
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.round-ball {
  background-image: radial-gradient(circle, #d9b662, #bb710600);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 1px 1px #7d5810;
}

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

.with-gradient-bottom {
  background-image: linear-gradient(90deg, #44413300, #988244 50%, #917c4300 100%, #3d3b3200);
  padding-bottom: 1px;
}

.smaller-gradient-box {
  background-image: linear-gradient(90deg, #fefdfb00, #c2a444b3 50%, #fff0);
  width: 60px;
  height: 1px;
  margin-left: 64px;
}

.smaller-gradient-box.struktura-adjusted {
  width: 80px;
  margin-top: 12px;
  margin-left: 0;
}

.block-text-textlight {
  background-color: #050f27;
  position: relative;
}

.contribution-section {
  background-image: none;
  align-items: center;
  width: 100%;
  min-height: 800px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block-bg-glow {
  opacity: .6;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.block-px-6-max-w-1440px {
  z-index: 20;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 96px;
  padding-right: 96px;
  position: relative;
}

.block-grid-grid-cols-1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: auto;
  display: grid;
}

.block-flex-flex-col-py-24 {
  border-right: 1px #000;
  flex-direction: column;
  justify-content: center;
  row-gap: 48px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 10px;
  display: flex;
}

.block-flex {
  align-items: center;
  gap: 24px;
  display: flex;
}

.block-text-3xl-text-white {
  color: #fff;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.block-bg-d6af50-40 {
  width: 48px;
  height: 1px;
}

.block-text-d6af50-text-xs {
  color: #d6af50;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
}

.heading-text-5xl-text-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.block-text-d6af50 {
  color: #d6af50;
  font-style: italic;
}

.paragraph-text-textmuted-text-lg-max-w-md {
  color: #a9b1bd;
  max-width: 28rem;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.block-style {
  padding-top: 0;
}

.dom-bg-transparent-text-d6af50-text-sm {
  color: #d6af50;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #d6af50;
  padding: 16px 40px;
  font-size: .875rem;
  line-height: 1.25rem;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.dom-bg-transparent-text-d6af50-text-sm:hover {
  color: #050f27;
  background-color: #d6af50;
}

.block-flex-py-24 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 96px;
  padding-bottom: 96px;
  padding-left: 64px;
  display: flex;
  position: relative;
}

.block-max-w-420px-bg-eae4d3-p-8 {
  background-color: #eae4d3;
  width: 85%;
  max-width: 420px;
  padding: 48px;
  transition: transform .7s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  transform: rotate(1deg);
  box-shadow: 0 25px 50px -12px #00000040;
}

.block-max-w-420px-bg-eae4d3-p-8:hover {
  transform: rotate(0);
}

.block-style-2 {
  opacity: .3;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noise%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.8%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noise)%22/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.block-bg-fced87-p-3-flex {
  z-index: 10;
  background-color: #fced87;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: -16px;
  right: -24px;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.block-bg-white-40 {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff6;
  width: 40px;
  height: 16px;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 1px 2px #0000000d;
}

.block-text-1a1a1a-text-10px-text-center {
  color: #1a1a1a;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
}

.block-flex-flex-col-p-6 {
  z-index: 0;
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.block-text-4a4539-text-10px-flex {
  color: #4a4539;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-color: #c1ba9c;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 16px;
  font-size: 10px;
  display: flex;
}

.heading-text-1a1a1a-text-3xl {
  color: #1a1a1a;
  margin-bottom: 32px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
}

.block-flex-flex-col-flex-grow {
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  display: flex;
}

.block-bg-4a4539-20 {
  width: 100%;
  height: 2px;
}

.block-bg-4a4539-20-2 {
  width: 90%;
  height: 2px;
}

.block-bg-4a4539-20-3 {
  width: 95%;
  height: 2px;
}

.block-bg-4a4539-20-4 {
  width: 85%;
  height: 2px;
}

.block-bg-4a4539-20-5 {
  width: 100%;
  height: 2px;
  margin-top: 16px;
}

.block-bg-4a4539-20-6 {
  width: 80%;
  height: 2px;
}

.block-flex-2 {
  border: 3px solid #c89389;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: absolute;
  bottom: 40px;
  right: 16px;
  transform: rotate(-12deg);
}

.block-text-red-800-40-text-11px-text-center {
  color: #991b1b66;
  text-align: center;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

.urbanist-text {
  text-transform: none;
  font-family: Urbanist, sans-serif;
  font-size: 27px;
  font-weight: 500;
}

.hero-cta-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  display: flex;
}

.struktura-new-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.struktura-content-new {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.number-text {
  color: #d6af50;
  letter-spacing: 4px;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  line-height: 1.2;
}

.struktura-left-aligned-box {
  height: 100%;
}

.struktura-heading-box {
  color: #d6af50;
  letter-spacing: .5px;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

.struktura-subheading {
  color: #fffc;
  font-family: Urbanist, sans-serif;
}

.struktura-subheading._2px-gap {
  letter-spacing: 2px;
  font-weight: 500;
}

.episode-count-text {
  position: relative;
}

.right-side-box-image {
  opacity: .25;
  max-width: 150px;
}

.gradient {
  background-image: linear-gradient(90deg, #040e26 0%, #040e2600 40%);
  position: absolute;
  top: 0;
  left: 367px;
}

._01 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .0117188em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-prahistorija {
  color: #d6af50;
  letter-spacing: .000976563em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._1-epizoda {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.do-oko-800-god-pne {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

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

.korijeni-bosanskog-tla-tragovi-prvih-zajednica-ilirska-plemena-i-kulturne-osobenosti-prethistorijsk {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 28px;
  padding-bottom: 28px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.horizontal-divider-4 {
  background-color: #ffffff12;
  position: absolute;
  top: 163px;
  left: 0;
}

.container-6 {
  opacity: .12;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  height: 110px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 27px;
  left: 387px;
}

.container-7 {
  opacity: .13;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 32px;
  left: 397px;
}

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

.container-33 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 72px;
  padding-top: 1.5px;
  padding-bottom: 3.5px;
  text-decoration: none;
  display: flex;
}

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

.container-35 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

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

.container-38 {
  opacity: .65;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 160px;
  text-decoration: none;
  display: flex;
}

._02 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .0107422em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-antika {
  color: #d6af50;
  letter-spacing: .0078125em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._2-epizode {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

._800-pne-476-ne {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.rimska-dalmacija-i-panonija-ilirski-otpori-kasnoantika-dezintegracija-i-kraj-rimskog-svijeta {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

._03 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .0205078em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-srednjovjekovna-bosna {
  color: #d6af50;
  letter-spacing: .00195313em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._34-epizode {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

._958-1463 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.bosanska-drava-crkva-bosanska-vladarska-loza-kotromania-i-pad-pod-osmansku-vlast {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

._04 {
  opacity: .5;
  color: #d6af50;
  letter-spacing: .0126953em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-osmanski-period {
  color: #d6af50;
  letter-spacing: .000976563em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._710-epizoda {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

._1463-1878 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.etiri-vijeka-osmanske-uprave-islamizacija-vakufi-begovske-porodice-mostovi-i-utvrde {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

._05 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .0205078em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-austrougarska {
  color: #d6af50;
  letter-spacing: .000976563em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._1878-1918 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.modernizacija-i-kolonijalni-ambivalencija-arhitektura-industrijalizacija-i-bosanski-identitet-pod-h {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

._06 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .00878906em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-kraljevina-jugoslavija {
  color: #d6af50;
  letter-spacing: .00195313em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._1918-1941 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.izmeu-integracije-i-marginalizacije-bosansko-pitanje-u-prvoj-jugoslavenskoj-dravi {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

._07 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .0117188em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.heading-3-jugoslavija-sfrj {
  color: #d6af50;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._1945-1992 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.socijalizam-urbanizacija-kultura-sjeanja-i-prelom-bosna-kao-konstitutivna-republika {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

._08 {
  opacity: .3;
  color: #d6af50;
  letter-spacing: .00585938em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.bosna-i-hercegovina {
  color: #d6af50;
  letter-spacing: .00195313em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

._24-epizode {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

._1992-danas {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.rat-tranzicija-sjeanje-i-identitet-savremena-bosna-izmeu-prolosti-i-europske-budunosti {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.container-39 {
  opacity: .1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 32px;
  left: 397px;
}

.container-40 {
  opacity: .13;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 87.234px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 38.383px;
  left: 397px;
}

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

.struktura-serijala {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 48px;
  text-decoration: none;
}

.nav {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.vertical-divider {
  opacity: .1;
  background-color: #fff;
}

.prahistorija {
  color: #d6af50;
  letter-spacing: .00292969em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.25px;
  text-decoration: none;
}

.antika {
  color: #d6af50;
  letter-spacing: .00488281em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.25px;
  text-decoration: none;
}

.srednjovjekovna-bosna {
  color: #d6af50;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.25px;
  text-decoration: none;
}

.osmanski-period {
  color: #d6af50;
  letter-spacing: .00292969em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.25px;
  text-decoration: none;
}

.austrougarska, .kraljevina-jugoslavija {
  color: #d6af50;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.25px;
  text-decoration: none;
}

.jugoslavija-sfrj {
  color: #d6af50;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.25px;
  text-decoration: none;
}

.ukupno-30-epizoda {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.5px;
  text-decoration: none;
}

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

.horizontal-divider-7 {
  background-image: linear-gradient(90deg, #d6af5000 0%, #d6af5099 50%, #d6af5000 100%);
}

.horizontalborder-3 {
  grid-column-gap: 16px;
  border: 0 solid #ffffff0d;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 165px;
  padding-top: 54px;
  padding-bottom: 14px;
  display: flex;
}

.container-42 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  text-decoration: none;
  display: flex;
}

.background-6 {
  opacity: .6;
  background-color: #d6af50;
  border-radius: 9999px;
}

.margin-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1px;
  height: 32px;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.container-43 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

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

.container-45 {
  opacity: .55;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 321px;
  text-decoration: none;
  display: flex;
}

.do-oko-800-god-pne-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.horizontalborder-4 {
  grid-column-gap: 16px;
  border: 0 solid #ffffff0d;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 165px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

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

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

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

._800-pne-476-ne-2, ._958-1463-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.background-7 {
  opacity: .8;
  background-color: #d6af50;
  border-radius: 9999px;
}

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

._1463-1878-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

._1878-1918-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

._1918-1941-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.horizontalborder-5 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 165px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

._1945-1992-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22.75px;
  text-decoration: none;
}

.horizontalborder-6 {
  border: 0 solid #ffffff0d;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.container-53 {
  opacity: .45;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 20px;
  display: flex;
}

.dio-price-wrapper {
  background-image: linear-gradient(#040e26, #fff0 16%, #040e2600 36%, #040e26 84%), url('../images/dio-price-background.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.trag-section {
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: flex;
}

.ne-mora-biti-sponzor-da-bi-ostavio-trag {
  color: #fdfbf7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
}

.ima-fotografije-snimke-dokumente-ili-prie-koje-vrijedi-sauvati-doprinesi-arhivi-i-postani-dio-zajedn {
  color: #fdfbf7;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.backgroundbordershadow {
  background-color: #d4af37;
  border: 1.76586px solid #4a4232;
  border-radius: 14.1269px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 3.53173px 13.244px #000c, inset 0 1.76586px 8.82932px #0009;
}

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

.doprinesite-arhivi {
  color: #3f2c1e;
  text-align: center;
  letter-spacing: 2.47221px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 17.66px;
  text-decoration: none;
}

.container-54 {
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  height: 88px;
  display: flex;
}

.heading-2-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-top: 15px;
  display: flex;
}

.ne-mora-biti-sponzor-da-bi-ostavio-trag-2 {
  color: #d4af37;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
}

.ima-fotografije-snimke-dokumente-ili-prie-koje-vrijedi-sauvati-doprinesi-arhivi-i-postani-dio-zajedn-2 {
  color: #fdfbf7;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  display: inline-block;
}

.ima-fotografije-snimke-dokumente-ili-prie-koje-vrijedi-sauvati-doprinesi-arhivi-i-postani-dio-zajedn-3 {
  color: #fdfbf7;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  display: inline-block;
}

.ima-fotografije-snimke-dokumente-ili-prie-koje-vrijedi-sauvati-doprinesi-arhivi-i-postani-dio-zajedn-4 {
  color: #fdfbf7;
  text-align: center;
  letter-spacing: .5px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  display: inline-block;
}

.link---cta-button-2 {
  border-radius: 14.1269px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 251px;
  height: 52.9759px;
  padding: 17.6586px 28.2538px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.border-4 {
  border: .882932px solid #3a352a80;
  border-radius: 10.5952px;
  position: absolute;
  top: 3.53174px;
  left: 3.53125px;
}

.glavni-sponzor-serijala {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: none;
}

.ekskluzivna-prisutnost-kroz-cijelu-sezonu-uz-maksimalnu-vidljivost-brenda-na-svim-platformama {
  color: #dedede;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.list {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

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

.glavna-logo-animacija-u-uvodu, .namjenski-segment-powered-by, .pristup-ekskluzivnim-dogaajima, .premium-placement-na-web-stranici {
  color: #dedede;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.cijena {
  color: #917d69;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.po-dogovoru {
  color: #d4af37;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.button-style {
  background-color: #d4af37;
  border: 1px solid #4a4232;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.preporueno {
  color: #3f2c1e;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.overlaybordershadowoverlayblur-2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff08;
  border: 1px solid #d4af374d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 405px;
  height: 684px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 0 25px #d4af3726;
}

.container-55 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

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

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

.margin-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 4px;
  text-decoration: none;
  display: flex;
}

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

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

.kontaktirajte-nas-2 {
  color: #3f2c1e;
  text-align: center;
  letter-spacing: 1.4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.background-9 {
  background-color: #d4af37;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 151.986px;
  padding: 6px 24px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -15px;
  left: 126.5px;
}

.overlayborderoverlayblur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 406px;
  height: 330px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.logo-animacija {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.va-logo-se-pojavljuje-u-uvodnoj-i-odjavnoj-pici-svake-epizode {
  color: #dedede;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.75px;
  text-decoration: none;
}

.pojedinano {
  color: #d4af37;
  letter-spacing: .00488281em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.saznaj-vie {
  color: #d4af37;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
}

.host-read-ad {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.personalizovano-spominjanje-vaeg-brenda-od-strane-voditelja-u-toku-razgovora {
  color: #dedede;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.75px;
  text-decoration: none;
}

.po-epizodi {
  color: #d4af37;
  letter-spacing: .00488281em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.fiziko-prisustvo-vaeg-proizvoda-u-studiju-tokom-snimanja-podcasta {
  color: #dedede;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.75px;
  text-decoration: none;
}

.fiksni-paket {
  color: #d4af37;
  letter-spacing: .00292969em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.social-media-paket {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.social-media-paket.left {
  justify-content: flex-start;
  align-items: center;
}

.namjenske-objave-i-story-formati-na-naim-aktivnim-digitalnim-kanalima {
  color: #dedede;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.75px;
  text-decoration: none;
}

.meseno {
  color: #d4af37;
  letter-spacing: .00878906em;
  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-59 {
  grid-row-gap: 10.9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

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

.margin-4 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
}

.horizontalborder-7 {
  border: 0 solid #ffffff1a;
  border-top-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-right: 5.68434e-14px;
  text-decoration: none;
  display: flex;
}

.button-style-2 {
  border: 0 solid #d4af37;
  border-bottom-width: 1px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

.horizontalborder-8 {
  border: 0 solid #ffffff1a;
  border-top-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
}

.button-style-3 {
  border: 0 solid #d4af37;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.saznaj-vie-2 {
  color: #d4af37;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
}

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

.overlayborderoverlayblur-2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 405px;
  height: 330px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.social-media-paket {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cpm-partnerstvo {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 64.63px;
  text-decoration: none;
}

.plaanje-po-broju-pregleda-i-dosegu-idealno-za-kampanje-fokusirane-na-masovnu-svijest {
  color: #dedede;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.varijabilno {
  color: #d6af50;
  letter-spacing: .00390625em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.overlayborderoverlayblur-3 {
  grid-column-gap: 1px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 34px 24px;
  text-decoration: none;
  display: flex;
}

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

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

.margin-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 89.1227px;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
}

.horizontalborder-9 {
  border: 0 solid #ffffff1a;
  border-top-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-top: 32px;
  padding-right: 5.68434e-14px;
  display: flex;
}

.button-style-4 {
  border: 0 solid #d6af50;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.saznaj-vie-3 {
  color: #d6af50;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
}

.div-block-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main {
  background-color: #040e26;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 1489px;
  padding: 96.5px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.background-decorative-elements {
  -webkit-backdrop-filter: blur(120px);
  backdrop-filter: blur(120px);
  background-color: #1e3a8a1a;
  border-radius: 9999px;
  position: absolute;
  top: 0;
  left: 320px;
}

.section-headermargin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 64px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.overlaybordershadow {
  background-color: #ffd7000d;
  border: 1px solid #ffd7004d;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 10px #ffd7001a;
}

.demografija {
  color: gold;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.digitalna-zajednica-plenumba {
  color: #fff;
  text-align: center;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  text-decoration: none;
  display: inline-block;
}

.naa-platforma-okuplja-angairanu-publiku-iz-cijelog-regiona-i-dijaspore-pruajui-vaem-brendu-direktan {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.demographics-contentmargin {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.geographic-distribution-card {
  grid-row-gap: 32px;
  background-color: #0d1833;
  border: 1px solid #1e2a45;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 32px 32px 66px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px #00000040;
}

.geografska-raspodjela {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.overlayblur {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffd7000d;
  border-bottom-left-radius: 9999px;
  position: absolute;
  top: 1px;
  left: 383px;
}

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

._425 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.overlayborder {
  background-color: #1e2a4580;
  border: 1px solid #ffffff0d;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
}

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

._129 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

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

._100 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

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

._91 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

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

.austrija {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

._43 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.sjedinjene-amerike-drave {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

._35 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.slovenija {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

._27 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.vedska {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

._18 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.vicarska {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

._16 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.australija, .kanada {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

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

.total-reach {
  background-color: #0d1833;
  border: 1px solid #1e2a45;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 287px;
  padding: 24px;
  display: flex;
  position: relative;
}

.total-reachshadow {
  background-color: #fff0;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 8px 10px #0000001a, 0 20px 25px #0000001a;
}

.backgroundborder {
  background-color: #050a15;
  border: 1px solid #1e2a45;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

._1416 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 40px;
  text-decoration: none;
}

.mil {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.plenum-reach {
  color: #6c95ff;
  text-align: center;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.age-group {
  grid-column-gap: 10px;
  background-color: #0d1833;
  border: 1px solid #1e2a45;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 10px #0000001a, 0 20px 25px #0000001a;
}

.heading-4margin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 168px;
  left: 125px;
}

.primarna-dobna-skupina-youtube-kanal {
  color: #d4af37;
  text-align: center;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.bar-13-17 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._13-17 {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.bar-18-24 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._18-24 {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.bar-25-34 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._25-34 {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.bar-35-44 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._35-44 {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.bar-45-54 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._45-54 {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.bar-55-64 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._55-64 {
  color: #d4af37;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.bar-65 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._65 {
  color: #9ca3af;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

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

.digitalna-zajednica-plenumba-2 {
  color: #00e6ff;
  text-align: center;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 48px;
  text-decoration: none;
  display: inline-block;
}

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

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

.container-63 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bosna-i-hercegovina-2, .srbija-2, .njemaka-2, .hrvatska-2 {
  color: #e5e7eb;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.container-64 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 25px;
  padding-right: 5.68434e-14px;
  display: flex;
}

.container-65 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-right: 5.68434e-14px;
  text-decoration: none;
  display: flex;
}

._08-2, ._07-2 {
  color: #6c95ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

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

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

.paragraph-5 {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

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

.container-67 {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 410px;
  height: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 235.5px;
  left: 25px;
}

.margin-14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.backgroundborder-2 {
  background-color: #050a15;
  border: 1px solid #1e2a45;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden;
}

.backgroundbordershadow-2 {
  background-color: #050a15;
  border: 1px solid gold;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden;
  box-shadow: 0 0 15px #ffd70080;
}

.div-block-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.page-wrapper {
  padding-left: 5%;
  padding-right: 5%;
}

.prisutnost-na-svim-platformama-section-media-proof-wall {
  grid-row-gap: 80px;
  border: 0 solid #ffffff0d;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: 1100px;
  padding: 96px 120px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.zato-odabrati-plenum---vidljivost {
  color: #fff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .75rem;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  text-decoration: none;
  display: inline-block;
}

.plenumba-sadraj-ivi-kroz-vie-platformi-i-dosee-publiku-kroz-stvarne-reakcije-preglede-i-interakcije {
  color: #ffffffb3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.item-1-youtube {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 419.953px;
  height: 298.181px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-card {
  grid-row-gap: 15.9921px;
  background-color: #0f0f0f;
  border: 1px solid #ffffff1a;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 25px 50px #000000e6;
}

.cinematic-wide-shot-youtube-thumbnail-style-intense-football-documentary-scene-stadium-atmosphere-hi {
  opacity: .8;
  background-image: url('../images/Cinematic-wide-shot-YouTube-thumbnail-style-intense-football-documentary-scene-stadium-atmosphe.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 1px;
  overflow: hidden;
}

.youtube-analitika {
  color: #00acbf;
  letter-spacing: 2.4px;
  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;
}

.physical-marker-tape {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff0d;
  position: absolute;
  top: -13.6635px;
  left: 162.515px;
  box-shadow: 0 1px 2px #0000000d;
}

.item-4-facebook {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  margin-left: 50%;
  text-decoration: none;
  display: flex;
}

.tiktok-analitika {
  color: #ff58afcc;
  letter-spacing: 2.4px;
  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;
}

.rectangle-4328 {
  background-color: #fff;
}

.instagram-analitika {
  color: orange;
  letter-spacing: 2.4px;
  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;
}

.rectangle-4327 {
  background-color: #fff;
}

.facebook-analitika {
  color: #84c1ffcc;
  letter-spacing: 2.4px;
  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;
}

.youtube-publika {
  color: #00acbf;
  letter-spacing: 2.4px;
  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;
}

.tiktok-publika {
  color: #ff58afcc;
  letter-spacing: 2.4px;
  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;
}

.rectangle-4332, .rectangle-4333 {
  background-color: #fff;
}

.meta-publika {
  color: #84c1ffcc;
  letter-spacing: 2.4px;
  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;
}

.item-3-instagram {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  height: 391.171px;
  text-decoration: none;
  display: flex;
}

.instagram-profil {
  color: #fff9;
  letter-spacing: 2.4px;
  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;
}

.youtube-kanal {
  color: #00acbf;
  letter-spacing: 2.4px;
  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;
}

.facebook-profil {
  color: #fffc;
  letter-spacing: 2.4px;
  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;
}

.physical-marker-pin {
  background-color: #666;
  border: 1px solid #00000080;
  border-radius: 9999px;
  position: absolute;
  top: 16px;
  left: 16px;
  box-shadow: 0 3px 6px #000000e6;
}

.item-2-tiktok {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 280.066px;
  height: 525.868px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tiktok-profil {
  color: #ffcd00;
  text-align: center;
  letter-spacing: 2.4px;
  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;
}

.heading-2-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  box-shadow: 0 25px 25px #00000026;
}

.zato-odabrati-plenum---vidljivost-2 {
  color: #00e6ff;
  text-align: center;
  letter-spacing: -.012em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 400;
  line-height: 60px;
  text-decoration: none;
  display: inline-block;
}

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

.background-10 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 239.999px;
  display: flex;
  overflow: hidden;
}

.horizontalborder-10 {
  border: 0 solid #ffffff1a;
  border-top-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-right: .000776066px;
  text-decoration: none;
  display: flex;
}

.content-card-2 {
  grid-row-gap: 16px;
  background-color: #0a0a0a;
  border: 1px solid #fff3;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 35px 70px #000000f2;
}

.background-11 {
  overflow: hidden;
}

.horizontalborder-11 {
  border: 0 solid #fff3;
  border-top-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-right: 5.68434e-14px;
  text-decoration: none;
  display: flex;
}

.item-1-youtube-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 419.771px;
  height: 298.322px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.background-12 {
  background-color: #040e26;
  overflow: hidden;
}

.physical-marker-tape-2 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff0d;
  position: absolute;
  top: -13.6637px;
  left: 162.517px;
  box-shadow: 0 1px 2px #0000000d;
}

.item-4-facebook-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 286.641px;
  text-decoration: none;
  display: flex;
}

.item-1-youtube-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 420.058px;
  height: 326.301px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.background-13 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 199.882px;
  display: flex;
  overflow: hidden;
}

.physical-marker-tape-3 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff0d;
  position: absolute;
  top: -13.6635px;
  left: 162.517px;
  box-shadow: 0 1px 2px #0000000d;
}

.item-4-facebook-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 544.413px;
  height: 511.372px;
  text-decoration: none;
  display: flex;
}

.content-card-3 {
  grid-row-gap: 16px;
  background-color: #0a0a0a;
  border: 1px solid #fff3;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 438.139px;
  padding: 16px;
  display: flex;
  box-shadow: 0 35px 70px #000000f2;
}

.item-4-facebook-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 435px;
  height: 360.971px;
  text-decoration: none;
  display: flex;
}

.content-card-4 {
  grid-row-gap: 12px;
  background-color: #1a1a1a;
  border: 1px solid #ffffff0d;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 20px 40px #000c;
}

.horizontalborder-12 {
  border: 0 solid #ffffff1a;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 8px;
  text-decoration: none;
  display: flex;
}

.item-1-youtube-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 420.025px;
  height: 317.617px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.background-14 {
  background-color: #040e26;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 239.999px;
  display: flex;
  overflow: hidden;
}

.cinematic-wide-shot-youtube-thumbnail-style-intense-football-documentary-scene-stadium-atmosphere-hi-2 {
  opacity: .8;
  background-image: url('../images/Cinematic-wide-shot-YouTube-thumbnail-style-intense-football-documentary-scene-stadium-atmosphe.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 239.999px;
  overflow: hidden;
}

.physical-marker-tape-4 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff0d;
  position: absolute;
  top: -13.6636px;
  left: 162.516px;
  box-shadow: 0 1px 2px #0000000d;
}

.item-4-facebook-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 305.379px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.background-15 {
  background-color: #040e26;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  display: flex;
  overflow: hidden;
}

.content-card-5 {
  grid-row-gap: 11.9953px;
  background-color: #141414;
  border: 1px solid #ffffff1a;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 30px 60px #000000f2;
}

.horizontalborder-13 {
  border: 0 solid #ffffff1a;
  border-top-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  text-decoration: none;
  display: flex;
}

.physical-marker-pin-2 {
  background-color: #8b0000;
  border: 1px solid #00000080;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15.9974px;
  height: 15.9985px;
  padding: 2.00283px 6.00493px 6.00242px 2.00032px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -8.00283px;
  left: 132.009px;
  box-shadow: 0 5px 10px #000000e6;
}

.overlay-5 {
  background-color: #ffffff4d;
  border-radius: 9999px;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

.block-style-14 {
  z-index: 10;
  background: #111;
  border-radius: 4px;
  width: 450px;
  height: 300px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  transition: transform .3s;
  position: absolute;
  top: 0;
  left: 5%;
  transform: rotate(-3deg);
  box-shadow: 0 20px 40px #0009;
}

.block-style-14:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.block-style-14.mobile {
  width: auto;
}

.block-py-20-px-4 {
  background-color: #050f26;
  width: 100%;
  padding: 0;
  font-family: Inter, sans-serif;
  position: relative;
}

.block-text-accent-cyan {
  color: #84c1ff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .75rem;
  position: absolute;
  bottom: 10px;
  left: 12px;
}

.block-text-accent-cyan.blue {
  color: #00acbf;
  left: 5%;
}

.block-text-accent-cyan.rose {
  color: #ff58af;
}

.block-text-accent-cyan.yellow {
  color: orange;
}

.block-style-19 {
  z-index: 40;
  width: 460px;
  box-shadow: none;
  background-color: #111;
  border-radius: 4px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  position: absolute;
  top: 350px;
  right: 13%;
  transform: rotate(-2deg);
}

.block-style-19:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.block-style-19.mobile {
  width: auto;
  transition: all .25s;
}

.block-max-w-1440px {
  height: 1400px;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter, sans-serif;
  position: relative;
}

.block-style-16 {
  z-index: 20;
  background: #111;
  border-radius: 4px;
  width: 480px;
  height: 320px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  transition: transform .3s;
  position: absolute;
  top: 40px;
  right: 10%;
  transform: rotate(2deg);
  box-shadow: 0 20px 40px #0009;
}

.block-style-16:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.block-style-17 {
  z-index: 30;
  width: 420px;
  height: auto;
  box-shadow: none;
  background-color: #111;
  border-radius: 4px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  position: absolute;
  top: 300px;
  left: 12%;
  transform: rotate(1deg);
}

.block-style-17:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.block-style-17.mobile {
  width: auto;
  transition: all .25s;
}

.fb-analitys {
  width: 100%;
}

.block-style-27 {
  z-index: 30;
  width: 440px;
  height: 360px;
  box-shadow: none;
  background-image: url('../images/fb-social.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  transition: all .25s;
  position: absolute;
  top: 941px;
  right: 5%;
  transform: rotate(-2deg);
}

.block-style-27:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.yt-analitycs {
  transform: rotate(3deg);
}

.block-style-20 {
  z-index: 20;
  width: 430px;
  height: 330px;
  box-shadow: none;
  background-image: url('../images/yt-social.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  text-decoration: none;
  transition: all .25s;
  position: absolute;
  top: 800px;
  left: 5%;
  transform: rotate(2deg);
}

.block-style-20:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.block-style-25 {
  z-index: 40;
  width: 350px;
  height: 520px;
  box-shadow: none;
  background-image: url('../images/tt-social.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  transition: all .25s;
  position: absolute;
  top: 825px;
  left: 39%;
  transform: rotate(7deg);
}

.block-style-25:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.block-style-23 {
  z-index: 50;
  width: 350px;
  height: 360px;
  box-shadow: none;
  background-image: url('../images/insta-social.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 4px;
  padding: 12px 12px 40px;
  font-family: Inter, sans-serif;
  transition: all .25s;
  position: absolute;
  top: 1062px;
  left: 14%;
  transform: rotate(-3deg);
}

.block-style-23:hover {
  z-index: 50 !important;
  transform: scale(1.02) !important;
}

.stecak-monument-wrapper {
  max-width: 460px;
  padding: 80px;
}

.uvajmo-historiju-bosne {
  color: #dedede;
  text-align: center;
  letter-spacing: 4.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  text-decoration: none;
}

.podrite-projekat {
  color: #3f2c1e;
  text-align: center;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

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

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

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

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

.link---cta-button-3 {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 256.28px;
  height: 60px;
  padding: 20px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.backgroundbordershadow-3 {
  background-color: #d4af37;
  border: 2px solid #4a4232;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 15px #000c, inset 0 2px 10px #0009;
}

.border-5 {
  border: 1px solid #3a352a80;
  border-radius: 12px;
  position: absolute;
  top: 4px;
  left: 4px;
}

.backgroundbordershadow-4 {
  border: 2px solid #4a4232;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 15px #000c, inset 0 2px 10px #0009;
}

.border-6 {
  border-radius: 12px;
  position: absolute;
  top: 4px;
  left: 4px;
}

.doprinesite-arhivi-2 {
  color: #f3f4f6;
  text-align: center;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.div-block-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.border-7 {
  border-radius: 12px;
  position: absolute;
  top: 4px;
  left: 4px;
}

.margin-15 {
  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;
}

.stecak-monument-wrapper-2 {
  max-width: 460px;
  padding: 80px;
}

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

.link---cta-button-4 {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 256.28px;
  height: 60px;
  padding: 20px 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.doprinesite-arhivi-3 {
  color: #f3f4f6;
  text-align: center;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

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

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

.svaka-podrka-postaje-dio-trajnog-arhivskog-sjeanja-3 {
  color: #dedede;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.uvajmo-historiju-bosne-2 {
  color: #dedede;
  text-align: center;
  letter-spacing: 4.8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  text-decoration: none;
}

.block-style-28 {
  opacity: .3;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noise%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.8%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noise)%22/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.block-flex-8 {
  border: 3px solid #c89389;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: absolute;
  bottom: 40px;
  right: 16px;
  transform: rotate(-12deg);
}

.block-flex-9 {
  align-items: center;
  gap: 24px;
  display: flex;
}

.block-style-29 {
  padding-top: 0;
}

.image-12, .image-13 {
  max-width: 80%;
  margin-top: -10%;
}

@media screen and (min-width: 1920px) {
  .hero {
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .zaponimo-saradnju {
    margin-right: 0;
  }

  .border-3 {
    width: auto;
  }

  .creditsmargin {
    padding-top: 20px;
  }

  .collaboration {
    max-width: 1440px;
  }

  .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;
  }

  .block-flex-flex-col-py-24 {
    border-right-style: none;
    border-right-color: #000;
  }

  .social-media-paket.left {
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    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;
    padding-bottom: 40px;
    position: relative;
  }

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

  .card-1 {
    max-width: none;
  }

  .card-1.card-padding._60-percent-width, .card-1.card-padding._40-percent-width {
    width: 100%;
  }

  .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 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

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

  .pricing-model-section.aurora-container {
    margin-right: -40px;
  }

  .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 {
    margin-bottom: 24px;
    position: static;
    transform: none;
  }

  .container-22.down-left:hover {
    transform: scale(1.05);
  }

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

  .container-23.down-right:hover {
    transform: scale3d(1none, 1none, 1none);
  }

  .container-24 {
    position: static;
  }

  .container-25.absolute {
    padding-top: 5%;
    position: static;
    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 {
    font-size: 14px;
    line-height: 1.2;
  }

  .hero-cta-text {
    font-size: 14px;
    line-height: 1.6;
  }

  .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 {
    flex-flow: column;
    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: 24px;
    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-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 36px;
    padding-bottom: 60px;
  }

  .link-style-2 {
    background-color: #d6af50;
    border-radius: 8px;
    padding: 16px;
  }

  .link-style-3 {
    border-radius: 8px;
    padding: 16px;
  }

  .support-section-new {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .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;
  }

  .link---cta-button.less {
    height: 53.5px;
  }

  .footer {
    margin-top: 0;
    position: static;
  }

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

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

  .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;
  }

  .mobile-nav-flex.flex-open {
    z-index: 5;
    display: none;
  }

  .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.w--current {
    color: #fff;
  }

  .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;
  }

  ._2-cards-holding {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 0;
  }

  .saradnja-wrapper {
    margin-left: 0;
  }

  .saradnja-paragraph {
    letter-spacing: 2px;
  }

  .bottom-label-struktura {
    font-size: 24px;
  }

  .with-gradient-bottom {
    background-image: none;
  }

  .block-px-6-max-w-1440px {
    padding-left: 48px;
    padding-right: 48px;
  }

  .block-grid-grid-cols-1 {
    grid-template-columns: 1fr;
  }

  .heading-text-5xl-text-white {
    font-size: 3rem;
    line-height: 1.1;
  }

  .block-flex-py-24 {
    height: 600px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .block-max-w-420px-bg-eae4d3-p-8 {
    width: 100%;
    max-width: none;
    padding: 32px;
  }

  .block-bg-fced87-p-3-flex {
    display: none;
    top: -32px;
  }

  .urbanist-text {
    font-size: 24px;
    font-weight: 500;
  }

  ._01 {
    font-size: 32px;
    line-height: 1.3;
  }

  .heading-3-prahistorija {
    font-size: 24px;
  }

  .korijeni-bosanskog-tla-tragovi-prvih-zajednica-ilirska-plemena-i-kulturne-osobenosti-prethistorijsk {
    font-size: 14px;
  }

  .horizontal-divider-4 {
    display: none;
  }

  .container-6 {
    left: 40%;
  }

  .container-7 {
    left: 50%;
  }

  .container-35 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 90%;
  }

  .container-36 {
    margin-left: auto;
  }

  .heading-3-antika {
    font-size: 24px;
  }

  .rimska-dalmacija-i-panonija-ilirski-otpori-kasnoantika-dezintegracija-i-kraj-rimskog-svijeta {
    font-size: 14px;
  }

  .heading-3-srednjovjekovna-bosna {
    font-size: 24px;
  }

  .bosanska-drava-crkva-bosanska-vladarska-loza-kotromania-i-pad-pod-osmansku-vlast {
    font-size: 14px;
  }

  .heading-3-osmanski-period {
    font-size: 24px;
  }

  .etiri-vijeka-osmanske-uprave-islamizacija-vakufi-begovske-porodice-mostovi-i-utvrde._14px {
    font-size: 14px;
  }

  .heading-3-austrougarska {
    font-size: 24px;
  }

  .modernizacija-i-kolonijalni-ambivalencija-arhitektura-industrijalizacija-i-bosanski-identitet-pod-h {
    font-size: 14px;
  }

  .heading-3-kraljevina-jugoslavija {
    font-size: 24px;
  }

  .izmeu-integracije-i-marginalizacije-bosansko-pitanje-u-prvoj-jugoslavenskoj-dravi._14 {
    font-size: 14px;
  }

  .heading-3-jugoslavija-sfrj {
    font-size: 24px;
  }

  .socijalizam-urbanizacija-kultura-sjeanja-i-prelom-bosna-kao-konstitutivna-republika._14px {
    font-size: 14px;
  }

  .bosna-i-hercegovina {
    font-size: 24px;
  }

  .rat-tranzicija-sjeanje-i-identitet-savremena-bosna-izmeu-prolosti-i-europske-budunosti {
    font-size: 14px;
  }

  .struktura-serijala, .prahistorija, .antika {
    font-size: 24px;
    line-height: 1.2;
  }

  .srednjovjekovna-bosna {
    font-size: 24px;
  }

  .osmanski-period, .austrougarska, .kraljevina-jugoslavija, .jugoslavija-sfrj {
    font-size: 24px;
    line-height: 1.2;
  }

  .horizontalborder-5 {
    height: 100px;
  }

  .trag-section {
    grid-row-gap: 0px;
  }

  .ne-mora-biti-sponzor-da-bi-ostavio-trag {
    font-size: 24px;
  }

  .heading-2-5 {
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .ne-mora-biti-sponzor-da-bi-ostavio-trag-2 {
    font-size: 24px;
  }

  .ima-fotografije-snimke-dokumente-ili-prie-koje-vrijedi-sauvati-doprinesi-arhivi-i-postani-dio-zajedn-4 {
    color: #fdfbf7cc;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.3;
  }

  .grid {
    flex-flow: column;
    display: flex;
  }

  .social-media-paket {
    flex-flow: column;
  }

  .plaanje-po-broju-pregleda-i-dosegu-idealno-za-kampanje-fokusirane-na-masovnu-svijest {
    text-align: left;
  }

  .div-block-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .age-group {
    justify-content: center;
    align-items: center;
  }

  .heading-4margin {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3 {
    flex-flow: column;
  }

  .prisutnost-na-svim-platformama-section-media-proof-wall {
    padding-bottom: 0;
  }

  .block-style-14 {
    position: static;
  }

  .block-style-14.mobile {
    width: 410px;
  }

  .block-py-20-px-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .block-style-19 {
    position: static;
  }

  .block-style-19.mobile {
    width: 420px;
  }

  .block-max-w-1440px {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex;
  }

  .block-style-16, .block-style-17 {
    position: static;
  }

  .block-style-17.mobile {
    width: 390px;
  }

  .block-style-27, .block-style-20, .block-style-25 {
    position: static;
  }

  .block-style-23 {
    height: 430px;
    position: static;
  }

  .text-span {
    margin-top: 12px;
    display: block;
  }

  .border-7 {
    width: 100%;
    max-width: 256.2px;
    height: 53.5px;
    top: auto;
    left: auto;
  }

  .doprinesite-arhivi-3 {
    letter-spacing: 2px;
    font-size: 12px;
  }

  .upii-podrku-u-arhiv-sjeanja-2 {
    font-size: 12px;
  }
}

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

  .container-5 {
    margin-left: 64px;
  }

  .pricing-model-section.aurora-container {
    width: 100%;
  }

  .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%;
  }

  .container-25.absolute {
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .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;
  }

  .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 {
    flex-flow: column;
    padding-top: 32px;
    padding-bottom: 0;
  }

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

  .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;
  }

  .saradnja-wrapper {
    grid-row-gap: 16px;
    width: 90%;
  }

  .saradnja-heading {
    font-size: 32px;
  }

  .block-px-6-max-w-1440px {
    padding-left: 24px;
    padding-right: 24px;
  }

  .block-grid-grid-cols-1 {
    grid-template-columns: 1fr;
  }

  .heading-text-5xl-text-white {
    font-size: 3rem;
    line-height: 1.1;
  }

  .block-max-w-420px-bg-eae4d3-p-8 {
    padding: 32px;
  }

  .container-8 {
    grid-column-gap: 0px;
  }

  .container-38 {
    padding-right: 0;
  }

  .container-41 {
    max-width: none;
  }

  .horizontalborder-3, .horizontalborder-4 {
    margin-bottom: 16px;
    padding-bottom: 0;
  }

  .digitalna-zajednica-plenumba {
    font-size: 24px;
  }

  .naa-platforma-okuplja-angairanu-publiku-iz-cijelog-regiona-i-dijaspore-pruajui-vaem-brendu-direktan {
    text-align: left;
  }

  .demographics-contentmargin {
    padding-left: 0;
    padding-right: 0;
  }

  .section-header-2 {
    grid-row-gap: 0px;
  }

  .digitalna-zajednica-plenumba-2 {
    font-size: 24px;
  }

  .block-py-20-px-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .block-style-20 {
    width: 470px;
    height: 370px;
  }

  .block-style-23 {
    width: 440px;
    height: 490px;
    box-shadow: none;
  }

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

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

  .hero.another {
    height: 100vh;
  }

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

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

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

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

  .heading-2 {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 8px;
  }

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

  .card-1.card-padding._60-percent-width, .card-1.card-padding._40-percent-width {
    padding-left: 0;
  }

  .svg {
    margin-left: 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%;
  }

  .pricing-model-section.aurora-container {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 0;
    overflow: hidden;
  }

  .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: 0%;
  }

  .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-subheading {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

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

  .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: 15% 5% 60px;
  }

  .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: 0px;
    padding-bottom: 40px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .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;
    line-height: 1.2;
  }

  .upii-podrku-u-arhiv-sjeanja.gray {
    font-size: 16px;
    font-weight: 700;
  }

  .footer {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .text-27 {
    font-size: 10px;
  }

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

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

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

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

  .mobile-nav-flex.flex-open {
    display: none;
  }

  .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;
  }

  .film-strips-wrapper {
    height: 340px;
  }

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

  .card-heading-label {
    letter-spacing: .5px;
  }

  .top-part {
    flex-flow: column-reverse;
    justify-content: center;
    align-items: flex-start;
  }

  .bottom-label-struktura {
    margin-top: 40px;
    font-size: 14px;
  }

  .block-px-6-max-w-1440px {
    padding-left: 24px;
    padding-right: 24px;
  }

  .block-grid-grid-cols-1 {
    grid-template-columns: 1fr;
  }

  .block-flex-flex-col-py-24 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-text-5xl-text-white {
    font-size: 26px;
    line-height: 1.1;
  }

  .block-flex-py-24 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    height: 500px;
  }

  .block-max-w-420px-bg-eae4d3-p-8 {
    width: 90%;
    padding: 32px;
  }

  .urbanist-text {
    color: #dad6ca;
    font-size: 24px;
    display: block;
  }

  .hero-cta-wrapper {
    flex-flow: column;
  }

  .horizontal-divider-4 {
    display: none;
  }

  .container-35 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    margin-bottom: 12px;
  }

  .container-36 {
    width: 100%;
  }

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

  .ne-mora-biti-sponzor-da-bi-ostavio-trag {
    letter-spacing: -.5px;
    margin-right: 0;
    font-size: 20px;
  }

  .container-54 {
    height: auto;
  }

  .ne-mora-biti-sponzor-da-bi-ostavio-trag-2 {
    font-size: 20px;
  }

  .ima-fotografije-snimke-dokumente-ili-prie-koje-vrijedi-sauvati-doprinesi-arhivi-i-postani-dio-zajedn-4 {
    text-align: left;
    font-size: 14px;
  }

  .button-style {
    width: auto;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px;
  }

  .overlaybordershadowoverlayblur-2 {
    height: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-55 {
    padding-bottom: 0;
  }

  .container-57 {
    margin-top: 24px;
  }

  .kontaktirajte-nas-2 {
    font-family: Urbanist, sans-serif;
    font-size: 12px;
    font-weight: 700;
  }

  .background-9 {
    margin-left: auto;
    display: none;
    left: 100px;
  }

  .overlayborderoverlayblur {
    height: 280px;
  }

  .social-media-paket.left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .overlayborderoverlayblur-2 {
    height: 280px;
  }

  .cpm-partnerstvo {
    font-family: Urbanist, sans-serif;
    font-size: 24px;
    font-weight: 600;
  }

  .plaanje-po-broju-pregleda-i-dosegu-idealno-za-kampanje-fokusirane-na-masovnu-svijest {
    font-size: 14px;
  }

  .overlayborderoverlayblur-3 {
    margin-bottom: 16px;
    padding-bottom: 42px;
  }

  .heading-3-12, .margin-11 {
    padding-top: 0;
  }

  .horizontalborder-9 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 12px;
    padding-top: 12px;
  }

  .section-headermargin {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .overlaybordershadow {
    margin-bottom: 12px;
  }

  .digitalna-zajednica-plenumba {
    line-height: 1;
  }

  .naa-platforma-okuplja-angairanu-publiku-iz-cijelog-regiona-i-dijaspore-pruajui-vaem-brendu-direktan {
    font-size: 14px;
    line-height: 1.3;
  }

  .geografska-raspodjela {
    font-weight: 600;
  }

  .stats-grid {
    height: auto;
  }

  .age-group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
  }

  .heading-4margin {
    position: static;
  }

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

  .digitalna-zajednica-plenumba-2 {
    line-height: 1;
  }

  .container-67 {
    flex-flow: row;
    position: static;
  }

  .prisutnost-na-svim-platformama-section-media-proof-wall {
    padding-left: 5%;
    padding-right: 5%;
  }

  .zato-odabrati-plenum---vidljivost {
    letter-spacing: 0;
    margin-right: 0;
    font-size: 24px;
    line-height: 1.2;
  }

  .zato-odabrati-plenum---vidljivost-2 {
    letter-spacing: 1px;
    font-size: 32px;
    line-height: 1.2;
  }

  .block-style-14.mobile {
    width: 300px;
    height: auto;
  }

  .block-py-20-px-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .block-style-19.mobile {
    width: 300px;
  }

  .block-style-16.mobile {
    width: 300px;
    height: auto;
  }

  .block-style-17.mobile {
    width: 300px;
  }

  .block-style-20 {
    background-size: contain;
    width: 300px;
    height: 230px;
  }

  .block-style-23 {
    width: 300px;
    height: 340px;
  }

  .stecak-monument-wrapper {
    padding: 5%;
  }

  .uvajmo-historiju-bosne {
    font-size: 24px;
    line-height: 1.3;
  }

  .div-block-7 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-8 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    display: flex;
  }

  .text-span {
    color: #dad6ca;
    margin-top: 0;
  }

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