.elementor-12 .elementor-element.elementor-element-898cb19{--display:flex;--min-height:100vh;--justify-content:flex-end;}.elementor-12 .elementor-element.elementor-element-898cb19.e-con{--align-self:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-d3cdf75{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0px 0px 0px 0px;text-align:end;}.elementor-12 .elementor-element.elementor-element-d3cdf75 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:90px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-12 .elementor-element.elementor-element-d834c53{text-align:end;}.elementor-12 .elementor-element.elementor-element-d834c53 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:90px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-9d482b3{text-align:end;}.elementor-12 .elementor-element.elementor-element-9d482b3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:90px;font-weight:600;color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-d834c53 */html, body {
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS */.hover-bg-wrapper{
    width:100vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:relative;
    overflow:hidden;
}

/* background layer */

.hover-bg-wrapper::before{
    content:"";
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transition:opacity 0.6s ease, background-image 0s;
}

/* titles row */

.titles-row{
    display:flex;
    gap:60px;
    padding:40px;
    position:relative;
    z-index:2;
}

.hover-item{
    cursor:pointer;
}

/* hover states */

.hover-bg-wrapper:has(.item-1:hover)::before{
    background-image:url("https://gradgradova.abak.com.hr/wp-content/uploads/2026/03/metro.png");
    opacity:1;
}

.hover-bg-wrapper:has(.item-2:hover)::before{
    background-image:url("https://gradgradova.abak.com.hr/wp-content/uploads/2026/03/gradgradova.png");
    opacity:1;
}

.hover-bg-wrapper:has(.item-3:hover)::before{
    background-image:url("https://gradgradova.abak.com.hr/wp-content/uploads/2026/03/split21.png");
    opacity:1;
}/* End custom CSS */