.elementor-7188 .elementor-element.elementor-element-42cf46b{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-7188 .elementor-element.elementor-element-e45e203{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-7188 .elementor-element.elementor-element-7066592 > .elementor-widget-container{padding:0% 20% 0% 20%;}.elementor-7188 .elementor-element.elementor-element-f20943b{--display:flex;}.elementor-7188 .elementor-element.elementor-element-1bef695 > .elementor-widget-container:hover{--e-transform-scale:1.2;}.elementor-7188 .elementor-element.elementor-element-12fd8477 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7188 .elementor-element.elementor-element-12fd8477 > .elementor-container{min-height:243px;}.elementor-7188 .elementor-element.elementor-element-12fd8477{padding:100px 0px 100px 0px;}.elementor-7188 .elementor-element.elementor-element-645f9991:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7188 .elementor-element.elementor-element-645f9991 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-7188 .elementor-element.elementor-element-645f9991 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7188 .elementor-element.elementor-element-645f9991 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-7188 .elementor-element.elementor-element-1a83cb5c > .elementor-widget-container{padding:60px 0px 40px 0px;}.elementor-7188 .elementor-element.elementor-element-1a83cb5c{text-align:center;}.elementor-7188 .elementor-element.elementor-element-1a83cb5c .elementor-heading-title{font-size:55px;font-weight:600;letter-spacing:2px;color:var( --e-global-color-secondary );}.elementor-7188 .elementor-element.elementor-element-c3014a0 > .elementor-widget-container{border-style:none;border-radius:15px 15px 15px 15px;}.elementor-7188 .elementor-element.elementor-element-c3014a0 .swiper-wrapper{display:flex;align-items:center;}.elementor-7188 .elementor-element.elementor-element-c3014a0 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:30px 30px 30px 30px;}@media(max-width:1024px){.elementor-7188 .elementor-element.elementor-element-12fd8477{padding:100px 25px 100px 25px;}.elementor-7188 .elementor-element.elementor-element-1a83cb5c .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-7188 .elementor-element.elementor-element-12fd8477{padding:50px 20px 50px 20px;}.elementor-7188 .elementor-element.elementor-element-1a83cb5c .elementor-heading-title{font-size:45px;}.elementor-7188 .elementor-element.elementor-element-c3014a0{--e-image-carousel-slides-to-show:1;}}/* Start custom CSS for portfolio_grid_5852, class: .elementor-element-b45f9c5 *//* ============================================================
   e-Tomic Tech-Portfolio Grid (Matrix Look) - v2.1
   (Prilagođeni bijeli rubovi kartica, hover ostaje zelen)
   ============================================================ */

/* 1. Pozadina cijelog widgeta */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .portfolio-grid-widget-5852 {
    background-color: #000000 !important;
    padding: 60px 20px !important;
}

/* 2. Naslov "Our Projects" */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .portfolio-section-title {
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 10px rgba(0, 255, 65, 0.3) !important;
}

/* 3. Filter gumbi (Sve, WEB, BRAND...) */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .filter-btn {
    background: transparent !important;
    border: 1px solid #1a1a1a !important;
    color: #e0e0e0 !important;
    transition: 0.3s !important;
}

.elementor-7188 .elementor-element.elementor-element-b45f9c5 .filter-btn.active {
    background: #00ff41 !important;
    color: #000000 !important;
    border-color: #00ff41 !important;
    box-shadow: 0 0 15px #00ff41 !important;
}

/* 4. Kartice projekata */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .portfolio-card {
    background: #080808 !important;
    border: 1px solid #ffffff !important; /* Promijenjeno na bijeli rub */
    border-radius: 12px !important;
}

/* Hover efekt na karticu - ostaje zeleni rub */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .portfolio-card:hover {
    border-color: #00ff41 !important;
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.2) !important;
}

/* 5. eT ikona u kutu */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .card-tech-icon {
    color: #00ff41 !important;
    font-weight: 800 !important;
    text-shadow: 0 0 8px rgba(0, 255, 65, 0.5) !important;
}

/* 6. Tekstualni sadržaj */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .project-title {
    color: #ffffff !important;
}

.elementor-7188 .elementor-element.elementor-element-b45f9c5 .project-description {
    color: #b0b0b0 !important;
}

/* 7. Bedževi kategorija */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .category-badge {
    background-color: rgba(0, 255, 65, 0.1) !important;
    border: 1px solid #00ff41 !important;
    color: #00ff41 !important;
}

