.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2912 .elementor-element.elementor-element-46e434c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2912 .elementor-element.elementor-element-46e434c .elementor-icon-wrapper{text-align:center;}.elementor-2912 .elementor-element.elementor-element-46e434c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-v4-color-main );}.elementor-2912 .elementor-element.elementor-element-46e434c.elementor-view-framed .elementor-icon, .elementor-2912 .elementor-element.elementor-element-46e434c.elementor-view-default .elementor-icon{color:var( --e-global-color-v4-color-main );border-color:var( --e-global-color-v4-color-main );}.elementor-2912 .elementor-element.elementor-element-46e434c.elementor-view-framed .elementor-icon, .elementor-2912 .elementor-element.elementor-element-46e434c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-v4-color-main );}.elementor-2912 .elementor-element.elementor-element-46e434c .elementor-icon{font-size:30px;}.elementor-2912 .elementor-element.elementor-element-46e434c .elementor-icon svg{height:30px;}:root{--page-title-display:none;}/* Start custom CSS for icon, class: .elementor-element-46e434c */.elementor-2912 .elementor-element.elementor-element-46e434c .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.elementor-2912 .elementor-element.elementor-element-46e434c .elementor-icon svg {
    display: block;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   PROJECTS — HORIZONTAL LOOP
   ========================================================= */


/* המקטע שננעל בזמן הגלילה */
.projects-horizontal {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}


/* ה-Loop Grid עצמו */
.projects-grid {
    width: 100%;
    max-width: none;

    counter-reset: project-counter;
}


/* השורה שאלמנטור יוצר בתוך ה-Loop Grid */
.projects-grid [role="list"] {
    display: flex !important;
    flex-wrap: nowrap !important;

    /*
     * חשוב:
     * הפרויקטים ממשיכים משמאל,
     * כדי שבגלילה נוכל להזיז את השורה ימינה.
     */
    flex-direction: row !important;
    direction: rtl;

    align-items: stretch;
    justify-content: flex-start;

    gap: 32px;

    width: max-content !important;
    max-width: none !important;

    box-sizing: border-box;
}


/* כל כרטיס פרויקט */
.projects-grid [role="listitem"] {
    flex: 0 0 40vw !important;

    width: 40vw !important;
    min-width: 40vw !important;
    max-width: 40vw !important;

    box-sizing: border-box;
}



/* =========================================================
   AUTOMATIC PROJECT NUMBER
   ========================================================= */

.projects-grid .project-number {
    counter-increment: project-counter;
}

.projects-grid .project-number::before {
    content: counter(project-counter, decimal-leading-zero);
}



/* =========================================================
   PROJECT TAGS
   ========================================================= */

.project-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin: 0;
}


.project-tag {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 6px 12px;

    border: 1px solid rgba(25,196,229,.25);
    border-radius: 50px;

    background: rgba(25,196,229,.07);

    color: rgba(255,255,255,.78);

    font-size: 13px;
    line-height: 1;

    white-space: nowrap;
}/* End custom CSS */