.elementor-4414 .elementor-element.elementor-element-1e2fc567{--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;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:96px;--padding-bottom:28px;--padding-left:64px;--padding-right:64px;}.elementor-4414 .elementor-element.elementor-element-1e2fc567:not(.elementor-motion-effects-element-type-background), .elementor-4414 .elementor-element.elementor-element-1e2fc567 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFCF7;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4414 .elementor-element.elementor-element-5c5c8816{text-align:center;}.elementor-4414 .elementor-element.elementor-element-5c5c8816 img{width:170px;}.elementor-4414 .elementor-element.elementor-element-1131074e{--grid-template-columns:repeat(0, auto);--icon-size:22px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-4414 .elementor-element.elementor-element-1131074e .elementor-widget-container{text-align:center;}.elementor-4414 .elementor-element.elementor-element-1131074e .elementor-social-icon{--icon-padding:16px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4414 .elementor-element.elementor-element-1b0fae4{text-align:center;font-family:"Assistant", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#0F3A52;}.elementor-4414 .elementor-element.elementor-element-1f034268{text-align:center;font-family:"Assistant", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#0F3A52;}.elementor-4414 .elementor-element.elementor-element-1fa1d36c{text-align:center;font-family:"Assistant", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#0F3A52;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-4414 .elementor-element.elementor-element-1e2fc567{--padding-top:56px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-4414 .elementor-element.elementor-element-1e2fc567{--content-width:1160px;}}/* Start custom CSS *//* =====================================================================
   ברקו סטודיו: CSS לאלמנטור
   להדביק ב: Elementor > Site Settings > Custom CSS (דורש Pro)
   או ב: WordPress > מראה > התאמה אישית > CSS נוסף (עובד גם בלי Pro)
   ===================================================================== */

/* ---------- משתני צבע ---------- */
:root {
  --b-light: #fefcf7;
  --b-cream: #faf6ea;
  --b-aqua:  #8fc9c4;
  --b-mint:  #d6e7d6;
  --b-pale:  #c8e5ea;
  --b-deep:  #0b6aa2;
  --b-deep2: #084c78;
  --b-sea:   #2a9cc4;
  --b-ink:   #0f3a52;
}

/* ---------- כפתורים: להוסיף class b-btn לווידג'ט Button (ולכפתור הראשי גם b-solid) ---------- */
.b-btn .elementor-button {
  transition: transform .3s cubic-bezier(.2,.8,.3,1), background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.b-btn .elementor-button:hover {
  transform: translateY(-5px);
  background-color: var(--b-deep) !important;
  color: var(--b-light) !important;
  box-shadow: 0 10px 0 -2px var(--b-aqua);
}
.b-btn.b-solid .elementor-button:hover {
  background-color: var(--b-aqua) !important;
  color: var(--b-deep2) !important;
  border-color: var(--b-aqua) !important;
  box-shadow: 0 10px 0 -2px var(--b-deep);
}
.b-btn .elementor-button:active { transform: translateY(-1px); }

/* ---------- תפריט עליון קבוע (רק אם אין Elementor Pro): class b-header על הקונטיינר ---------- */
.b-header {
  position: sticky; top: 0; z-index: 50;
  box-shadow: 0 8px 18px -12px rgba(8,76,120,.55);
}

/* ---------- הסלוגן המונפש: מדביקים את קטע ה-HTML בווידג'ט HTML ---------- */
.b-slogan { position: relative; width: min(94%, 880px); margin-inline: auto; }
.b-slogan .b-float { position: relative; animation: b-drift 11s ease-in-out infinite; }
.b-slogan i {
  display: block; width: 100%; aspect-ratio: 1103 / 614;
  background: linear-gradient(100deg, #0b6aa2 0%, #0b6aa2 32%, #2a9cc4 50%, #0b6aa2 68%, #0b6aa2 100%);
  background-size: 280% 100%;
  -webkit-mask: var(--b-slogan-img) center / contain no-repeat;
          mask: var(--b-slogan-img) center / contain no-repeat;
  animation: b-sheen 8s linear infinite;
}
@keyframes b-sheen { from { background-position: 100% 0; } to { background-position: -180% 0; } }
@keyframes b-drift { 0%, 100% { transform: translate3d(0,0,0) rotate(-.8deg); } 50% { transform: translate3d(10px,-12px,0) rotate(.8deg); } }
.b-spark { position: absolute; width: 8%; aspect-ratio: 1; fill: var(--b-aqua); animation: b-twinkle 3s ease-in-out infinite; }
.b-spark.s1 { left: -2%; top: -4%; }
.b-spark.s2 { right: 3%; top: 44%; width: 5%; animation-delay: -1.2s; }
@keyframes b-twinkle { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(.55) rotate(30deg); } }

/* ---------- הסיפור: תמונה עם מסגרת מוזזת, כרטיס חופף, הדגשות ---------- */
/* class b-photo על ווידג'ט Image */
.b-photo { position: relative; }
.b-photo::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; background: var(--b-aqua); border-radius: 4px; }
.b-photo img { position: relative; display: block; width: 100%; aspect-ratio: 5 / 6; object-fit: cover; object-position: 50% 12%; border-radius: 4px; border: 1px solid var(--b-deep); }
/* class b-card על הקונטיינר של הטקסט */
.b-card { position: relative; z-index: 2; border-radius: 6px; box-shadow: 14px 14px 0 var(--b-pale); }
/* בתוך הטקסט (במצב Text Editor > HTML): <span class="b-em">, <span class="b-mark">, <span class="b-nb"> */
.b-em   { color: var(--b-deep); font-weight: 900; white-space: nowrap; }
.b-mark { font-weight: 700; white-space: nowrap; background: linear-gradient(transparent 62%, var(--b-pale) 62% 94%, transparent 94%); }
.b-nb   { white-space: nowrap; display: inline-block; }

/* ---------- שירותי הסטודיו: שורות ענק. class b-row על כל קונטיינר, ועוד b-r1 / b-r2 / b-r3 ---------- */
.b-row { border-radius: 6px; transition: transform .35s cubic-bezier(.2,.8,.3,1), box-shadow .35s ease; }
.b-row:hover { transform: translateY(-4px); box-shadow: 0 10px 0 -3px var(--b-deep); }
.b-row .b-desc { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .4s ease, opacity .4s ease; }
.b-row:hover .b-desc, .b-row:focus-within .b-desc { max-height: 3em; opacity: 1; }
.b-r1 { background-color: var(--b-aqua); }
.b-r2 { background-color: var(--b-mint); }
.b-r3 { background-color: var(--b-pale); }
.b-row .b-go { transition: transform .35s ease, background-color .35s ease, color .35s ease; }
.b-row:hover .b-go { transform: translateX(-8px); }

/* ---------- המלצות: רצועה נעה במחשב, רצועת החלקה בטלפון ---------- */
.b-quotes {
  direction: ltr; overflow: hidden; width: 100%; max-width: 1240px; margin-inline: auto; padding: 10px 0 24px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.b-track { display: flex; width: max-content; animation: b-run 70s linear infinite reverse; }
.b-set { display: flex; gap: 18px; padding-inline-end: 18px; }
.b-q { direction: rtl; flex: 0 0 clamp(270px, 28vw, 340px); margin: 0; background: var(--b-light); color: var(--b-ink); border: 1px solid var(--b-deep); border-radius: 4px; padding: 24px; display: grid; gap: 20px; align-content: space-between; transition: transform .4s cubic-bezier(.2,.8,.3,1); }
.b-q:hover { transform: translateY(-6px) rotate(-.6deg); }
.b-q p { margin: 0; font-size: 19px; line-height: 1.5; }
.b-q cite { font-style: normal; font-size: 15px; line-height: 1.3; }
.b-q cite b { display: block; font-weight: 700; font-size: 18px; color: var(--b-deep); }
@keyframes b-run { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.b-quotes:hover .b-track { animation-play-state: paused; }
@media (max-width: 860px) {
  .b-quotes { direction: rtl; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 8px 4px 22px; -webkit-mask-image: none; mask-image: none; }
  .b-quotes::-webkit-scrollbar { display: none; }
  .b-track { animation: none !important; width: auto; display: block; }
  .b-set { gap: 14px; padding-inline-end: 0; }
  .b-set[aria-hidden="true"] { display: none; }
  .b-q { flex: 0 0 82%; max-width: 340px; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) {
  .b-track { animation: none !important; }
  .b-quotes { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .b-set[aria-hidden="true"] { display: none; }
}

/* ---------- תחתית: אייקונים עגולים. class b-social על ווידג'ט Social Icons ---------- */
.b-social .elementor-social-icon {
  width: 54px; height: 54px; border: 1px solid var(--b-deep); background: transparent !important; color: var(--b-deep);
  transition: transform .3s cubic-bezier(.2,.8,.3,1), background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
.b-social .elementor-social-icon i, .b-social .elementor-social-icon svg { color: var(--b-deep); fill: var(--b-deep); }
.b-social .elementor-social-icon:hover { transform: translateY(-5px); background: var(--b-deep) !important; box-shadow: 0 9px 0 -2px var(--b-aqua); }
.b-social .elementor-social-icon:hover i, .b-social .elementor-social-icon:hover svg { color: var(--b-light); fill: var(--b-light); }

/* ---------- כפתורים מרחפים (וואטסאפ וחזרה למעלה) ---------- */
.b-fab { position: fixed; z-index: 60; width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--b-deep2); display: grid; place-items: center; cursor: pointer; color: var(--b-light); background: var(--b-deep); box-shadow: 0 6px 0 -1px rgba(8,76,120,.35); text-decoration: none; transition: transform .3s cubic-bezier(.2,.8,.3,1), background-color .3s ease, color .3s ease, opacity .3s ease, box-shadow .3s ease; }
.b-fab svg { width: 26px; height: 26px; fill: currentColor; }
.b-fab:hover { transform: translateY(-5px); box-shadow: 0 12px 0 -2px rgba(8,76,120,.35); }
.b-fab:focus-visible { outline: 3px solid var(--b-deep2); outline-offset: 3px; }
.b-fab-wa { left: 18px; bottom: 18px; animation: b-wa 4.5s ease-in-out infinite; }
.b-fab-wa:hover { background: #1fa855; border-color: #1fa855; }
@keyframes b-wa { 0%, 88%, 100% { transform: translateY(0); } 92% { transform: translateY(-6px); } 96% { transform: translateY(0); } }
.b-fab-top { right: 18px; bottom: 18px; background: var(--b-aqua); color: var(--b-deep2); opacity: 0; pointer-events: none; transform: translateY(10px); }
.b-fab-top.show { opacity: 1; pointer-events: auto; transform: none; }
.b-fab-top.show:hover { transform: translateY(-5px); background: var(--b-deep2); color: var(--b-light); }
@media (max-width: 860px) { .b-fab-wa { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); } }
@media (prefers-reduced-motion: reduce) { .b-fab-wa { animation: none; } .b-fab { transition: none; } }

/* ---------- כותרת H1 סמויה לקוראי מסך ולגוגל: class b-sr על ווידג'ט Heading ---------- */
.b-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* ---------- פריט "שנדבר?" בתפריט כפיל: ב-WordPress > מראה > תפריטים > CSS Classes: b-pill ---------- */
.b-pill > a { background: var(--b-pale); color: var(--b-deep2) !important; border-radius: 999px; padding: 6px 20px !important; font-weight: 700; transition: transform .3s cubic-bezier(.2,.8,.3,1), background-color .3s ease; }
.b-pill > a:hover { transform: translateY(-3px); background: #ecdfb4 !important; }
.b-nb{white-space:nowrap;display:inline-block}
.elementor-widget-text-editor a{color:inherit;text-decoration:none}
.elementor-widget-text-editor a:hover{text-decoration:underline;text-underline-offset:4px}

/* accessibility: the plugin button is replaced by our own matching button, which opens the plugin toolbar */
#sitelinx-toggle-toolbar{display:none!important}
.b-fab-a11y{left:18px;bottom:88px}
@media (max-width:860px){.b-fab-a11y{bottom:calc(154px + env(safe-area-inset-bottom,0px))}}
/* hide the old theme back-to-top arrow (replaced by our own) and keep our round buttons round */
#ast-scroll-top{display:none!important}
button.b-fab{width:56px!important;height:56px!important;min-width:0!important;padding:0!important;border-radius:50%!important;line-height:1!important}/* End custom CSS */