.elementor-kit-13{--e-global-color-primary:#485CBB;--e-global-color-secondary:#011C32;--e-global-color-text:#011C32;--e-global-color-accent:#CC3366;--e-global-color-deep:#052B7A;--e-global-color-surface:#F3F5FB;--e-global-color-muted:#566179;--e-global-color-line:#E2E6F0;--e-global-color-white:#FFFFFF;--e-global-color-onnavy:#B9C6DA;--e-global-color-yellow:#FFC000;--e-global-color-red:#FF2D14;--e-global-color-pinkline:#FF5F8F;--e-global-color-pinkdark:#A82552;--e-global-color-bluetint:#E7EAF8;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:600;--e-global-typography-t_h1-font-family:"Rubik";--e-global-typography-t_h1-font-size:54px;--e-global-typography-t_h1-font-weight:800;--e-global-typography-t_h1-line-height:1.12em;--e-global-typography-t_h2-font-family:"Rubik";--e-global-typography-t_h2-font-size:40px;--e-global-typography-t_h2-font-weight:800;--e-global-typography-t_h2-line-height:1.18em;--e-global-typography-t_h3-font-family:"Rubik";--e-global-typography-t_h3-font-size:22px;--e-global-typography-t_h3-font-weight:700;--e-global-typography-t_h3-line-height:1.35em;--e-global-typography-t_h4-font-family:"Rubik";--e-global-typography-t_h4-font-size:18px;--e-global-typography-t_h4-font-weight:700;--e-global-typography-t_h4-line-height:1.4em;--e-global-typography-t_lead-font-family:"Rubik";--e-global-typography-t_lead-font-size:19px;--e-global-typography-t_lead-font-weight:400;--e-global-typography-t_lead-line-height:1.65em;--e-global-typography-t_body-font-family:"Rubik";--e-global-typography-t_body-font-size:17px;--e-global-typography-t_body-font-weight:400;--e-global-typography-t_body-line-height:1.7em;--e-global-typography-t_small-font-family:"Rubik";--e-global-typography-t_small-font-size:16px;--e-global-typography-t_small-font-weight:400;--e-global-typography-t_small-line-height:1.55em;--e-global-typography-t_btn-font-family:"Rubik";--e-global-typography-t_btn-font-size:16.5px;--e-global-typography-t_btn-font-weight:600;--e-global-typography-t_btn-line-height:1.2em;--e-global-typography-t_eyebrow-font-family:"Rubik";--e-global-typography-t_eyebrow-font-size:15px;--e-global-typography-t_eyebrow-font-weight:600;--e-global-typography-t_eyebrow-line-height:1.2em;background-color:#FFFFFF;color:var( --e-global-color-text );font-family:"Rubik", system-ui, sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 a{color:var( --e-global-color-primary );}.elementor-kit-13 a:hover{color:var( --e-global-color-accent );}.elementor-kit-13 h1{color:var( --e-global-color-text );font-family:"Rubik", system-ui, sans-serif;font-size:54px;font-weight:800;line-height:1.12em;}.elementor-kit-13 h2{color:var( --e-global-color-text );font-family:"Rubik", system-ui, sans-serif;font-size:40px;font-weight:800;line-height:1.18em;}.elementor-kit-13 h3{color:var( --e-global-color-text );font-family:"Rubik", system-ui, sans-serif;font-size:22px;font-weight:700;line-height:1.35em;}.elementor-kit-13 h4{color:var( --e-global-color-text );font-family:"Rubik", system-ui, sans-serif;font-size:18px;font-weight:700;line-height:1.4em;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{font-family:"Noto Sans Hebrew", system-ui, sans-serif;}.elementor-kit-13 label{font-family:"Noto Sans Hebrew", system-ui, sans-serif;}.elementor-kit-13 input:not([type="button"]):not([type="submit"]),.elementor-kit-13 textarea,.elementor-kit-13 .elementor-field-textual{font-family:"Noto Sans Hebrew", system-ui, sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-13{--e-global-typography-t_h1-font-size:34px;--e-global-typography-t_h2-font-size:28px;--e-global-typography-t_h3-font-size:19px;--e-global-typography-t_h4-font-size:17px;--e-global-typography-t_lead-font-size:17px;--e-global-typography-t_body-font-size:16px;--e-global-typography-t_small-font-size:16px;--e-global-typography-t_btn-font-size:16px;--e-global-typography-t_eyebrow-font-size:14px;font-size:16px;}.elementor-kit-13 h1{font-size:34px;}.elementor-kit-13 h2{font-size:28px;}.elementor-kit-13 h3{font-size:19px;}.elementor-kit-13 h4{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Zap portfolio kit layer: only what the panels cannot do. Components of the work grids live in zp-site.css. */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
[id]{scroll-margin-top:96px}
/* sticky header */
.elementor-location-header{position:sticky;top:0;z-index:999}
.zp-hdr{box-shadow:0 6px 24px -18px rgba(1,28,50,.35)}
.zp-logo img{display:block}
.zp-nav .elementor-nav-menu--main .elementor-item{white-space:nowrap}
@media (max-width:1300px) and (min-width:1025px){.zp-nav .elementor-nav-menu--main .elementor-item{font-size:15px!important}.zp-nav .elementor-nav-menu>li{margin-inline:0!important}.zp-nav .elementor-nav-menu--main>.elementor-nav-menu>li:not(:last-child){margin-inline-end:16px!important}}
@media (max-width:1024px){
 .zp-hdr .zp-hdr-side{flex:1 1 0!important}
 .zp-hdr .zp-logo{flex:none!important}
 .zp-nav .elementor-menu-toggle{width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}
}
.zp-rainbow{overflow:hidden}
/* hero */
.zp-hero{position:relative;isolation:isolate;overflow:hidden}
.zp-hero--home{padding-inline-start:max(40px,calc((100% - 1200px) / 2))!important;padding-inline-end:0!important}
.zp-hero--home::after,.zp-hero--product::after{content:"";position:absolute;inset:auto auto -180px -160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(204,51,102,.35),rgba(204,51,102,0));z-index:-1;pointer-events:none}
.zp-hero--home::before{content:"";position:absolute;top:-200px;right:30%;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(72,92,187,.45),rgba(72,92,187,0));z-index:-1;pointer-events:none}
.zp-hero-show{min-width:0;overflow:visible}
.zp-hero h1{text-wrap:balance}
@media (max-width:1024px){.zp-hero--home{padding-inline:24px!important}}
@media (max-width:767px){.zp-hero--home{padding-inline:20px!important}}
/* product tiles: hover = colour and shadow only (never move) */
.zp-tile{transition:border-color .2s,box-shadow .2s}
.zp-tile:hover{box-shadow:0 18px 40px -22px rgba(1,28,50,.35);--e-con-border-color:#485CBB;border-color:#485CBB!important}
.zp-tile .elementor-icon{transition:background-color .2s,color .2s}
.zp-tile:hover .elementor-icon{background-color:#485CBB!important;color:#fff!important;fill:#fff!important}
.zp-tile:focus-visible{outline:3px solid #CC3366;outline-offset:3px}
.zp-tile-count p{margin:0}
/* product mockup on the white cards: a soft tint of the card's route colour behind it, a small lift of the image on hover */
.zp-tile-mock{border-radius:16px;background:color-mix(in srgb,var(--zp-route,#485CBB) 9%,#fff);overflow:hidden}
.zp-tile-mock img{display:block;width:100%;height:auto;transition:transform .4s ease}
.zp-route-tile:hover .zp-tile-mock img{transform:scale(1.04)}
/* image tiles: the gradient opens up on hover so the work shows through; the pill turns pink */
.zp-tile--img{border:0!important;box-shadow:0 18px 40px -24px rgba(1,28,50,.55)}
.zp-tile--img::before{transition:opacity .35s ease}
.zp-tile--img:hover::before{opacity:.82!important}
.zp-tile--img:hover{box-shadow:0 28px 50px -22px rgba(1,28,50,.6)}
.zp-tile--img .zp-tile-pitch{opacity:.92;max-width:30ch}
.zp-tile--img .zp-tile-pill .elementor-heading-title{transition:color .2s}
.zp-tile--img .zp-tile-pill{transition:background-color .2s}
.zp-tile--img:hover .zp-tile-pill{background-color:#CC3366!important}
.zp-tile--img:hover .zp-tile-pill .elementor-heading-title{color:#fff!important}
.zp-tile--img:hover .elementor-icon{background-color:rgba(255,255,255,.3)!important;color:#fff!important}
.zp-tile-cta{position:relative}
.zp-tile-cta::after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FF2D14 0 25%,#FFC000 25% 50%,#FF5F8F 50% 75%,#485CBB 75% 100%)}
.zp-sec h2{text-wrap:balance}
.elementor-widget-text-editor p:last-child{margin-bottom:0}
/* buttons: a visible keyboard focus everywhere */
.elementor-button:focus-visible,.elementor-nav-menu a:focus-visible{outline:3px solid #CC3366;outline-offset:3px}/* End custom CSS */