.elementor-17 .elementor-element.elementor-element-5f8279f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-64bfcb3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-b0e17a3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;}.elementor-17 .elementor-element.elementor-element-ffc7646{--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:center;--align-items:center;--overlay-opacity:0.5;}.elementor-17 .elementor-element.elementor-element-ffc7646::before, .elementor-17 .elementor-element.elementor-element-ffc7646 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-ffc7646 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-ffc7646 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-ffc7646 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-ffc7646 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-ffc7646:hover::before{filter:brightness( 198% ) contrast( 100% ) saturate( 200% ) blur( 10px ) hue-rotate( 20deg );}.elementor-17 .elementor-element.elementor-element-f272454 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;}.elementor-17 .elementor-element.elementor-element-002e20a{--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:center;--align-items:center;}.elementor-17 .elementor-element.elementor-element-0cd5a27 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;}.elementor-17 .elementor-element.elementor-element-cb76840{--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:center;--align-items:center;}.elementor-17 .elementor-element.elementor-element-0d2ea86 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-17 .elementor-element.elementor-element-b0e17a3 .elementor-heading-title{font-size:38px;}.elementor-17 .elementor-element.elementor-element-f272454 .elementor-heading-title{font-size:38px;}.elementor-17 .elementor-element.elementor-element-0cd5a27 .elementor-heading-title{font-size:38px;}.elementor-17 .elementor-element.elementor-element-0d2ea86 .elementor-heading-title{font-size:38px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-5f8279f{--width:100vw;}.elementor-17 .elementor-element.elementor-element-64bfcb3{--width:25%;}.elementor-17 .elementor-element.elementor-element-ffc7646{--width:25%;}.elementor-17 .elementor-element.elementor-element-002e20a{--width:25%;}.elementor-17 .elementor-element.elementor-element-cb76840{--width:25%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-5f8279f{--min-height:100vh;}.elementor-17 .elementor-element.elementor-element-64bfcb3{--width:25%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-17 .elementor-element.elementor-element-b0e17a3 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-17 .elementor-element.elementor-element-ffc7646{--width:25%;}.elementor-17 .elementor-element.elementor-element-f272454 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-17 .elementor-element.elementor-element-002e20a{--width:25%;}.elementor-17 .elementor-element.elementor-element-0cd5a27 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-17 .elementor-element.elementor-element-cb76840{--width:25%;}.elementor-17 .elementor-element.elementor-element-0d2ea86 .elementor-heading-title{font-size:30px;line-height:40px;}}/* Start custom CSS */.herosection {
    display: flex;
    width: 100%;
    height: 400px; /* Primer dimenzija */
}

.herosection1,
.herosection2,
.herosection3,
.herosection4 {
    flex: 1;
    background-image: url('/wp-content/uploads/2025/08/BetonHome-heroSec.webp');
    background-size: 400% auto; /* Raširi sliku x4 horizontalno */
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}

/* Pravilno postavi dio slike u svaki div */
.herosection1 { background-position: 0% 0; }
.herosection2 { background-position: 33.33% 0; }
.herosection3 { background-position: 66.66% 0; }
.herosection4 { background-position: 100% 0; }

/* Kada hoveruješ - samo taj dobija boju */
.herosection1:hover { filter: grayscale(0%); }
.herosection2:hover { filter: grayscale(0%); }
.herosection3:hover { filter: grayscale(0%); }
.herosection4:hover { filter: grayscale(0%); }/* End custom CSS */