.elementor-8 .elementor-element.elementor-element-8e67fb6{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-58317bf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:0px;--e-con-transform-transition-duration:500ms;}.elementor-8 .elementor-element.elementor-element-58317bf:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-58317bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.lp.co.rs/wp-content/uploads/2025/07/biciklista-levo.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-58317bf::before, .elementor-8 .elementor-element.elementor-element-58317bf > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-58317bf > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-58317bf > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-58317bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-58317bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-58317bf.e-con{--flex-grow:0;--flex-shrink:0;}.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-8 .elementor-element.elementor-element-db297b8 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:60px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-7b29a5b{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-7b29a5b .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:40px;font-weight:400;letter-spacing:0px;word-spacing:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-e2c15d8{width:var( --container-widget-width, 55% );max-width:55%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;--container-widget-width:55%;--container-widget-flex-grow:0;font-family:"Rokkitt", Sans-serif;}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-global-95 .elementor-button{background-color:#CDCDCD00;font-family:"Rokkitt", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:10px 30px 10px 45px;}.elementor-8 .elementor-element.elementor-global-95 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-73d5c7a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:40px;}.elementor-8 .elementor-element.elementor-element-73d5c7a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-73d5c7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.lp.co.rs/wp-content/uploads/2025/07/jesensamuraja-desno.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-71f6274{text-align:end;}.elementor-8 .elementor-element.elementor-element-71f6274 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:60px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-06e3731{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:end;}.elementor-8 .elementor-element.elementor-element-06e3731 .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:40px;font-weight:400;letter-spacing:0px;word-spacing:0px;}.elementor-8 .elementor-element.elementor-element-431780c{width:var( --container-widget-width, 55% );max-width:55%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:end;font-family:"Rokkitt", Sans-serif;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-adac9ed .elementor-button{background-color:#CDCDCD00;font-family:"Rokkitt", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:10px 30px 10px 45px;}.elementor-8 .elementor-element.elementor-element-adac9ed .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-58317bf{--width:40%;}.elementor-8 .elementor-element.elementor-element-73d5c7a{--width:60%;}}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* Apply zoom + pan background effect */
.hover-effect {
  background-size: 150% !important;
  background-position: center center !important;
  transition: background-size 0.6s ease, background-position 0.6s ease;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

/* Left container zooms and shifts right */
.hover-effect.left:hover {
  background-size: 120% !important;
  background-position: 60% center !important;
}

/* Right container zooms and shifts left */
.hover-effect.right:hover {
  background-size: 120% !important;
  background-position: 40% center !important;
}

/* Text stays still and overlays image */
.hover-effect .elementor-widget-heading,
.hover-effect .elementor-widget-text-editor,
.hover-effect .elementor-widget-button {
  position: relative;
  z-index: 2;
}

/* Dark overlay */
.hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* initial darkness */
  transition: background 0.4s ease;
  z-index: 1;
  pointer-events: none;
}

/* Brighten on hover */
.hover-effect:hover::before {
  background: rgba(0, 0, 0, 0.15); /* lighter overlay on hover */
}

/* Keep your text above the overlay */
.hover-effect .elementor-widget-heading,
.hover-effect .elementor-widget-text-editor,
.hover-effect .elementor-widget-button {
  position: relative;
  z-index: 2;
}/* End custom CSS */