.elementor-1931 .elementor-element.elementor-element-5d98a374{--display:flex;--min-height:100vh;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-slides .elementor-slide-button{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-1931 .elementor-element.elementor-element-6a27e9a5 .elementor-repeater-item-418773f .swiper-slide-bg{background-color:#FFFFFF00;}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .elementor-repeater-item-418773f .elementor-background-overlay{background-color:#00000000;}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .elementor-slide-button{background-color:var( --e-global-color-secondary );color:#FFFFFF;border-color:var( --e-global-color-secondary );}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .elementor-slide-button:hover{background-color:var( --e-global-color-66d8c73 );color:var( --e-global-color-primary );border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-6a27e9a5{background-color:#FFFFFF00;padding:0px 0px 0px 0px;}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .swiper-slide-contents{max-width:100%;}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .swiper-slide-inner{text-align:center;}.elementor-1931 .elementor-element.elementor-element-6a27e9a5 .elementor-slide-heading{font-family:"Instrument Sans", Sans-serif;font-size:50px;font-weight:900;text-transform:uppercase;line-height:55px;}.elementor-1931 .elementor-element.elementor-element-7b17638a{--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-1931 .elementor-element.elementor-element-7b17638a:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-7b17638a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1931 .elementor-element.elementor-element-42edf3b1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-296296a9 .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-1931 .elementor-element.elementor-element-4c600885{--display:flex;}.elementor-1931 .elementor-element.elementor-element-62ca0c{--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-1931 .elementor-element.elementor-element-62ca0c .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-1931 .elementor-element.elementor-element-f9e55b1 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-174636ef{--display:flex;}.elementor-1931 .elementor-element.elementor-element-5f20590e{--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-1931 .elementor-element.elementor-element-5f20590e .swiper-slide > .elementor-element{height:100%;}.elementor-1931 .elementor-element.elementor-element-2066b462 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-df21c8c{--display:flex;}.elementor-1931 .elementor-element.elementor-element-627ca386{--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-1931 .elementor-element.elementor-element-627ca386 .swiper-slide > .elementor-element{height:100%;}.elementor-1931 .elementor-element.elementor-element-4f3b1d47 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-3e2c9c13{--display:flex;}.elementor-1931 .elementor-element.elementor-element-64c228ea{--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-1931 .elementor-element.elementor-element-64c228ea .swiper-slide > .elementor-element{height:100%;}.elementor-1931 .elementor-element.elementor-element-3bb7f97d .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-3c8ba5dd{--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-1931 .elementor-element.elementor-element-3c8ba5dd > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-5fff418 );}.elementor-1931 .elementor-element.elementor-element-3c8ba5dd.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-1931 .elementor-element.elementor-element-3c8ba5dd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1931 .elementor-element.elementor-element-3c8ba5dd.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-1931 .elementor-element.elementor-element-3c8ba5dd.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-1931 .elementor-element.elementor-element-3c8ba5dd.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-1931 .elementor-element.elementor-element-3c8ba5dd [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}.elementor-1931 .elementor-element.elementor-element-35d9b460{--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-1931 .elementor-element.elementor-element-35d9b460:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-35d9b460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1931 .elementor-element.elementor-element-25ccbccd{--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-1931 .elementor-element.elementor-element-68d29df5{--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-1931 .elementor-element.elementor-element-68d29df5:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-68d29df5 > .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-1931 .elementor-element.elementor-element-68d29df5::before, .elementor-1931 .elementor-element.elementor-element-68d29df5 > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-68d29df5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-68d29df5 > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-68d29df5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-68d29df5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1931 .elementor-element.elementor-element-76837bb5{--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-1931 .elementor-element.elementor-element-246023c6 .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-1931 .elementor-element.elementor-element-6bb84715{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-6bb84715 .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-1931 .elementor-element.elementor-element-6ff8b929{--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-1931 .elementor-element.elementor-element-6ff8b929:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-6ff8b929 > .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-1931 .elementor-element.elementor-element-6ff8b929::before, .elementor-1931 .elementor-element.elementor-element-6ff8b929 > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-6ff8b929 > .e-con-inner > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-6ff8b929 > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-6ff8b929 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-6ff8b929 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1931 .elementor-element.elementor-element-234f3ff9{--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-1931 .elementor-element.elementor-element-1a056474 .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-1931 .elementor-element.elementor-element-1d69d0c7{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-1d69d0c7 .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-1931 .elementor-element.elementor-element-1fe3602a{--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-1931 .elementor-element.elementor-element-53737f5c{--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-1931 .elementor-element.elementor-element-53737f5c:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-53737f5c > .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-1931 .elementor-element.elementor-element-53737f5c::before, .elementor-1931 .elementor-element.elementor-element-53737f5c > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-53737f5c > .e-con-inner > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-53737f5c > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-53737f5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-53737f5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1931 .elementor-element.elementor-element-73a8a430{--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-1931 .elementor-element.elementor-element-5039d57f .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-1931 .elementor-element.elementor-element-6ff18ccf{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-6ff18ccf .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-1931 .elementor-element.elementor-element-6811e95e{--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-1931 .elementor-element.elementor-element-6811e95e:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-6811e95e > .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-1931 .elementor-element.elementor-element-6811e95e::before, .elementor-1931 .elementor-element.elementor-element-6811e95e > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-6811e95e > .e-con-inner > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-6811e95e > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-6811e95e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-6811e95e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1931 .elementor-element.elementor-element-77e0a399{--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-1931 .elementor-element.elementor-element-98f0998 .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-1931 .elementor-element.elementor-element-97d311b{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-97d311b .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-1931 .elementor-element.elementor-element-762b4ef{--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-1931 .elementor-element.elementor-element-173a90ec{--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-1931 .elementor-element.elementor-element-173a90ec:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-173a90ec > .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-1931 .elementor-element.elementor-element-173a90ec::before, .elementor-1931 .elementor-element.elementor-element-173a90ec > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-173a90ec > .e-con-inner > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-173a90ec > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-173a90ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-173a90ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1931 .elementor-element.elementor-element-9330bb{--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-1931 .elementor-element.elementor-element-31f9bfa3 .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-1931 .elementor-element.elementor-element-188d4bbd{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-188d4bbd .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-1931 .elementor-element.elementor-element-3d1272d5{--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-1931 .elementor-element.elementor-element-3d1272d5:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-3d1272d5 > .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-1931 .elementor-element.elementor-element-3d1272d5::before, .elementor-1931 .elementor-element.elementor-element-3d1272d5 > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-3d1272d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1931 .elementor-element.elementor-element-3d1272d5 > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-3d1272d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1931 .elementor-element.elementor-element-3d1272d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1931 .elementor-element.elementor-element-182c9cf5{--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-1931 .elementor-element.elementor-element-353d2048 .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-1931 .elementor-element.elementor-element-50c06625{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-66d8c73 );}.elementor-1931 .elementor-element.elementor-element-50c06625 .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-1931 .elementor-element.elementor-element-73fdf469{--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-1931 .elementor-element.elementor-element-73fdf469:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-73fdf469 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1931 .elementor-element.elementor-element-349697ca{--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-1931 .elementor-element.elementor-element-349697ca .swiper-slide > .elementor-element{height:100%;}.elementor-1931 .elementor-element.elementor-element-1d9679b0{--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-1931 .elementor-element.elementor-element-1d9679b0:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-1d9679b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1931 .elementor-element.elementor-element-343939bf{text-align:center;}.elementor-1931 .elementor-element.elementor-element-343939bf .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-1931 .elementor-element.elementor-element-4f8fa219{--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-1931 .elementor-element.elementor-element-4f8fa219 .swiper-slide > .elementor-element{height:100%;}.elementor-1931 .elementor-element.elementor-element-1ea8159b{--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-1931 .elementor-element.elementor-element-1ea8159b:not(.elementor-motion-effects-element-type-background), .elementor-1931 .elementor-element.elementor-element-1ea8159b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5fff418 );}.elementor-1931 .elementor-element.elementor-element-5409e6c7{text-align:center;}.elementor-1931 .elementor-element.elementor-element-5409e6c7 .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-1931 .elementor-element.elementor-element-6f90e883{text-align:center;}.elementor-1931 .elementor-element.elementor-element-6f90e883 .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-1931 .elementor-element.elementor-element-ba0a5cd{width:var( --container-widget-width, 1260px );max-width:1260px;--container-widget-width:1260px;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-1931 .elementor-element.elementor-element-68d29df5{--width:50%;}.elementor-1931 .elementor-element.elementor-element-6ff8b929{--width:50%;}.elementor-1931 .elementor-element.elementor-element-53737f5c{--width:50%;}.elementor-1931 .elementor-element.elementor-element-6811e95e{--width:50%;}.elementor-1931 .elementor-element.elementor-element-173a90ec{--width:50%;}.elementor-1931 .elementor-element.elementor-element-3d1272d5{--width:50%;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-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-1931 .elementor-element.elementor-element-296296a9 .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-1931 .elementor-element.elementor-element-62ca0c{--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-1931 .elementor-element.elementor-element-5f20590e{--swiper-slides-to-display:2;}.elementor-1931 .elementor-element.elementor-element-627ca386{--swiper-slides-to-display:2;}.elementor-1931 .elementor-element.elementor-element-64c228ea{--swiper-slides-to-display:2;}.elementor-1931 .elementor-element.elementor-element-3c8ba5dd{--n-tabs-title-font-size:var( --e-global-typography-a10f8a0-font-size );}.elementor-1931 .elementor-element.elementor-element-3c8ba5dd.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-1931 .elementor-element.elementor-element-68d29df5{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1931 .elementor-element.elementor-element-76837bb5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1931 .elementor-element.elementor-element-246023c6 .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-1931 .elementor-element.elementor-element-6bb84715 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-6ff8b929{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1931 .elementor-element.elementor-element-234f3ff9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1931 .elementor-element.elementor-element-1a056474 .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-1931 .elementor-element.elementor-element-1d69d0c7 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-53737f5c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1931 .elementor-element.elementor-element-73a8a430{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1931 .elementor-element.elementor-element-5039d57f .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-1931 .elementor-element.elementor-element-6ff18ccf .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-6811e95e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1931 .elementor-element.elementor-element-77e0a399{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1931 .elementor-element.elementor-element-98f0998 .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-1931 .elementor-element.elementor-element-97d311b .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-173a90ec{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1931 .elementor-element.elementor-element-9330bb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1931 .elementor-element.elementor-element-31f9bfa3 .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-1931 .elementor-element.elementor-element-188d4bbd .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-3d1272d5{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1931 .elementor-element.elementor-element-182c9cf5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1931 .elementor-element.elementor-element-353d2048 .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-1931 .elementor-element.elementor-element-50c06625 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-349697ca{--swiper-slides-to-display:2;}.elementor-1931 .elementor-element.elementor-element-343939bf .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}.elementor-1931 .elementor-element.elementor-element-4f8fa219{--swiper-slides-to-display:2;}.elementor-1931 .elementor-element.elementor-element-5409e6c7 .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-1931 .elementor-element.elementor-element-6f90e883 .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-1931 .elementor-element.elementor-element-5d98a374{--min-height:90vh;}.elementor-widget-slides .elementor-slide-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-1931 .elementor-element.elementor-element-6a27e9a5 .elementor-slide-heading{font-size:34px;line-height:40px;}.elementor-1931 .elementor-element.elementor-element-42edf3b1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1931 .elementor-element.elementor-element-296296a9 .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-1931 .elementor-element.elementor-element-62ca0c{--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-1931 .elementor-element.elementor-element-5f20590e{--swiper-slides-to-display:1;}.elementor-1931 .elementor-element.elementor-element-627ca386{--swiper-slides-to-display:1;}.elementor-1931 .elementor-element.elementor-element-64c228ea{--swiper-slides-to-display:1;}.elementor-1931 .elementor-element.elementor-element-3c8ba5dd{--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-1931 .elementor-element.elementor-element-3c8ba5dd.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-1931 .elementor-element.elementor-element-246023c6 .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-1931 .elementor-element.elementor-element-6bb84715 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-1a056474 .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-1931 .elementor-element.elementor-element-1d69d0c7 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-5039d57f .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-1931 .elementor-element.elementor-element-6ff18ccf .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-98f0998 .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-1931 .elementor-element.elementor-element-97d311b .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-31f9bfa3 .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-1931 .elementor-element.elementor-element-188d4bbd .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-353d2048 .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-1931 .elementor-element.elementor-element-50c06625 .elementor-heading-title{font-size:var( --e-global-typography-1eb2da8-font-size );}.elementor-1931 .elementor-element.elementor-element-349697ca{--swiper-slides-to-display:1;}.elementor-1931 .elementor-element.elementor-element-343939bf .elementor-heading-title{font-size:var( --e-global-typography-679076f-font-size );line-height:var( --e-global-typography-679076f-line-height );}.elementor-1931 .elementor-element.elementor-element-4f8fa219{--swiper-slides-to-display:1;}.elementor-1931 .elementor-element.elementor-element-5409e6c7 .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-1931 .elementor-element.elementor-element-6f90e883 .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-62ca0c *//* 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-f9e55b1 *//* 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-5f20590e *//* 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-2066b462 *//* 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-627ca386 *//* 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-4f3b1d47 *//* 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-64c228ea *//* 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-3bb7f97d *//* 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-62ca0c *//* 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-f9e55b1 *//* 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-5f20590e *//* 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-2066b462 *//* 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-627ca386 *//* 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-4f3b1d47 *//* 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-64c228ea *//* 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-3bb7f97d *//* 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-62ca0c *//* 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-f9e55b1 *//* 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-5f20590e *//* 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-2066b462 *//* 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-627ca386 *//* 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-4f3b1d47 *//* 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-64c228ea *//* 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-3bb7f97d *//* 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-62ca0c *//* 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-f9e55b1 *//* 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-5f20590e *//* 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-2066b462 *//* 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-627ca386 *//* 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-4f3b1d47 *//* 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-64c228ea *//* 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-3bb7f97d *//* 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-62ca0c *//* 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-f9e55b1 *//* 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-5f20590e *//* 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-2066b462 *//* 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-627ca386 *//* 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-4f3b1d47 *//* 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-64c228ea *//* 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-3bb7f97d *//* 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-68d29df5 */.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-6ff8b929 */.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-53737f5c */.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-6811e95e */.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-173a90ec */.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-3d1272d5 */.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-349697ca *//* 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-4f8fa219 *//* 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 */