.elementor-7227 .elementor-element.elementor-element-e198625{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.7;}.elementor-7227 .elementor-element.elementor-element-e198625:not(.elementor-motion-effects-element-type-background), .elementor-7227 .elementor-element.elementor-element-e198625 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://e-tomic.hr/wp-content/uploads/2026/05/FB-Cover.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-7227 .elementor-element.elementor-element-e198625::before, .elementor-7227 .elementor-element.elementor-element-e198625 > .elementor-background-video-container::before, .elementor-7227 .elementor-element.elementor-element-e198625 > .e-con-inner > .elementor-background-video-container::before, .elementor-7227 .elementor-element.elementor-element-e198625 > .elementor-background-slideshow::before, .elementor-7227 .elementor-element.elementor-element-e198625 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7227 .elementor-element.elementor-element-e198625 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d0aabf3 );--background-overlay:'';}.elementor-7227 .elementor-element.elementor-element-d8ebedd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:16px 16px 16px 16px;}.elementor-7227 .elementor-element.elementor-element-d8ebedd:not(.elementor-motion-effects-element-type-background), .elementor-7227 .elementor-element.elementor-element-d8ebedd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000099;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7227 .elementor-element.elementor-element-89d3e3e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );}.elementor-7227 .elementor-element.elementor-element-56b43f7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7227 .elementor-element.elementor-element-62cf5cf{text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-f9745b6 );}.elementor-7227 .elementor-element.elementor-element-d9b4a00{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-7227 .elementor-element.elementor-element-d9b4a00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7227 .elementor-element.elementor-element-b4115ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-7227 .elementor-element.elementor-element-876d98a > .elementor-widget-container{padding:60px 0px 40px 0px;}.elementor-7227 .elementor-element.elementor-element-876d98a{text-align:center;}.elementor-7227 .elementor-element.elementor-element-18993933{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-7227 .elementor-element.elementor-element-18993933:not(.elementor-motion-effects-element-type-background), .elementor-7227 .elementor-element.elementor-element-18993933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d0aabf3 );}.elementor-7227 .elementor-element.elementor-element-669a75f1{--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;border-style:solid;--border-style:solid;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;}.elementor-7227 .elementor-element.elementor-element-669a75f1:hover{border-style:solid;border-color:#00ff41;--border-color:#00ff41;}.elementor-7227 .elementor-element.elementor-element-669a75f1, .elementor-7227 .elementor-element.elementor-element-669a75f1::before{--border-transition:0.3s;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7227 .elementor-element.elementor-element-721524dd .elementor-icon-box-wrapper{gap:15px;}.elementor-7227 .elementor-element.elementor-element-66bf2633{--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;border-style:solid;--border-style:solid;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;}.elementor-7227 .elementor-element.elementor-element-66bf2633:hover{border-style:solid;border-color:#00ff41;--border-color:#00ff41;}.elementor-7227 .elementor-element.elementor-element-66bf2633, .elementor-7227 .elementor-element.elementor-element-66bf2633::before{--border-transition:0.3s;}.elementor-7227 .elementor-element.elementor-element-31d0deb8 .elementor-icon-box-wrapper{gap:15px;}.elementor-7227 .elementor-element.elementor-element-59ee4f75{--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;border-style:solid;--border-style:solid;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;}.elementor-7227 .elementor-element.elementor-element-59ee4f75:hover{border-style:solid;border-color:#00ff41;--border-color:#00ff41;}.elementor-7227 .elementor-element.elementor-element-59ee4f75, .elementor-7227 .elementor-element.elementor-element-59ee4f75::before{--border-transition:0.3s;}.elementor-7227 .elementor-element.elementor-element-1a2533f1 .elementor-icon-box-wrapper{gap:15px;}.elementor-7227 .elementor-element.elementor-element-b5c935f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-7227 .elementor-element.elementor-element-3093fda > .elementor-widget-container{padding:60px 0px 40px 0px;}.elementor-7227 .elementor-element.elementor-element-3093fda{text-align:center;}.elementor-7227 .elementor-element.elementor-element-51d71ed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:125px;--padding-left:0px;--padding-right:0px;}.elementor-7227 .elementor-element.elementor-element-51d71ed:not(.elementor-motion-effects-element-type-background), .elementor-7227 .elementor-element.elementor-element-51d71ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d0aabf3 );}.elementor-7227 .elementor-element.elementor-element-743419c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-7227 .elementor-element.elementor-element-61e0813 > .elementor-widget-container{background-color:#00FF410D;border-style:solid;border-width:0px 0px 0px 0px;border-color:#00FF41;border-radius:0px 0px 0px 3px;}.elementor-7227 .elementor-element.elementor-element-61e0813{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );}.elementor-7227 .elementor-element.elementor-element-daeaeb2 > .elementor-widget-container{background-color:#00FF410D;border-style:solid;border-width:0px 0px 0px 0px;border-color:#00FF41;border-radius:0px 0px 0px 3px;}.elementor-7227 .elementor-element.elementor-element-daeaeb2{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );}.elementor-7227 .elementor-element.elementor-element-251ef62{--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;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7227 .elementor-element.elementor-element-ed5fff1 img{border-radius:10px 10px 10px 10px;box-shadow:10px 10px 10px 3px rgba(0,0,0,0.5);}.elementor-7227 .elementor-element.elementor-element-88a4cd9{--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;}.elementor-7227 .elementor-element.elementor-element-7189368 > .elementor-widget-container{background-color:#00FF410D;border-style:solid;border-width:0px 0px 0px 0px;border-color:#00FF41;border-radius:0px 0px 0px 0px;}.elementor-7227 .elementor-element.elementor-element-7189368{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );}.elementor-7227 .elementor-element.elementor-element-5354fb5 > .elementor-widget-container{background-color:#00FF410D;border-style:solid;border-width:0px 0px 0px 0px;border-color:#00FF41;border-radius:0px 0px 0px 3px;}.elementor-7227 .elementor-element.elementor-element-5354fb5{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-7227 .elementor-element.elementor-element-e198625{--min-height:600px;}.elementor-7227 .elementor-element.elementor-element-56b43f7{text-align:center;}.elementor-7227 .elementor-element.elementor-element-56b43f7 .elementor-heading-title{font-size:32px;}}@media(min-width:768px){.elementor-7227 .elementor-element.elementor-element-e198625{--content-width:800px;}.elementor-7227 .elementor-element.elementor-element-d8ebedd{--content-width:700px;}.elementor-7227 .elementor-element.elementor-element-d9b4a00{--width:1200px;}.elementor-7227 .elementor-element.elementor-element-18993933{--content-width:1200px;}.elementor-7227 .elementor-element.elementor-element-669a75f1{--width:266px;}.elementor-7227 .elementor-element.elementor-element-66bf2633{--width:266px;}.elementor-7227 .elementor-element.elementor-element-59ee4f75{--width:266px;}.elementor-7227 .elementor-element.elementor-element-51d71ed{--content-width:1200px;}.elementor-7227 .elementor-element.elementor-element-743419c{--width:200px;}.elementor-7227 .elementor-element.elementor-element-251ef62{--width:400px;}.elementor-7227 .elementor-element.elementor-element-88a4cd9{--width:200px;}}/* Start custom CSS for container, class: .elementor-element-d8ebedd *//* Glassmorphism + Neon Glow za središnju karticu */
.elementor-7227 .elementor-element.elementor-element-d8ebedd {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 
                0 0 30px rgba(0, 255, 65, 0.05);
    border: 1px solid rgba(0, 255, 65, 0.15) !important;
    padding: 50px !important;
    transition: all 0.5s ease;
}

