.elementor-3114 .elementor-element.elementor-element-7fb2bbd{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-start;--gap:0px;--background-transition:0.3s;}.elementor-3114 .elementor-element.elementor-element-e30a64a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3114 .elementor-element.elementor-element-e30a64a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3114 .elementor-element.elementor-element-729ee7d .elementor-heading-title{color:#000000;font-family:"Inter Tight", Sans-serif;font-size:100px;font-weight:400;letter-spacing:2px;}.elementor-3114 .elementor-element.elementor-element-5b91e19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3114 .elementor-element.elementor-element-4ee5f8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3114 .elementor-element.elementor-element-c45f0bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap:wrap;--background-transition:0.3s;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;}.elementor-3114 .elementor-element.elementor-element-c45f0bd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3114 .elementor-element.elementor-element-42dfde4{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:#C9CADA;--border-color:#C9CADA;--padding-top:0px;--padding-right:40px;--padding-bottom:0px;--padding-left:40px;}.elementor-3114 .elementor-element.elementor-element-42dfde4, .elementor-3114 .elementor-element.elementor-element-42dfde4::before{--border-transition:0.3s;}.elementor-3114 .elementor-element.elementor-element-ff011cf .elementor-heading-title{color:#000000;font-family:"Inter Tight", Sans-serif;font-size:40px;font-weight:600;}.elementor-3114 .elementor-element.elementor-element-ff011cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-8265107 .elementor-icon-wrapper{text-align:left;}.elementor-3114 .elementor-element.elementor-element-8265107.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-3114 .elementor-element.elementor-element-8265107.elementor-view-framed .elementor-icon, .elementor-3114 .elementor-element.elementor-element-8265107.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-3114 .elementor-element.elementor-element-8265107.elementor-view-framed .elementor-icon, .elementor-3114 .elementor-element.elementor-element-8265107.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-3114 .elementor-element.elementor-element-8265107 .elementor-icon{font-size:30px;}.elementor-3114 .elementor-element.elementor-element-8265107 .elementor-icon svg{height:30px;}.elementor-3114 .elementor-element.elementor-element-a23b3d2{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:#C9CADA;--border-color:#C9CADA;--padding-top:0px;--padding-right:40px;--padding-bottom:0px;--padding-left:40px;}.elementor-3114 .elementor-element.elementor-element-a23b3d2, .elementor-3114 .elementor-element.elementor-element-a23b3d2::before{--border-transition:0.3s;}.elementor-3114 .elementor-element.elementor-element-bd01346 .elementor-heading-title{color:#000000;font-family:"Inter Tight", Sans-serif;font-size:40px;font-weight:600;}.elementor-3114 .elementor-element.elementor-element-bd01346 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-6c79a15 .elementor-icon-wrapper{text-align:left;}.elementor-3114 .elementor-element.elementor-element-6c79a15.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-3114 .elementor-element.elementor-element-6c79a15.elementor-view-framed .elementor-icon, .elementor-3114 .elementor-element.elementor-element-6c79a15.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-3114 .elementor-element.elementor-element-6c79a15.elementor-view-framed .elementor-icon, .elementor-3114 .elementor-element.elementor-element-6c79a15.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-3114 .elementor-element.elementor-element-6c79a15 .elementor-icon{font-size:30px;}.elementor-3114 .elementor-element.elementor-element-6c79a15 .elementor-icon svg{height:30px;}@media(min-width:768px){.elementor-3114 .elementor-element.elementor-element-e30a64a{--width:42.456%;}.elementor-3114 .elementor-element.elementor-element-5b91e19{--width:100%;}.elementor-3114 .elementor-element.elementor-element-c45f0bd{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3114 .elementor-element.elementor-element-e30a64a{--width:420.112px;}}@media(max-width:1024px){.elementor-3114 .elementor-element.elementor-element-729ee7d .elementor-heading-title{font-size:69px;}}@media(max-width:767px){.elementor-3114 .elementor-element.elementor-element-729ee7d .elementor-heading-title{font-size:50px;}.elementor-3114 .elementor-element.elementor-element-ff011cf .elementor-heading-title{font-size:32px;}.elementor-3114 .elementor-element.elementor-element-bd01346 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for container, class: .elementor-element-5b91e19 */.hero-accent{
  position: relative;
  overflow: hidden;
  view-timeline-name: --hero;
  view-timeline-axis: block;
}

