.elementor-1756 .elementor-element.elementor-element-177e080{--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-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--padding-top:01.5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1756 .elementor-element.elementor-element-177e080:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-177e080 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1756 .elementor-element.elementor-element-177e080::before, .elementor-1756 .elementor-element.elementor-element-177e080 > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-177e080 > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-177e080 > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-177e080 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-177e080 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-a7924e3{--display:flex;--min-height:75vh;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:3%;--padding-left:3%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-b6eb6a0{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1756 .elementor-element.elementor-element-b6eb6a0.elementor-element{--align-self:center;}.elementor-1756 .elementor-element.elementor-element-b6eb6a0 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:150px;font-weight:900;text-transform:uppercase;line-height:130px;color:#FFFFFF;}.elementor-1756 .elementor-element.elementor-element-af525b7{text-align:center;}.elementor-1756 .elementor-element.elementor-element-af525b7 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:63px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-1756 .elementor-element.elementor-element-57c8549{padding:0px 0px 0px 0px;text-align:center;}.elementor-1756 .elementor-element.elementor-element-57c8549 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-1756 .elementor-element.elementor-element-c9c188f{--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-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1756 .elementor-element.elementor-element-c9c188f:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-c9c188f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-4a66ce4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1756 .elementor-element.elementor-element-90e2382 .elementor-heading-title{font-family:var( --e-global-typography-4aceb21-font-family ), Sans-serif;font-size:var( --e-global-typography-4aceb21-font-size );font-weight:var( --e-global-typography-4aceb21-font-weight );text-transform:var( --e-global-typography-4aceb21-text-transform );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1756 .elementor-element.elementor-element-63cbea5{--display:flex;}.elementor-1756 .elementor-element.elementor-element-de40cac{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-de40cac .swiper-slide > .elementor-element{height:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-6444b7b .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-dd3f96c{--display:flex;}.elementor-1756 .elementor-element.elementor-element-71fd8d9{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-71fd8d9 .swiper-slide > .elementor-element{height:100%;}.elementor-1756 .elementor-element.elementor-element-c10d72d .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-83b4066{--display:flex;}.elementor-1756 .elementor-element.elementor-element-a0b9bbc{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-a0b9bbc .swiper-slide > .elementor-element{height:100%;}.elementor-1756 .elementor-element.elementor-element-a7c6970 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-24713e4{--display:flex;}.elementor-1756 .elementor-element.elementor-element-8928021{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-8928021 .swiper-slide > .elementor-element{height:100%;}.elementor-1756 .elementor-element.elementor-element-93afe67 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-dc540c0{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-dc540c0 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5fff418 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5fff418 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-a10f8a0-font-family ), Sans-serif;font-weight:var( --e-global-typography-a10f8a0-font-weight );text-transform:var( --e-global-typography-a10f8a0-text-transform );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-1756 .elementor-element.elementor-element-dc540c0 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-21c73d4{--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-mobile:wrap;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1756 .elementor-element.elementor-element-21c73d4:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-21c73d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-7682488{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1756 .elementor-element.elementor-element-ad1b3df{--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-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1756 .elementor-element.elementor-element-ad1b3df:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-ad1b3df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/ASTRAL-absolute-brusena-koza-cizmice-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1756 .elementor-element.elementor-element-ad1b3df::before, .elementor-1756 .elementor-element.elementor-element-ad1b3df > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-ad1b3df > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-ad1b3df > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-ad1b3df > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-ad1b3df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-af1026e{--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;--align-items:flex-start;}.elementor-1756 .elementor-element.elementor-element-f4200fe .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-499627c{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-499627c .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-dd11ad7{--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-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1756 .elementor-element.elementor-element-dd11ad7:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-dd11ad7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/CAMILIA-crne-kozne-cizmice-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1756 .elementor-element.elementor-element-dd11ad7::before, .elementor-1756 .elementor-element.elementor-element-dd11ad7 > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-dd11ad7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-dd11ad7 > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-dd11ad7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-dd11ad7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-ed704af{--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;--align-items:flex-start;}.elementor-1756 .elementor-element.elementor-element-a46b972 .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-2e0bb6c{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-2e0bb6c .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-b7fe827{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1756 .elementor-element.elementor-element-4f7399a{--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-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1756 .elementor-element.elementor-element-4f7399a:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-4f7399a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/LISA-crne-lakovane-cipele-na-petu-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1756 .elementor-element.elementor-element-4f7399a::before, .elementor-1756 .elementor-element.elementor-element-4f7399a > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-4f7399a > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-4f7399a > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-4f7399a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-4f7399a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-7ce2330{--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;--align-items:flex-start;}.elementor-1756 .elementor-element.elementor-element-5e27dcd .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-f5e497a{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-f5e497a .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-ee28e08{--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-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1756 .elementor-element.elementor-element-ee28e08:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-ee28e08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/MARTINA-smedje-kroko-patike-5.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1756 .elementor-element.elementor-element-ee28e08::before, .elementor-1756 .elementor-element.elementor-element-ee28e08 > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-ee28e08 > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-ee28e08 > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-ee28e08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-ee28e08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-fe698fc{--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;--align-items:flex-start;}.elementor-1756 .elementor-element.elementor-element-3d274a5 .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-52ab9b2{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-52ab9b2 .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-fc3aad2{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1756 .elementor-element.elementor-element-ed061c8{--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-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1756 .elementor-element.elementor-element-ed061c8:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-ed061c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/NELLA-crne-kozne-cizmice-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1756 .elementor-element.elementor-element-ed061c8::before, .elementor-1756 .elementor-element.elementor-element-ed061c8 > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-ed061c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-ed061c8 > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-ed061c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-ed061c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-cc4e4db{--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;--align-items:flex-start;}.elementor-1756 .elementor-element.elementor-element-d556ebe .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-d7c6d39{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-d7c6d39 .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-28bfb25{--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-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1756 .elementor-element.elementor-element-28bfb25:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-28bfb25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amea.ba/wp-content/uploads/2025/09/NEW-WESTERN-camel-kozne-cizme-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1756 .elementor-element.elementor-element-28bfb25::before, .elementor-1756 .elementor-element.elementor-element-28bfb25 > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-28bfb25 > .e-con-inner > .elementor-background-video-container::before, .elementor-1756 .elementor-element.elementor-element-28bfb25 > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-28bfb25 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1756 .elementor-element.elementor-element-28bfb25 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1756 .elementor-element.elementor-element-18d005c{--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;--align-items:flex-start;}.elementor-1756 .elementor-element.elementor-element-9222154 .elementor-heading-title{font-family:var( --e-global-typography-b21c26e-font-family ), Sans-serif;font-size:var( --e-global-typography-b21c26e-font-size );font-weight:var( --e-global-typography-b21c26e-font-weight );text-transform:var( --e-global-typography-b21c26e-text-transform );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-57d983b{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-57d983b .elementor-heading-title{font-family:var( --e-global-typography-1eb2da8-font-family ), Sans-serif;font-size:var( --e-global-typography-1eb2da8-font-size );font-weight:var( --e-global-typography-1eb2da8-font-weight );color:var( --e-global-color-66d8c73 );}.elementor-1756 .elementor-element.elementor-element-fa00ff8{--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-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1756 .elementor-element.elementor-element-fa00ff8:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-fa00ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-643d69e{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-643d69e .swiper-slide > .elementor-element{height:100%;}.elementor-1756 .elementor-element.elementor-element-3b6e234{--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-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1756 .elementor-element.elementor-element-3b6e234:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-3b6e234 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-a6f990c{text-align:center;}.elementor-1756 .elementor-element.elementor-element-a6f990c .elementor-heading-title{font-family:var( --e-global-typography-679076f-font-family ), Sans-serif;font-size:var( --e-global-typography-679076f-font-size );font-weight:var( --e-global-typography-679076f-font-weight );text-transform:var( --e-global-typography-679076f-text-transform );line-height:var( --e-global-typography-679076f-line-height );}.elementor-1756 .elementor-element.elementor-element-8651803{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-1756 .elementor-element.elementor-element-8651803 .swiper-slide > .elementor-element{height:100%;}.elementor-1756 .elementor-element.elementor-element-df935d9{--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;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1756 .elementor-element.elementor-element-df935d9:not(.elementor-motion-effects-element-type-background), .elementor-1756 .elementor-element.elementor-element-df935d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1756 .elementor-element.elementor-element-b1ee99f{text-align:center;}.elementor-1756 .elementor-element.elementor-element-b1ee99f .elementor-heading-title{font-family:var( --e-global-typography-4aceb21-font-family ), Sans-serif;font-size:var( --e-global-typography-4aceb21-font-size );font-weight:var( --e-global-typography-4aceb21-font-weight );text-transform:var( --e-global-typography-4aceb21-text-transform );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-6db5ca0{text-align:center;}.elementor-1756 .elementor-element.elementor-element-6db5ca0 .elementor-heading-title{font-family:var( --e-global-typography-679076f-font-family ), Sans-serif;font-size:var( --e-global-typography-679076f-font-size );font-weight:var( --e-global-typography-679076f-font-weight );text-transform:var( --e-global-typography-679076f-text-transform );line-height:var( --e-global-typography-679076f-line-height );}.elementor-1756 .elementor-element.elementor-element-ece7c06{width:var( --container-widget-width, 1260px );max-width:1260px;--container-widget-width:1260px;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-1756 .elementor-element.elementor-element-ad1b3df{--width:50%;}.elementor-1756 .elementor-element.elementor-element-dd11ad7{--width:50%;}.elementor-1756 .elementor-element.elementor-element-4f7399a{--width:50%;}.elementor-1756 .elementor-element.elementor-element-ee28e08{--width:50%;}.elementor-1756 .elementor-element.elementor-element-ed061c8{--width:50%;}.elementor-1756 .elementor-element.elementor-element-28bfb25{--width:50%;}}@media(max-width:1024px){.elementor-1756 .elementor-element.elementor-element-177e080{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1756 .elementor-element.elementor-element-b6eb6a0 .elementor-heading-title{font-size:150px;line-height:0.9em;}.elementor-1756 .elementor-element.elementor-element-af525b7 .elementor-heading-title{font-size:60px;line-height:60px;}.elementor-1756 .elementor-element.elementor-element-90e2382 .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-de40cac{--swiper-slides-to-display:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-71fd8d9{--swiper-slides-to-display:2;}.elementor-1756 .elementor-element.elementor-element-a0b9bbc{--swiper-slides-to-display:2;}.elementor-1756 .elementor-element.elementor-element-8928021{--swiper-slides-to-display:2;}.elementor-1756 .elementor-element.elementor-element-dc540c0{--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );}.elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-1756 .elementor-element.elementor-element-ad1b3df{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1756 .elementor-element.elementor-element-af1026e{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1756 .elementor-element.elementor-element-f4200fe .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-499627c .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-dd11ad7{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1756 .elementor-element.elementor-element-ed704af{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1756 .elementor-element.elementor-element-a46b972 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-2e0bb6c .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-4f7399a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1756 .elementor-element.elementor-element-7ce2330{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1756 .elementor-element.elementor-element-5e27dcd .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-f5e497a .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-ee28e08{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1756 .elementor-element.elementor-element-fe698fc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1756 .elementor-element.elementor-element-3d274a5 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-52ab9b2 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-ed061c8{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1756 .elementor-element.elementor-element-cc4e4db{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1756 .elementor-element.elementor-element-d556ebe .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-d7c6d39 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-28bfb25{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1756 .elementor-element.elementor-element-18d005c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1756 .elementor-element.elementor-element-9222154 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-57d983b .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-643d69e{--swiper-slides-to-display:2;}.elementor-1756 .elementor-element.elementor-element-a6f990c .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}.elementor-1756 .elementor-element.elementor-element-8651803{--swiper-slides-to-display:2;}.elementor-1756 .elementor-element.elementor-element-b1ee99f .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-6db5ca0 .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}}@media(max-width:767px){.elementor-1756 .elementor-element.elementor-element-177e080{--justify-content:center;}.elementor-1756 .elementor-element.elementor-element-a7924e3{--justify-content:center;}.elementor-1756 .elementor-element.elementor-element-b6eb6a0{padding:0px 0px 5px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-1756 .elementor-element.elementor-element-b6eb6a0 .elementor-heading-title{font-size:70px;line-height:60px;}.elementor-1756 .elementor-element.elementor-element-af525b7{padding:0px 0px 03px 0px;}.elementor-1756 .elementor-element.elementor-element-af525b7 .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-1756 .elementor-element.elementor-element-57c8549{padding:0px 0px 8px 0px;}.elementor-1756 .elementor-element.elementor-element-57c8549 .elementor-heading-title{font-size:16px;}.elementor-1756 .elementor-element.elementor-element-4a66ce4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1756 .elementor-element.elementor-element-90e2382 .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-de40cac{--swiper-slides-to-display:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-71fd8d9{--swiper-slides-to-display:1;}.elementor-1756 .elementor-element.elementor-element-a0b9bbc{--swiper-slides-to-display:1;}.elementor-1756 .elementor-element.elementor-element-8928021{--swiper-slides-to-display:1;}.elementor-1756 .elementor-element.elementor-element-dc540c0{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );}.elementor-1756 .elementor-element.elementor-element-dc540c0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-1756 .elementor-element.elementor-element-f4200fe .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-499627c .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-a46b972 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-2e0bb6c .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-5e27dcd .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-f5e497a .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-3d274a5 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-52ab9b2 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-d556ebe .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-d7c6d39 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-9222154 .elementor-heading-title{font-size:var( --e-global-typography-b21c26e-font-size );line-height:var( --e-global-typography-b21c26e-line-height );letter-spacing:var( --e-global-typography-b21c26e-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-57d983b .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1756 .elementor-element.elementor-element-643d69e{--swiper-slides-to-display:1;}.elementor-1756 .elementor-element.elementor-element-a6f990c .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}.elementor-1756 .elementor-element.elementor-element-8651803{--swiper-slides-to-display:1;}.elementor-1756 .elementor-element.elementor-element-b1ee99f .elementor-heading-title{font-size:var( --e-global-typography-4aceb21-font-size );line-height:var( --e-global-typography-4aceb21-line-height );letter-spacing:var( --e-global-typography-4aceb21-letter-spacing );}.elementor-1756 .elementor-element.elementor-element-6db5ca0 .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}}/* Start custom CSS for loop-carousel, class: .elementor-element-de40cac *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6444b7b *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-71fd8d9 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c10d72d *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-a0b9bbc *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7c6970 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8928021 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93afe67 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-de40cac *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6444b7b *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-71fd8d9 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c10d72d *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-a0b9bbc *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7c6970 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8928021 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93afe67 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-de40cac *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6444b7b *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-71fd8d9 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c10d72d *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-a0b9bbc *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7c6970 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8928021 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93afe67 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-de40cac *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6444b7b *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-71fd8d9 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c10d72d *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-a0b9bbc *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7c6970 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8928021 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93afe67 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-de40cac *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6444b7b *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-71fd8d9 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c10d72d *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-a0b9bbc *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7c6970 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8928021 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-93afe67 *//* AMEA Button Hover Effect */
.amea-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    transition: background 0.5s ease;
    z-index: 1;
}

/* Create sliding background effect */
.amea-button .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--e-global-color-primary);
    transition: transform 0.5s ease;
    z-index: -1;
}