/* 8. Overlay i gumb "Pogledaj projekt" */
.elementor-7188 .elementor-element.elementor-element-b45f9c5 .card-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
}

.elementor-7188 .elementor-element.elementor-element-b45f9c5 .overlay-btn {
    border: 2px solid #00ff41 !important;
    color: #00ff41 !important;
}

.elementor-7188 .elementor-element.elementor-element-b45f9c5 .overlay-btn:hover {
    background: #00ff41 !important;
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7066592 *//* 1. Pozadina cijele sekcije recenzija */
.elementor-7188 .elementor-element.elementor-element-7066592 {
    background-color: #000000 !important;
    padding: 40px 0 !important;
}

/* 2. Kartice recenzija - Bijeli rub, mračna unutrašnjost */
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-review-item, 
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-inner,
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-widget-container .ti-review {
    background-color: #080808 !important;
    border: 1px solid #ffffff !important;
    border-radius: 12px !important;
    transition: 0.3s !important;
}

/* 3. Hover efekt - Neon zeleni rub */
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-review-item:hover,
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-inner:hover {
    border-color: #00ff41 !important;
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.2) !important;
}

/* 4. Tekst recenzija (Ime, Datum, Opis) */
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-name, 
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-date, 
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-text,
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-review-text {
    color: #ffffff !important;
}

/* 5. Zvjezdice - Neka blješte neon zeleno umjesto žuto */
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-star.f, 
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-star {
    color: #00ff41 !important;
}

/* 6. Google logo i ostali detalji */
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-header, 
.elementor-7188 .elementor-element.elementor-element-7066592 .ti-footer {
    filter: invert(1) grayscale(1) brightness(2); /* Pretvara crne elemente u bijele */
}
/* RESPONSIVE FIX ZA MOBITEL */
@media (max-width: 767px) {
    /* 1. Centriranje naslova da ne bježi */
    .elementor-7188 .elementor-element.elementor-element-7066592 .elementor-heading-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }

    /* 2. Fix za Carousel strukturu */
    /* Ako je bedž (eT ili naslov) bio u istom redu, guramo ga iznad */
    .elementor-7188 .elementor-element.elementor-element-7066592 .elementor-widget-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 3. Širenje slidera na 100% širine mobitela */
    .elementor-7188 .elementor-element.elementor-element-7066592 .elementor-image-carousel-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* 4. Smanjivanje logotipa da ih stane više u red */
    .elementor-7188 .elementor-element.elementor-element-7066592 .elementor-image-carousel img {
        max-width: 120px !important; /* Prilagodi da vidiš barem 2-3 logotipa odjednom */
        height: auto !important;
        margin: 0 auto !important;
    }

    /* 5. Fix za onaj "fiksni" bedž koji blokira pogled */
    .elementor-7188 .elementor-element.elementor-element-7066592 .card-tech-icon, 
    .elementor-7188 .elementor-element.elementor-element-7066592 .badge-fixed-element { /* ovisno kako ga je Angie nazvala */
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 15px !important;
        display: inline-block !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1a83cb5c */.elementor-7188 .elementor-element.elementor-element-1a83cb5c .elementor-heading-title {
    /* Boja i vidljivost */
    color: #ffffff !important;
    opacity: 1 !important;
    
    /* Stil fonta (Podebljavanje) */
    font-family: 'Inter', sans-serif !important;
    font-weight: 900 !important; /* Maksimalna debljina */
    text-transform: uppercase !important; /* Sva velika slova */
    letter-spacing: 3px !important; /* Razmak koji daje tech-look */
    
    /* Matrix efekt (Sjaj) */
    text-shadow: 0 0 15px rgba(0, 255, 65, 0.6) !important;
    
    /* Veličina (prilagodi po želji) */
    font-size: 32px !important;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c3014a0 *//* Svi logotipi u sivoj boji */
.elementor-7188 .elementor-element.elementor-element-c3014a0 img {
    filter: grayscale(100%) brightness(200%) contrast(100%);
    opacity: 0.5;
    transition: 0.4s;
}

/* Na hover postaju jasni ili zeleni */
.elementor-7188 .elementor-element.elementor-element-c3014a0 img:hover {
    filter: grayscale(0%) brightness(100%);
    opacity: 1;
}

/* Naslov "Our awesome clients" u Matrix stilu */
.elementor-7188 .elementor-element.elementor-element-c3014a0 h2 {
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}/* End custom CSS */