.elementor-152 .elementor-element.elementor-element-lpq0001{--display:flex;--padding-top:16px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}body.elementor-page-152:not(.elementor-motion-effects-element-type-background), body.elementor-page-152 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF7F2;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-152 .elementor-element.elementor-element-lpq0001{--content-width:1200px;}}/* Start custom CSS *//*
  לב פתוח — Elementor custom CSS
  Paste into: Elementor › Site Settings › Custom CSS (Pro)
  or WordPress › Appearance › Customize › Additional CSS (free).
  Then add the class names below in each widget's Advanced › CSS Classes.
*/

:root{
  --lp-rainbow:linear-gradient(90deg,#E5484D,#F2862E,#F5B935,#3FA66A,#2F80D6,#8B4FD8,#D3409E);
  --lp-rainbow-text:linear-gradient(90deg,#C42E43,#D0611B,#A9800C,#2E8A57,#2770C2,#7240C9,#B53689);
}

/* Rainbow text — wrap the words in <span class="lp-rainbow-text"> inside a Heading widget */
.lp-rainbow-text{background:var(--lp-rainbow-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-bottom:.08em}

/* Eyebrow label with rainbow dash — Heading widget (h6/span), class lp-eyebrow */
.lp-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px}
.lp-eyebrow .elementor-heading-title::before{content:"";width:28px;height:4px;border-radius:4px;background:var(--lp-rainbow)}

/* Rainbow top stripe on a Container (dark compare card, price card) */
.lp-rainbow-top{position:relative;overflow:hidden}
.lp-rainbow-top::before{content:"";position:absolute;inset-inline:0;top:0;height:8px;background:var(--lp-rainbow);z-index:2}

/* Full-width rainbow divider above the footer — empty Container, class lp-rainbow-bar */
.lp-rainbow-bar{height:6px;min-height:6px!important;padding:0!important;background:var(--lp-rainbow)}

/* Hand-drawn yellow underline — <span class="lp-underline">…</span> inside a Heading */
.lp-underline{background:no-repeat 0 100%/100% .3em url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8c50-6 140-8 196-2' fill='none' stroke='%23F5B935' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");padding-bottom:.12em}

/* Coloured words in the statement heading */
.lp-w-magenta{color:#A62877}.lp-w-green{color:#24764A}.lp-w-blue{color:#1D64B3}.lp-w-orange{color:#AD4C0A}

/* Fanned hero photo cards — Container class lp-stack holding 3 Containers (Image + Heading) */
.lp-stack{position:relative;min-height:600px}
.lp-pcard{position:absolute!important;width:270px!important;max-width:none!important;border-radius:26px;padding:10px 10px 0!important;gap:0!important;box-shadow:0 2px 4px rgba(35,26,46,.06),0 18px 40px rgba(35,26,46,.12)}
.lp-pcard img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;width:100%}
.lp-pcard .elementor-heading-title{padding:14px 8px 16px}

/* Hero extras: floating chip, hand-written note, arrow (HTML / Heading widgets inside lp-stack) */
.lp-chip{position:absolute!important;top:0;inset-inline-end:0;z-index:5;width:auto!important}
.lp-chip span{background:#fff;border-radius:999px;box-shadow:0 1px 2px rgba(35,26,46,.06),0 4px 16px rgba(35,26,46,.06);padding:10px 16px;display:inline-flex;gap:10px;align-items:center;font:700 15px "Assistant",sans-serif;color:#231A2E}
.lp-note{position:absolute!important;bottom:0;inset-inline-end:270px;z-index:4;width:auto!important;transform:rotate(-3deg)}
.lp-arrow{position:absolute!important;bottom:2px;inset-inline-end:150px;width:110px!important;z-index:4;color:#231A2E}
@media (max-width:767px){.lp-note{inset-inline-end:16px}.lp-arrow{display:none}}

/* Image ratios — add to Image widgets */
.lp-ratio-43 img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:14px}
.lp-ratio-11 img{aspect-ratio:1/1;object-fit:cover;width:100%}

/* Tag pills — <span class="lp-tag"> inside a Text Editor */
.lp-tag{display:inline-block;font-size:13px;font-weight:600;line-height:1.6;background:#FBF7F2;border:1px solid #E6DACF;padding:2px 10px;border-radius:999px;margin:0 0 6px 6px}

/* Numbered list in the guarantee box — <ol class="lp-ol"> inside a Text Editor */
.lp-ol{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:g}
.lp-ol li{display:flex;gap:14px;align-items:flex-start;counter-increment:g}
.lp-ol li::before{content:counter(g);flex:none;width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;font:700 16px "Rubik",sans-serif;color:#C92F4E}

/* Sticky header blur */
.lp-header{backdrop-filter:saturate(1.4) blur(10px)}
.lp-pcard--1{background:#C2338E;color:#fff;inset-inline-end:24px;top:30px;z-index:3;transform:rotate(-5deg)}
.lp-pcard--2{background:#F5B935;color:#231A2E;inset-inline-end:160px;top:58px;z-index:2;transform:rotate(3deg)}
.lp-pcard--3{background:#3FA66A;color:#231A2E;inset-inline-end:290px;top:100px;z-index:1;transform:rotate(10deg)}
@media (max-width:767px){
  .lp-stack{min-height:400px}
  .lp-pcard{width:180px!important;border-radius:20px;padding:7px 7px 0}
  .lp-pcard--1{inset-inline-end:10px;top:40px}
  .lp-pcard--2{inset-inline-end:80px;top:62px}
  .lp-pcard--3{inset-inline-end:146px;top:96px}
}

/* Gentle float on the hero cards */
@keyframes lp-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.lp-pcard--1{animation:lp-float 6s ease-in-out infinite}
.lp-pcard--2{animation:lp-float 7s ease-in-out .6s infinite}
.lp-pcard--3{animation:lp-float 8s ease-in-out 1.2s infinite}

/* Lift on hover for step / team cards */
.lp-lift{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.lp-lift:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(35,26,46,.06),0 18px 40px rgba(35,26,46,.12)}

/* Guarantee seal — Heading widget, class lp-seal */
.lp-seal .elementor-heading-title{width:112px;height:112px;border-radius:50%;background:#F5B935;color:#231A2E;display:grid;place-items:center;text-align:center;line-height:1.2;transform:rotate(-8deg);box-shadow:0 0 0 6px rgba(245,185,53,.25)}

/* Button arrow nudge (RTL: arrow points left) */
.elementor-button .elementor-button-icon{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.elementor-button:hover .elementor-button-icon{transform:translateX(-4px)}

/* Visible keyboard focus everywhere */
:focus-visible{outline:3px solid #2F80D6;outline-offset:3px;border-radius:6px}

/* Accordion + / × rotation */
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon{transform:rotate(45deg)}
.elementor-accordion .elementor-accordion-icon{transition:transform .25s}

@media (prefers-reduced-motion:reduce){
  .lp-pcard{animation:none!important}
  .lp-lift,.elementor-button .elementor-button-icon{transition:none}
  .elementor-invisible{visibility:visible!important}
  .animated{animation:none!important}
}/* End custom CSS */