/* Text color transition */
.amea-button .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    transition: color 0.5s ease;
    color: white; /* Assuming white text initially */
}

/* Hover states */
.amea-button .elementor-button:hover {
    background: transparent;
}

.amea-button .elementor-button:hover::before {
    transform: translateX(100%);
}

.amea-button .elementor-button:hover .elementor-button-text {
    color: #000;
}

/* Ensure the border stays visible */
.amea-button .elementor-button:hover {
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad1b3df */.home-box {
    aspect-ratio: 3 / 4 !important;
}

/* METHOD 1: BACKGROUND SIZE ANIMATION */
/* Best for Elementor containers with background images set in the Style panel */

.home-box {
    position: relative;
    overflow: hidden;
    transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* For containers with background set in Elementor */
.home-box[data-settings*="background_background"] {
    background-size: 100% 100% !important;
    background-position: center center !important;
    transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-box:hover {
    background-size: 118% 118% !important;
}

/* Ensure content stays above background */
.home-box > .e-con,
.home-box .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Add subtle overlay */
.home-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

.home-box:hover::after {
    opacity: 0.7;
}

/* Smooth transition for all child elements */
.home-box * {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd11ad7 */.home-box {
    aspect-ratio: 3 / 4 !important;
}

/* METHOD 1: BACKGROUND SIZE ANIMATION */
/* Best for Elementor containers with background images set in the Style panel */

.home-box {
    position: relative;
    overflow: hidden;
    transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* For containers with background set in Elementor */
.home-box[data-settings*="background_background"] {
    background-size: 100% 100% !important;
    background-position: center center !important;
    transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-box:hover {
    background-size: 118% 118% !important;
}

/* Ensure content stays above background */
.home-box > .e-con,
.home-box .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Add subtle overlay */
.home-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

.home-box:hover::after {
    opacity: 0.7;
}

/* Smooth transition for all child elements */
.home-box * {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f7399a */.home-box {
    aspect-ratio: 3 / 4 !important;
}

/* METHOD 1: BACKGROUND SIZE ANIMATION */
/* Best for Elementor containers with background images set in the Style panel */

.home-box {
    position: relative;
    overflow: hidden;
    transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* For containers with background set in Elementor */
.home-box[data-settings*="background_background"] {
    background-size: 100% 100% !important;
    background-position: center center !important;
    transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-box:hover {
    background-size: 118% 118% !important;
}

/* Ensure content stays above background */
.home-box > .e-con,
.home-box .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Add subtle overlay */
.home-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

.home-box:hover::after {
    opacity: 0.7;
}

/* Smooth transition for all child elements */
.home-box * {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee28e08 */.home-box {
    aspect-ratio: 3 / 4 !important;
}

/* METHOD 1: BACKGROUND SIZE ANIMATION */
/* Best for Elementor containers with background images set in the Style panel */

.home-box {
    position: relative;
    overflow: hidden;
    transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* For containers with background set in Elementor */
.home-box[data-settings*="background_background"] {
    background-size: 100% 100% !important;
    background-position: center center !important;
    transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-box:hover {
    background-size: 118% 118% !important;
}

/* Ensure content stays above background */
.home-box > .e-con,
.home-box .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Add subtle overlay */
.home-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

.home-box:hover::after {
    opacity: 0.7;
}

/* Smooth transition for all child elements */
.home-box * {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed061c8 */.home-box {
    aspect-ratio: 3 / 4 !important;
}

/* METHOD 1: BACKGROUND SIZE ANIMATION */
/* Best for Elementor containers with background images set in the Style panel */

.home-box {
    position: relative;
    overflow: hidden;
    transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* For containers with background set in Elementor */
.home-box[data-settings*="background_background"] {
    background-size: 100% 100% !important;
    background-position: center center !important;
    transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-box:hover {
    background-size: 118% 118% !important;
}

/* Ensure content stays above background */
.home-box > .e-con,
.home-box .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Add subtle overlay */
.home-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

.home-box:hover::after {
    opacity: 0.7;
}

/* Smooth transition for all child elements */
.home-box * {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28bfb25 */.home-box {
    aspect-ratio: 3 / 4 !important;
}

/* METHOD 1: BACKGROUND SIZE ANIMATION */
/* Best for Elementor containers with background images set in the Style panel */

.home-box {
    position: relative;
    overflow: hidden;
    transition: all 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* For containers with background set in Elementor */
.home-box[data-settings*="background_background"] {
    background-size: 100% 100% !important;
    background-position: center center !important;
    transition: background-size 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.home-box:hover {
    background-size: 118% 118% !important;
}

/* Ensure content stays above background */
.home-box > .e-con,
.home-box .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Add subtle overlay */
.home-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

.home-box:hover::after {
    opacity: 0.7;
}

/* Smooth transition for all child elements */
.home-box * {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-643d69e *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8651803 *//* Hide navigation arrows by default */ .loop-proizvodi .elementor-swiper-button { opacity: 0; transition: opacity 0.3s ease; } /* Show navigation arrows on hover of the loop widget */ .loop-proizvodi:hover .elementor-swiper-button { opacity: 1; } /* Style for both prev and next navigation arrows */ .loop-proizvodi .elementor-swiper-button-prev, .loop-proizvodi .elementor-swiper-button-next { background-color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Hover effect for the arrows themselves */ .loop-proizvodi .elementor-swiper-button-prev:hover, .loop-proizvodi .elementor-swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Adjust arrow icon color */ .loop-proizvodi .elementor-swiper-button-prev i, .loop-proizvodi .elementor-swiper-button-next i, .loop-proizvodi .elementor-swiper-button-prev svg, .loop-proizvodi .elementor-swiper-button-next svg { color: #333333; font-size: 18px; } /* Alternative: If using the default Swiper navigation classes */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .swiper-button-next { opacity: 0; transition: opacity 0.3s ease; background-color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .loop-proizvodi:hover .swiper-button-prev, .loop-proizvodi:hover .swiper-button-next { opacity: 1; } .loop-proizvodi .swiper-button-prev:hover, .loop-proizvodi .swiper-button-next:hover { background-color: #f5f5f5; transform: scale(1.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Style the arrow pseudo-elements for default Swiper arrows */ .loop-proizvodi .swiper-button-prev:after, .loop-proizvodi .swiper-button-next:after { color: #333333; font-size: 20px; font-weight: bold; } /* Position adjustments if needed */ .loop-proizvodi .swiper-button-prev, .loop-proizvodi .elementor-swiper-button-prev { left: 20px; } .loop-proizvodi .swiper-button-next, .loop-proizvodi .elementor-swiper-button-next { right: 20px; }/* End custom CSS */