/* Blagi jači sjaj na hover cijele kartice */
.elementor-7227 .elementor-element.elementor-element-d8ebedd:hover {
    border-color: rgba(0, 255, 65, 0.3) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), 
                0 0 40px rgba(0, 255, 65, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9b4a00 */.elementor-7227 .elementor-element.elementor-element-d9b4a00 {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1400 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18993933 *//* 2. Horizontalna linija koja spaja korake (samo za desktop) */
@media (min-width: 768px) {
    .elementor-7227 .elementor-element.elementor-element-18993933 .elementor-container::before {
        content: '';
        position: absolute;
        top: 45px; /* Centriraj prema visini tvojih ikona */
        left: 10%;
        right: 10%;
        height: 1px;
        background: linear-gradient(90deg, transparent, #00ff41, transparent);
        opacity: 0.2;
        z-index: 0;
    }
}

/* 3. Stil za ikone - da budu vidljive i imaju lagani glow stalno */
.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-icon {
    background: #000 !important;
    border: 2px solid #00ff41 !important;
    color: #00ff41 !important;
    padding: 20px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.2) !important;
    transition: all 0.4s ease !important;
    z-index: 1;
}

/* 4. HOVER EFEKT - Ovdje ikona 'zasvijetli' */
.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-icon-box-wrapper:hover .elementor-icon {
    box-shadow: 0 0 25px #00ff41 !important;
    background: #00ff41 !important;
    color: #000 !important; /* Ikona postane crna na zelenoj pozadini */
    transform: scale(1.1) translateY(-5px);
}

/* 5. Popravak boja teksta (Lorem Ipsum postane čitljiv) */
.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-icon-box-title {
    color: #ffffff !important;
    margin-top: 20px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-icon-box-description {
    color: #888888 !important; /* Tamno siva za opise */
    transition: color 0.3s ease;
}

.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
    color: #ffffff !important;
}
/* Sjaj za brojeve koraka */
.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-icon-box-title {
    color: #00ff41 !important;
    text-shadow: 0 0 10px rgba(0, 255, 65, 0.5) !important;
    font-size: 28px !important;
}

/* 1. Osiguraj da kontejner dopušta crtanje izvan widgeta */
.elementor-7227 .elementor-element.elementor-element-18993933 {
    --line-color: rgba(0, 255, 65, 0.3);
    z-index: 1;
}

/* 2. Crtanje linije DESNO od svake ikone (osim zadnje) */
@media (min-width: 1025px) {
    .elementor-7227 .elementor-element.elementor-element-18993933 .elementor-column:not(:last-child) .elementor-widget-icon-box::after {
        content: '';
        position: absolute;
        /* Pozicioniranje: točno između ikona */
        top: 45px; /* Mora biti visina SREDINE tvoje ikone */
        left: 60%; /* Početak linije nakon ikone */
        width: 80%; /* Dužina linije do sljedeće ikone */
        height: 1px;
        background: var(--line-color);
        box-shadow: 0 0 8px var(--line-color);
        z-index: -1;
    }
}

/* 3. Centriranje svega da linija lakše "pogodi" metu */
.elementor-7227 .elementor-element.elementor-element-18993933 .elementor-widget-icon-box {
    position: relative;
    display: flex;
    justify-content: center;
}

/* Samo za velike ekrane dozvoljavamo fiksnu maksimalnu širinu */
@media (min-width: 1201px) {
    .elementor-7227 .elementor-element.elementor-element-18993933 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1200px !important; /* Koristimo max-width umjesto width */
        width: 100% !important;
    }
}

/* Za sve manje ekrane (tablete i mobitele) neka bude fluidno */
@media (max-width: 1200px) {
    .elementor-7227 .elementor-element.elementor-element-18993933 {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow: hidden !important; /* Sprječava curenje sadržaja */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-251ef62 */.elementor-7227 .elementor-element.elementor-element-251ef62 img {
    border: 1px solid rgba(0, 255, 65, 0.3) !important;
    border-radius: 8px;
    /* Sjaj koji imitira ekran monitora */
    box-shadow: 0 0 40px rgba(0, 255, 65, 0.15) !important;
    /* Animacija laganog lebdenja */
    animation: float 5s ease-in-out infinite;
}

@keyframes float {
	0% { transform: translateY(0); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51d71ed *//* 1. ANIMACIJA ZA SLIKU */
.elementor-7227 .elementor-element.elementor-element-51d71ed img {
    border: 1px solid rgba(0, 255, 65, 0.3) !important;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 255, 65, 0.1) !important;
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

/* 2. PRISILNA NEON ZELENA ZA NASLOVE (STRATEGY, UI/UX...) */
/* Ciljamo naslov, link u naslovu i sam widget naslov */
.elementor-7227 .elementor-element.elementor-element-51d71ed .elementor-icon-box-title, 
.elementor-7227 .elementor-element.elementor-element-51d71ed .elementor-icon-box-title a,
.elementor-icon-box-title {
    color: #00ff41 !important;
    fill: #00ff41 !important;
    text-shadow: 0 0 10px rgba(0, 255, 65, 0.5) !important;
    -webkit-text-fill-color: #00ff41 !important; /* Za svaki slučaj */
}

/* 3. STIL ZA PROCESNE OZNAKE */
.process-tag {
    color: #00ff41 !important;
    border-left: 3px solid #00ff41 !important;
    background: rgba(0, 0, 0, 0.7) !important;
}/* End custom CSS */