.elementor-6908 .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:0px;--padding-left:0px;--padding-right:0px;}.elementor-6908 .elementor-element.elementor-element-d9b4a00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6908 .elementor-element.elementor-element-4f67a62{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6908 .elementor-element.elementor-element-4f67a62:not(.elementor-motion-effects-element-type-background), .elementor-6908 .elementor-element.elementor-element-4f67a62 > .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-6908 .elementor-element.elementor-element-4f67a62::before, .elementor-6908 .elementor-element.elementor-element-4f67a62 > .elementor-background-video-container::before, .elementor-6908 .elementor-element.elementor-element-4f67a62 > .e-con-inner > .elementor-background-video-container::before, .elementor-6908 .elementor-element.elementor-element-4f67a62 > .elementor-background-slideshow::before, .elementor-6908 .elementor-element.elementor-element-4f67a62 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6908 .elementor-element.elementor-element-4f67a62 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-d0aabf3 );--background-overlay:'';}.elementor-6908 .elementor-element.elementor-element-9c2e266{--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-6908 .elementor-element.elementor-element-9c2e266:not(.elementor-motion-effects-element-type-background), .elementor-6908 .elementor-element.elementor-element-9c2e266 > .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-6908 .elementor-element.elementor-element-777c08a .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-6908 .elementor-element.elementor-element-1615917 .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-6908 .elementor-element.elementor-element-6257168{text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-f9745b6 );}.elementor-6908 .elementor-element.elementor-element-c0efc11 > .elementor-widget-container{margin:-50px 0px 0px 0px;}.elementor-6908 .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-6908 .elementor-element.elementor-element-876d98a > .elementor-widget-container{padding:60px 0px 40px 0px;}.elementor-6908 .elementor-element.elementor-element-876d98a{text-align:center;}.elementor-6908 .elementor-element.elementor-element-876d98a .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-6908 .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-6908 .elementor-element.elementor-element-18993933:not(.elementor-motion-effects-element-type-background), .elementor-6908 .elementor-element.elementor-element-18993933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d0aabf3 );}.elementor-6908 .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-6908 .elementor-element.elementor-element-669a75f1:hover{border-style:solid;border-color:#00ff41;--border-color:#00ff41;}.elementor-6908 .elementor-element.elementor-element-669a75f1, .elementor-6908 .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-6908 .elementor-element.elementor-element-721524dd .elementor-icon-box-wrapper{gap:15px;}.elementor-6908 .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:var( --e-global-color-text );--border-color:var( --e-global-color-text );}.elementor-6908 .elementor-element.elementor-element-66bf2633:hover{border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-6908 .elementor-element.elementor-element-66bf2633, .elementor-6908 .elementor-element.elementor-element-66bf2633::before{--border-transition:0.3s;}.elementor-6908 .elementor-element.elementor-element-31d0deb8 .elementor-icon-box-wrapper{gap:15px;}.elementor-6908 .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:var( --e-global-color-text );--border-color:var( --e-global-color-text );}.elementor-6908 .elementor-element.elementor-element-59ee4f75:hover{border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-6908 .elementor-element.elementor-element-59ee4f75, .elementor-6908 .elementor-element.elementor-element-59ee4f75::before{--border-transition:0.3s;}.elementor-6908 .elementor-element.elementor-element-1a2533f1 .elementor-icon-box-wrapper{gap:15px;}.elementor-6908 .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-6908 .elementor-element.elementor-element-3093fda > .elementor-widget-container{padding:60px 0px 40px 0px;}.elementor-6908 .elementor-element.elementor-element-3093fda{text-align:center;}.elementor-6908 .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-6908 .elementor-element.elementor-element-51d71ed:not(.elementor-motion-effects-element-type-background), .elementor-6908 .elementor-element.elementor-element-51d71ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d0aabf3 );}.elementor-6908 .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-6908 .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-6908 .elementor-element.elementor-element-61e0813{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.elementor-6908 .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-6908 .elementor-element.elementor-element-daeaeb2{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.elementor-6908 .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-6908 .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-6908 .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-6908 .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 3px;}.elementor-6908 .elementor-element.elementor-element-7189368{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.elementor-6908 .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-6908 .elementor-element.elementor-element-5354fb5{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}@media(max-width:767px){.elementor-6908 .elementor-element.elementor-element-4f67a62{--min-height:600px;}.elementor-6908 .elementor-element.elementor-element-1615917{text-align:center;}.elementor-6908 .elementor-element.elementor-element-1615917 .elementor-heading-title{font-size:32px;}}@media(min-width:768px){.elementor-6908 .elementor-element.elementor-element-d9b4a00{--width:110.064%;}.elementor-6908 .elementor-element.elementor-element-4f67a62{--content-width:700px;}.elementor-6908 .elementor-element.elementor-element-9c2e266{--content-width:700px;}.elementor-6908 .elementor-element.elementor-element-18993933{--content-width:1400px;}.elementor-6908 .elementor-element.elementor-element-669a75f1{--width:25%;}.elementor-6908 .elementor-element.elementor-element-66bf2633{--width:25%;}.elementor-6908 .elementor-element.elementor-element-59ee4f75{--width:25%;}.elementor-6908 .elementor-element.elementor-element-743419c{--width:25%;}.elementor-6908 .elementor-element.elementor-element-251ef62{--width:50%;}.elementor-6908 .elementor-element.elementor-element-88a4cd9{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-9c2e266 *//* Glassmorphism + Neon Glow za središnju karticu */
.elementor-6908 .elementor-element.elementor-element-9c2e266 {
    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-6908 .elementor-element.elementor-element-9c2e266: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-6908 .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 *//* VIŠE OD VIZUALA: PROJEKTIRANA WEB RJEŠENJA */

/* 2. Horizontalna linija koja spaja korake (samo za desktop) */
@media (min-width: 768px) {
    .elementor-6908 .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 sjaj (glow) stalno */
.elementor-6908 .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' na prijelaz mišem */
.elementor-6908 .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;
    transform: scale(1.1) translateY(-5px);
}

/* 5. Popravak boja teksta za bolju čitljivost */
.elementor-6908 .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-6908 .elementor-element.elementor-element-18993933 .elementor-icon-box-description {
    color: #888888 !important;
    transition: color 0.3s ease;
}

.elementor-6908 .elementor-element.elementor-element-18993933 .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
    color: #ffffff !important;
}

/* Sjaj za brojeve koraka ili naslove */
.elementor-6908 .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-6908 .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-6908 .elementor-element.elementor-element-18993933 .elementor-column:not(:last-child) .elementor-widget-icon-box::after {
        content: '';
        position: absolute;
        top: 45px; 
        left: 60%; 
        width: 80%; 
        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-6908 .elementor-element.elementor-element-18993933 .elementor-widget-icon-box {
    position: relative;
    display: flex;
    justify-content: center;
}

/* Responzivnost za velike i male ekrane */
@media (min-width: 1201px) {
    .elementor-6908 .elementor-element.elementor-element-18993933 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1200px !important;
        width: 100% !important;
    }
}

@media (max-width: 1200px) {
    .elementor-6908 .elementor-element.elementor-element-18993933 {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-251ef62 */.elementor-6908 .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. Efekt lebdenja i sjaja za tvoj rad */
.elementor-6908 .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;
    transition: all 0.5s ease-in-out;
    animation: float 4s ease-in-out infinite;
}

/* 2. Animacija za "disanje" weba na ekranu */
@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0px); }
}

/* 3. Stil za natuknice koje izlaze iz ekrana */
.process-tag {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    color: #00ff41;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 15px;
    border-left: 3px solid #00ff41;
    position: relative;
    z-index: 10;
}/* End custom CSS */