.hero-accent img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-accent::after{
  content: "";
  position: absolute;
  right: 5%;

  width: 50%;
  height: 60%;
  background: rgba(140, 8, 19, 0.60);
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 2;

  /* Scroll animacija */
  animation: slideScroll linear both;
  animation-timeline: --hero;
  animation-range: entry 0% exit 100%;
}

@keyframes slideScroll {
  from { top: -70%; }
  to { top: 100%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fb2bbd *//* ljepši ritam i raster */
.hero .elementor-container{ align-items:center; }
.hero .elementor-column:first-child{ padding-right: min(4vw, 48px); }
.hero .elementor-column:last-child{ min-height: 560px; overflow:hidden; }
.hero-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* naslov: lijep clamp */
.hero h1{
  font-weight:600;
  line-height:1.05;
  font-size:clamp(32px, 6vw, 88px);
  letter-spacing:-0.02em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42dfde4 */:root {
  --brand: #8c0813;
  --border: #C9CADA;
  --ink: #0b1a2b;
}

/* Kućice - osnovni stil */
.ei4n-card {
  border: 2px solid var(--border);
  padding: 40px;
  background: transparent;
  color: var(--ink);
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

/* Pseudo-element za crveni fill */
.ei4n-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s ease;
  z-index: 0;
}

/* Sloj teksta uvijek iznad fill-a */
.ei4n-card * {
  position: relative;
  z-index: 1;
}

/* Hover efekti */
.ei4n-card:hover::before {
  transform: scaleX(1);
}
.ei4n-card:hover {
  border-color: var(--brand);
  color: #fff;
}
.ei4n-card:hover h3,
.ei4n-card:hover p,
.ei4n-card:hover a {
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a23b3d2 */:root {
  --brand: #8c0813;
  --border: #C9CADA;
  --ink: #0b1a2b;
}

/* Kućice - osnovni stil */
.ei4n-card {
  border: 2px solid var(--border);
  padding: 40px;
  background: transparent;
  color: var(--ink);
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

/* Pseudo-element za crveni fill */
.ei4n-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s ease;
  z-index: 0;
}

/* Sloj teksta uvijek iznad fill-a */
.ei4n-card * {
  position: relative;
  z-index: 1;
}

/* Hover efekti */
.ei4n-card:hover::before {
  transform: scaleX(1);
}
.ei4n-card:hover {
  border-color: var(--brand);
  color: #fff;
}
.ei4n-card:hover h3,
.ei4n-card:hover p,
.ei4n-card:hover a {
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c45f0bd *//* Raspored kućica u 3 kolone + razmak */
.ei4n-cards{
  margin-top:0px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:0rem;
  align-items:stretch;
}

/* Svaka kućica = grid: naslov | opis | strelica */
.ei4n-card{
  display:grid;
  grid-template-rows: auto 1fr auto; /* naslov | opis (flex) | strelica */
  gap:16px;
  min-height:360px;                  /* visina kućice */
  height:100%;
  padding:10px;
}

/* Naslov – bez dodatnih margina, svi startaju u istoj liniji */
.ei4n-card .card_title{
  font-size:28px;
  line-height:1.15;
  margin:0;                          /* važno: makni donji margin */
}

/* Opis popunjava srednji red (1fr) – sve strelice padaju na dno */
.ei4n-card .card_desc{
  margin:0;
  line-height:1.6;
}

/* Strelica uvijek dolje lijevo – bez auto margina */
.ei4n-card .card_arrow{
  font-size:40px;
  margin:0;
  align-self:end;    /* dno kućice */
  justify-self:start;
}

/* Responsivnost */
@media (max-width:1024px){
  .ei4n-cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:640px){
  .ei4n-cards{ grid-template-columns:1fr; }
  .ei4n-card{ min-height:320px; }
}/* End custom CSS */