.elementor-991585 .elementor-element.elementor-element-bab9ff7{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:200px;--padding-bottom:200px;--padding-left:300px;--padding-right:300px;}.elementor-991585 .elementor-element.elementor-element-bab9ff7:not(.elementor-motion-effects-element-type-background), .elementor-991585 .elementor-element.elementor-element-bab9ff7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-991585 .elementor-element.elementor-element-fb25180{--display:flex;}.elementor-991585 .elementor-element.elementor-element-46c710e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;}.elementor-991585 .elementor-element.elementor-element-8d1c808{font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-991585 .elementor-element.elementor-element-2eabec5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#E4E4E4;}.elementor-991585 .elementor-element.elementor-element-b65c323{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-991585 .elementor-element.elementor-element-ff3f10c{--display:flex;}.elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-0e76640.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-0e76640.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-0e76640.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-0e76640.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-0e76640{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-197fd3e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-991585 .elementor-element.elementor-element-7c3688e{--display:flex;}.elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-0e3a45d.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-0e3a45d.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-0e3a45d.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-0e3a45d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-0e3a45d{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-34f4cdd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-991585 .elementor-element.elementor-element-9d4e0e9{--display:flex;}.elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-82f34a4.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-82f34a4.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-82f34a4.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-82f34a4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-82f34a4{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-3757464{--display:flex;}.elementor-991585 .elementor-element.elementor-element-35e6740{--display:flex;}.elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-7b7b99f.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-7b7b99f.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-7b7b99f.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-7b7b99f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-7b7b99f{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-c52e658{--display:flex;}.elementor-991585 .elementor-element.elementor-element-ded080b{--display:flex;}.elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-084010f.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-084010f.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-084010f.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-084010f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-084010f{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content{min-height:584px;text-align:center;padding:15px 200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-5495df5{--display:flex;}.elementor-991585 .elementor-element.elementor-element-6727cac{--display:flex;}.elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-1de547c.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-1de547c.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-1de547c.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-1de547c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-1de547c{border-radius:35px 35px 35px 35px;}.elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-c1e136f{--display:flex;border-style:none;--border-style:none;}.elementor-991585 .elementor-element.elementor-element-de40752{--display:flex;}.elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-3e365c5.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-3e365c5.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-3e365c5.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-3e365c5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-3e365c5{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-8771733{--display:flex;border-style:none;--border-style:none;}.elementor-991585 .elementor-element.elementor-element-80f07da{--display:flex;}.elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-f0ec6ad.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-f0ec6ad.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-f0ec6ad.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-f0ec6ad.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-f0ec6ad{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-a3a8765{--display:flex;border-style:none;--border-style:none;}.elementor-991585 .elementor-element.elementor-element-247ca83{--display:flex;}.elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-991585 .elementor-element.elementor-element-dd1ab31.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-991585 .elementor-element.elementor-element-dd1ab31.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-991585 .elementor-element.elementor-element-dd1ab31.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta .elementor-cta__bg, .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-991585 .elementor-element.elementor-element-dd1ab31.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-991585 .elementor-element.elementor-element-dd1ab31{border-radius:26px 26px 26px 26px;}.elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content{min-height:584px;text-align:center;padding:15px 0200px 0px 0px;}.elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title{font-size:24px;font-weight:600;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-wrp{height:auto;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-animations-wrp, .elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-item{height:100%;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-previous{left:0;right:auto;top:0;bottom:0;margin:auto;}.elementor-991585 .elementor-element.elementor-element-9236a66{--ui-e-prev-arrow-h-off:-65px;--ui-e-next-arrow-h-off:50px;--ui-e-dots-h-off:35px;--ui-e-radius:12px 12px 12px 12px;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-next{left:auto;right:0;top:0;bottom:0;margin:auto;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-dots{left:0;right:0;margin:auto;top:auto;bottom:0px;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-item{border-style:none;border-radius:var(--ui-e-radius);padding:25px 25px 25px 25px;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-button i{color:#FFFFFF;font-size:28px;width:28px;height:28px;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-button svg{fill:#FFFFFF;width:28px;height:28px;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-dots .dot{background-color:#FFFFFF;margin:0 8px;height:8px;width:8px;}.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-dots .dot.is-selected{background-color:var( --e-global-color-uicore_primary );}.elementor-991585 .elementor-element.elementor-element-8ceffb9{font-size:13px;color:#FFFFFF;}@media(max-width:767px){.elementor-991585 .elementor-element.elementor-element-9236a66 .ui-e-button{display:none;}}@media(min-width:768px){.elementor-991585 .elementor-element.elementor-element-fb25180{--width:100%;}}/* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e76640 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e76640 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-0e3a45d *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-0e3a45d .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-82f34a4 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-82f34a4 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-7b7b99f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-7b7b99f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-084010f *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-084010f .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-1de547c *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-1de547c .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-3e365c5 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-3e365c5 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-f0ec6ad *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-f0ec6ad .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-dd1ab31 *//* Primorava kontejner i tekst da se poravnaju levo i uklanja levu marginu/padding */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { padding-left: 20px !important; padding-right: 15px !important; text-align: left !important; align-items: flex-start !important; /* Ako Elementor koristi flexbox za pozicioniranje */ } /* Osigurava da i sam naslov bude poravnat levo */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { text-align: left !important; margin-left: 0px !important; } /* Kreiramo poseban "overlay" preko gornjeg dela kartice koji muti pozadinu */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 13%; /* Određuje koliki procenat kartice od vrha će biti zamućen */ /* Jačina zamućenja (povećaj px ako želiš jači blur) */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Blagi prelaz (gradient) da blur ne bi naglo pukao na sredini slike */ mask-image: linear-gradient(to bottom, black 60%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%); z-index: 1; } /* Osiguravamo da tekst ostane IZNAD zamućenog sloja kako i sam ne bi postao mutan */ .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__content { position: relative; z-index: 2; } .elementor-991585 .elementor-element.elementor-element-dd1ab31 .elementor-cta__title { position: relative; z-index: 3; }/* End custom CSS */