/* =====================================================================
   SmartSignals homepage stylesheet
   The homepage's 7 in-body <style> blocks, consolidated verbatim in
   document order. They all originally loaded AFTER the et-core Divi
   cached CSS (</head>, line 160), so this <link> is placed at the
   position of the LAST block to preserve override order exactly.
   ===================================================================== */


/* ===== homepage block 1 ===== */
body #page-container .et_pb_section .et_pb_button_0 {

  top: 20px;
}

/* Hero CTA ("לקבלת הצעת מחיר אטרקטיבית") sat on the teal hero as a translucent
   teal pill and blended in. Make it a solid white pill with teal text so it
   pops off the background; hover fills with brand teal. */
body #page-container .et_pb_section a.et_pb_button.et_pb_button_0,
body #page-container .et_pb_section a.et_pb_button.et_pb_button_1 {
  background: #ffffff !important;
  color: #0e6a82 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 16px 44px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 12px 30px rgba(4, 40, 52, 0.30) !important;
  transition: background .25s ease, color .25s ease, transform .2s ease, box-shadow .25s ease !important;
}
body #page-container .et_pb_section a.et_pb_button.et_pb_button_0:hover,
body #page-container .et_pb_section a.et_pb_button.et_pb_button_1:hover {
  background: #00B4B4 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 38px rgba(0, 180, 180, 0.45) !important;
}
/* kill Divi's default arrow pseudo so the white pill stays clean */
body #page-container .et_pb_section a.et_pb_button.et_pb_button_0:after,
body #page-container .et_pb_section a.et_pb_button.et_pb_button_1:after { display: none !important; }

/* ── Solutions grid: modern redesign with number badges + hover effects ── */
.ss-sol-new { background:linear-gradient(180deg,#f8fbfc 0%,#ffffff 100%); padding:0 5vw 72px; direction:rtl; }
.ss-sol-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    max-width:1240px;
    margin:0 auto;
}
.ss-sol-card {
    position:relative;
    background:#fff;
    border:1.5px solid #e8f0f3;
    border-radius:20px;
    padding:28px 26px 28px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    text-align:right;
    transition:box-shadow .35s ease, transform .35s ease, border-color .35s ease;
    overflow:hidden;
}
.ss-sol-card::after {
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg,#00B4B4,#46a7b1);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.ss-sol-card:hover {
    box-shadow:0 14px 40px rgba(70,167,177,.18);
    transform:translateY(-6px);
    border-color:rgba(70,167,177,.35);
}
.ss-sol-card:hover::after { transform:scaleX(1); }
.ss-sol-icon {
    width:58px; height:58px;
    flex-shrink:0;
    border-radius:15px;
    background:linear-gradient(135deg,#00B4B4 0%,#46a7b1 100%);
    display:flex; align-items:center; justify-content:center;
    margin:0;
    box-shadow:0 6px 16px rgba(0,180,180,.28);
    transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}
.ss-sol-card:hover .ss-sol-icon {
    transform:rotate(-6deg) scale(1.08);
    box-shadow:0 10px 26px rgba(27,58,75,.34);
    background:linear-gradient(135deg,#1B3A4B 0%,#2d5566 100%);
}
.ss-sol-icon svg { width:30px; height:30px; color:#fff; stroke:#fff; }
.ss-sol-card:hover .ss-sol-icon svg { color:#fff; stroke:#fff; }
.ss-sol-card h3 {
    font-size:20px;
    font-weight:800;
    color:#00B4B4;
    margin:0;
    flex:1 1 auto;
    min-width:0;
    line-height:1.35;
    font-family:'Assistant','SenticoSansDT',Arial,sans-serif;
    position:relative;
    z-index:1;
}
.ss-sol-card p {
    font-size:17px;
    flex:1 0 100%;
    margin:18px 0 0;
    color:#4a6070;
    line-height:1.7;
    text-align:right;
    font-family:'Assistant','SenticoSansDT',Arial,sans-serif;
    position:relative;
    z-index:1;
}
.ss-sol-cta-btn {
    display:inline-block;
    background:linear-gradient(135deg,#00B4B4 0%,#46a7b1 100%);
    border:0;
    color:#fff;
    border-radius:50px;
    padding:15px 42px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease;
    box-shadow:0 6px 22px rgba(70,167,177,.30);
}
.ss-sol-cta-btn:hover {
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(70,167,177,.42);
}
@media (max-width:980px) {
    .ss-sol-card { padding:32px 22px 26px; }
    .ss-sol-icon { width:60px; height:60px; margin-bottom:18px; }
    .ss-sol-icon svg { width:28px; height:28px; }
    .ss-sol-card h3 { font-size:17px; }
    .ss-sol-card p { font-size:16px; line-height:1.7; }
}
@media (max-width:860px) { .ss-sol-grid { grid-template-columns:repeat(2,1fr); gap:18px; } }
@media (max-width:540px) {
    .ss-sol-grid { grid-template-columns:1fr; gap:16px; }
    .ss-sol-new { padding:0 4vw 48px; }
    .ss-sol-card { padding:28px 22px 24px; }
}



/* ===== homepage block 2 ===== */

.ss-testimonials { background:linear-gradient(180deg,#ffffff 0%,#eaf6f7 100%); padding:80px 20px; direction:rtl; font-family:'Assistant','SenticoSansDT',Arial,sans-serif; }
.ss-testimonials-inner { max-width:1200px; margin:0 auto; }
.ss-testimonials-heading { text-align:center; font-size:clamp(26px,3.2vw,38px); font-weight:800; color:#1B3A4B; margin:0 0 32px; line-height:1.25; }
.ss-testimonials-heading .ss-tc-accent { color:#00B4B4; }
.ss-tc-carousel { position:relative; outline:none; }
.ss-tc-carousel:focus-visible { box-shadow:0 0 0 3px rgba(0,180,180,.35); border-radius:20px; }
.ss-tc-stage { position:relative; min-height:340px; }
.ss-tc-slide { position:absolute; inset:0; background:#fff; border-radius:20px; padding:48px 56px 36px; box-shadow:0 10px 40px rgba(27,58,75,.10); border-top:5px solid #00B4B4; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .55s ease, transform .55s ease, visibility 0s linear .55s; display:flex; flex-direction:column; }
.ss-tc-slide.is-active { opacity:1; visibility:visible; transform:translateY(0); transition:opacity .55s ease, transform .55s ease, visibility 0s linear 0s; }
.ss-tc-quote-mark { font-family:Georgia,'Times New Roman',serif; font-size:5rem; line-height:.6; color:#00B4B4; opacity:.35; margin-bottom:8px; }
.ss-tc-quote { margin:0 0 22px; padding:0; color:#2d3e48; font-size:clamp(15px,1.45vw,18px); line-height:1.75; flex:1; border:0; }
.ss-tc-quote p { margin:0 0 12px; }
.ss-tc-quote p:last-child { margin-bottom:0; }
.ss-tc-attr { border-top:1px solid #eef2f5; padding-top:14px; display:flex; flex-direction:column; gap:2px; }
.ss-tc-name { font-weight:800; color:#1B3A4B; font-size:1rem; }
.ss-tc-role { color:#6b7a82; font-size:.9rem; }
.ss-tc-arrow { position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:0; background:#ffffff; color:#1B3A4B; font-size:28px; line-height:1; font-weight:700; cursor:pointer; box-shadow:0 6px 18px rgba(27,58,75,.18); display:flex; align-items:center; justify-content:center; z-index:3; transition:background .2s, color .2s, transform .2s; padding:0; }
.ss-tc-arrow:hover { background:#00B4B4; color:#fff; transform:translateY(-50%) scale(1.06); }
.ss-tc-arrow:focus-visible { outline:3px solid rgba(0,180,180,.45); outline-offset:2px; }
.ss-tc-prev { right:-22px; }
.ss-tc-next { left:-22px; }
.ss-tc-dots { display:flex; justify-content:center; gap:10px; margin-top:24px; }
.ss-tc-dot { width:10px; height:10px; border-radius:50%; border:0; background:#c9d6db; padding:0; cursor:pointer; transition:background .25s, transform .25s, width .25s; }
.ss-tc-dot:hover { background:#7ec9c9; }
.ss-tc-dot.is-active { background:#00B4B4; width:28px; border-radius:6px; }
.ss-tc-dot:focus-visible { outline:3px solid rgba(0,180,180,.45); outline-offset:2px; }
@media (max-width:768px) {
  .ss-testimonials { padding:56px 16px; }
  .ss-tc-stage { min-height:420px; }
  .ss-tc-slide { padding:32px 22px 24px; border-radius:16px; }
  .ss-tc-arrow { width:40px; height:40px; font-size:24px; box-shadow:0 4px 12px rgba(27,58,75,.20); }
  .ss-tc-prev { right:4px; }
  .ss-tc-next { left:4px; }
  .ss-tc-quote-mark { font-size:3.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ss-tc-slide { transition:none; }
}

/* ── Testimonials: 2-up carousel (grid swap — RTL-safe) + truncate/הרחב expand ── */
.ss-tc-carousel { position:relative !important; }
.ss-tc-arrow { display:flex !important; }
.ss-tc-dots { display:flex !important; }
.ss-tc-stage {
  position:static !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:24px !important;
}
.ss-tc-track { display:contents !important; }   /* transparent wrapper: slides become grid items */
.ss-tc-slide {
  position:static !important;
  inset:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  transition:none !important;
  display:none !important;               /* only the current pair shows */
  flex-direction:column !important;
  padding:32px 28px 26px !important;
}
.ss-tc-slide.is-shown { display:flex !important; }
.ss-tc-slide .ss-tc-quote-mark { margin-bottom:4px; font-size:3.4rem; }
/* Collapsed: clamp the quote to whole lines; expanded shows all */
.ss-tc-quote {
  flex:0 1 auto !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:8;
  line-clamp:8;
  overflow:hidden;
}
.ss-tc-slide.is-expanded .ss-tc-quote {
  display:block;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  overflow:visible;
}
.ss-tc-expand {
  align-self:flex-start;
  margin:6px 0 16px;
  padding:0;
  background:none;
  border:0;
  color:#00B4B4;
  font-weight:700;
  font-size:.92rem;
  cursor:pointer;
  font-family:'Assistant','SenticoSansDT',Arial,sans-serif;
}
.ss-tc-expand:hover { text-decoration:underline; }
.ss-tc-attr { margin-top:auto; }
@media (max-width:860px) {
  .ss-tc-stage { grid-template-columns:1fr !important; }   /* 1 per view on mobile */
}
/* Desktop 2-up cards are wide enough to show the whole quote — drop the clamp
   and hide "הרחב" there. Mobile (1-up, narrow) keeps the clamp + expand. */
@media (min-width:861px) {
  .ss-tc-quote {
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    display:block !important;
    overflow:visible !important;
  }
  .ss-tc-expand { display:none !important; }
}



/* ===== homepage block 3 ===== */

.ss-process-compact { padding: 100px 0 60px; }
.ss-pc-steps { display:flex; align-items:flex-start; justify-content:center; gap:0; width:100%; max-width:1280px; margin:0 auto; direction:rtl; }
.ss-pc-step { flex:1; text-align:center; padding:0 18px; }
.ss-pc-num { width:68px; height:68px; border-radius:50%; border:3px solid #46a7b1; background:#fff; color:#46a7b1; font-size:28px; font-weight:900; display:inline-flex; align-items:center; justify-content:center; margin:0 auto 18px; transition:background .5s, color .5s, box-shadow .5s; }
.ss-pc-num.ss-badge-step.filled { background:#46a7b1; color:#fff; box-shadow:0 0 0 8px rgba(70,167,177,.16); }
.ss-pc-step h3 { font-size:18px; font-weight:800; color:#1B3A4B; margin:0 0 10px; }
.ss-pc-step p { font-size:15px; color:#4a6070; line-height:1.6; margin:0; max-width:none; display:block; margin-inline:auto; }
.ss-pc-step p strong { color:#2f8c97; font-weight:800; }
/* Progress connector */
.ss-pc-connector { flex:0 0 60px; height:4px; background:#e2eff1; margin-top:33px; border-radius:2px; position:relative; overflow:hidden; }
.ss-pc-progress { position:absolute; inset:0; background:#46a7b1; transform:scaleX(0); transform-origin:right; transition:transform 1.4s cubic-bezier(.4,0,.2,1); border-radius:2px; }
.ss-process-compact.ss-proc-animated .ss-pc-steps .ss-pc-connector .ss-pc-progress { transform:scaleX(1); }
.ss-process-compact.ss-proc-animated .ss-pc-steps > .ss-pc-connector:nth-child(2) .ss-pc-progress { transition-delay:.55s; }
.ss-process-compact.ss-proc-animated .ss-pc-steps > .ss-pc-connector:nth-child(4) .ss-pc-progress { transition-delay:1.05s; }
.ss-process-compact.ss-proc-animated .ss-pc-steps > .ss-pc-connector:nth-child(6) .ss-pc-progress { transition-delay:1.55s; }
/* Desktop: widen the row so 4 steps have room to breathe (Divi caps row_32 at 800px) */
@media (min-width:981px) {
  #process .et_pb_row_32 { max-width:1280px !important; width:92% !important; }
  .ss-pc-step p { max-width:250px; }
  .ss-pc-connector { flex:0 0 48px; }
}
@media (max-width:980px) {
  .ss-pc-steps { flex-direction:column; align-items:center; }
  .ss-pc-connector { width:4px; height:36px; flex:0 0 36px; background:#e2eff1; margin:0; }
  .ss-pc-progress { transform-origin:top; }
  .ss-process-compact.ss-proc-animated .ss-pc-steps .ss-pc-connector .ss-pc-progress { transform:scaleY(1); }
  .ss-process-compact { padding:52px 4vw 48px; }
  .ss-pc-step { padding:0 14px; }
  .ss-pc-step p { max-width:320px; }
}



/* ===== homepage block 4 ===== */

/* ===== MOBILE CLIENT LOGOS - Better spacing ===== */
@media (max-width: 980px) {
    .et_pb_section_5 {
        padding: 30px 15px !important;
    }
    
    .et_pb_section_5 .et_pb_row_6 h2 {
        font-size: 22px !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    .grid-logo {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px 25px !important;
        padding: 15px !important;
        justify-items: center !important;
        align-items: center !important;
    }
    
    .grid-logo .et_pb_column_1_2,
    .grid-logo [class*="et_pb_column"] {
        width: 100% !important;
        max-width: 140px !important;
        margin: 0 auto !important;
        padding: 10px !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .grid-logo .et_pb_image_wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .grid-logo .et_pb_image_wrap img {
        max-width: 110px !important;
        max-height: 60px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* ===== DESKTOP CLIENT LOGOS - Uniform size & perfect RTL alignment ===== */
@media (min-width: 981px) {
    .desk-logo {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important;
        padding: 15px 20px !important;
        gap: 0 !important;
        direction: ltr !important;
    }

    .desk-logo .et_pb_column_1_6 {
        width: 16.66% !important;
        flex: 0 0 16.66% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 90px !important;
        max-height: 100px !important;
        margin: 0 !important;
        padding: 6px 10px !important;
    }

    .desk-logo .et_pb_module.et_pb_image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 70px !important;
        margin-bottom: 0 !important;
    }

    .desk-logo .et_pb_image_wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 120px !important;
        height: 70px !important;
    }

    .desk-logo .et_pb_image_wrap img {
        max-width: 120px !important;
        max-height: 70px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* ===== TABLET/MOBILE CLIENT LOGOS - render the full #clients grid =====
   Cached Divi CSS sets `.et_pb_section_9{display:none!important}` and
   `.et_pb_row_17/18/19{display:none!important}` below 980px, which was
   hiding the entire clients block on tablet/mobile. We re-show the
   section (ID selector beats the class-only Divi rule) and the rows
   (#clients .desk-logo beats .et_pb_row_NN on specificity), then lay
   them out as a 3-up / 2-up grid. */
@media (max-width: 980px) {
    #clients,
    #clients.et_pb_section_9.et_pb_section {
        display: block !important;
    }
    #clients .desk-logo,
    #clients .et_pb_row_17.et_pb_row,
    #clients .et_pb_row_18.et_pb_row,
    #clients .et_pb_row_19.et_pb_row {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px 12px !important;
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 10px 16px !important;
        direction: rtl !important;
        width: auto !important;
    }
    #clients .et_pb_row_18.et_pb_row,
    #clients .et_pb_row_19.et_pb_row {
        margin-top: 18px !important;
    }
    #clients .desk-logo .et_pb_column_1_6 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 6px 4px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    #clients .desk-logo .et_pb_module.et_pb_image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 64px !important;
        margin-bottom: 4px !important;
    }
    #clients .desk-logo .et_pb_image_wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    #clients .desk-logo .et_pb_image_wrap img {
        max-width: 100px !important;
        max-height: 56px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
}
@media (max-width: 600px) {
    #clients .desk-logo,
    #clients .et_pb_row_17.et_pb_row,
    #clients .et_pb_row_18.et_pb_row,
    #clients .et_pb_row_19.et_pb_row {
        grid-template-columns: repeat(2, 1fr) !important;
        max-width: 420px !important;
        gap: 16px 10px !important;
    }
    #clients .desk-logo .et_pb_image_wrap img {
        max-width: 110px !important;
        max-height: 52px !important;
    }
}

/* ===== CAPABILITIES SECTION - Modern 6-Box Grid ===== */
.capabilities-section {
    background: linear-gradient(160deg, #f5f9fb 0%, #eaf6f7 100%);
    padding: 80px 20px 90px;
    direction: rtl;
    position: relative;
}

.capabilities-container {
    max-width: 1200px;
    margin: 0 auto;
}

.capabilities-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #1B3A4B;
    margin: 0 0 14px 0;
    font-family: inherit;
}

.capabilities-title::after {
    content: '';
    display: block;
    width: 64px;
    height: 4px;
    border-radius: 3px;
    background: #00B4B4;
    margin: 14px auto 0;
}

.capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-top: 46px;
    align-items: start;
}

.cap-box {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(0, 30, 40, 0.22);
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(.2,.7,.2,1), box-shadow 0.35s ease;
    cursor: pointer;
    position: relative;
}

/* Scroll-in stagger animation (initial hidden state, then revealed) */
.capabilities-grid.cap-animate .cap-box {
    opacity: 0;
    transform: translateY(18px);
}
.capabilities-grid.cap-animate.cap-in .cap-box {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.55s cubic-bezier(.2,.7,.2,1);
}
.capabilities-grid.cap-animate.cap-in .cap-box[data-box="1"] { transition-delay: 0ms; }
.capabilities-grid.cap-animate.cap-in .cap-box[data-box="2"] { transition-delay: 80ms; }
.capabilities-grid.cap-animate.cap-in .cap-box[data-box="3"] { transition-delay: 160ms; }
.capabilities-grid.cap-animate.cap-in .cap-box[data-box="4"] { transition-delay: 240ms; }
.capabilities-grid.cap-animate.cap-in .cap-box[data-box="5"] { transition-delay: 320ms; }
.capabilities-grid.cap-animate.cap-in .cap-box[data-box="6"] { transition-delay: 400ms; }

.cap-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(0, 180, 180, 0.28), 0 8px 22px rgba(0, 30, 40, 0.22);
}

.cap-box.expanded {
    box-shadow: 0 18px 40px rgba(0, 180, 180, 0.32), 0 8px 22px rgba(0, 30, 40, 0.24);
}

.cap-box-front {
    padding: 30px 25px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 210px;
    position: relative;
}

.cap-num {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 14px;
    font-weight: 800;
    color: #00B4B4;
    letter-spacing: 0.5px;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
    line-height: 1;
}

.cap-icon-wrap {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(0,180,180,0.16), rgba(0,180,180,0.06) 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    transition: transform 0.3s ease;
}

.cap-icon-wrap-whatsapp {
    background: radial-gradient(circle at 30% 30%, rgba(37,211,102,0.18), rgba(37,211,102,0.06) 70%);
}

.cap-box:hover .cap-icon-wrap {
    animation: capIconPulse 0.6s ease;
}

@keyframes capIconPulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.cap-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cap-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cap-icon-whatsapp svg {
    width: 50px;
    height: 50px;
}

.cap-title {
    font-size: 16px;
    font-weight: 700;
    color: #1B3A4B;
    margin: 0 0 12px 0;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
}

.cap-accent {
    display: block;
    width: 0;
    height: 3px;
    border-radius: 2px;
    background: #00B4B4;
    margin: 0 auto;
    transition: width 0.4s cubic-bezier(.2,.7,.2,1);
}

.cap-accent-whatsapp { background: #25D366; }

.cap-box:hover .cap-accent,
.cap-box.expanded .cap-accent {
    width: 56px;
}

.cap-expand-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    transition: transform 0.35s ease;
}

.cap-expand-icon svg {
    width: 20px;
    height: 20px;
    stroke: #b5c4cc;
    transition: stroke 0.3s ease, transform 0.35s ease;
}

.cap-box:hover .cap-expand-icon svg {
    stroke: #00B4B4;
}

.cap-box.expanded .cap-expand-icon svg {
    transform: rotate(180deg);
    stroke: #00B4B4;
}

.cap-box-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(.2,.7,.2,1), padding 0.45s cubic-bezier(.2,.7,.2,1);
    background: #f3fafa;
    border-top: 1px solid rgba(0, 180, 180, 0.14);
    padding: 0 25px;
}

.cap-box.expanded .cap-box-content {
    max-height: 320px;
    padding: 20px 25px;
}

.cap-box-content p {
    font-size: 14px;
    line-height: 1.75;
    color: #34525c;
    margin: 0;
    text-align: right;
}

@media (prefers-reduced-motion: reduce) {
    .capabilities-grid.cap-animate .cap-box,
    .capabilities-grid.cap-animate.cap-in .cap-box {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .cap-box:hover .cap-icon-wrap { animation: none; }
}

/* Mobile: Single column */
@media (max-width: 980px) {
    .capabilities-section {
        padding: 50px 15px 56px;
    }
    
    .capabilities-title {
        font-size: 26px;
    }
    
    .capabilities-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 32px;
    }
    
    .cap-box-front {
        flex-direction: row;
        flex-wrap: wrap;
        min-height: auto;
        padding: 18px 20px 16px;
        text-align: right;
        align-items: center;
    }
    
    .cap-num {
        position: static;
        order: 0;
        margin-left: 10px;
        font-size: 13px;
    }
    
    .cap-icon-wrap {
        width: 56px;
        height: 56px;
        margin-bottom: 0;
        margin-left: 14px;
        flex-shrink: 0;
        order: 1;
    }
    
    .cap-icon {
        width: 36px;
        height: 36px;
    }
    
    .cap-icon-whatsapp svg {
        width: 32px;
        height: 32px;
    }
    
    .cap-title {
        font-size: 15px;
        margin: 0;
        text-align: right;
        flex: 1 1 auto;
        min-height: 0;
        justify-content: flex-start;
        order: 2;
    }
    
    .cap-expand-icon {
        width: 32px;
        height: 32px;
        margin-top: 0;
        margin-right: auto;
        margin-left: 6px;
        flex-shrink: 0;
        order: 3;
    }
    
    .cap-accent {
        order: 4;
        flex: 1 1 100%;
        margin: 10px 0 0;
    }
    .cap-box:hover .cap-accent,
    .cap-box.expanded .cap-accent {
        width: 48px;
        margin-right: 0;
    }
    
    .cap-box-content {
        padding: 0 20px;
    }
    
    .cap-box.expanded .cap-box-content {
        padding: 15px 20px;
    }
    
    .cap-box-content p {
        font-size: 16px;
        line-height: 1.7;
    }
}

/* ===== SERVICES/ABOUT SECTION - Redesigned Overlapping Card ===== */
#service,
.et_pb_section_15,
.et_pb_section.et_pb_section_15,
div.et_pb_section_15.et_pb_with_background {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #f8f9fa !important;
    background-image: none !important;
    background-color: #f8f9fa !important;
    padding: 60px 0 !important;
    position: relative !important;
    overflow: visible !important;
    height: auto !important;
}

#service .et_pb_row_30 {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-image: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

#service .et_pb_text_52 {
    width: 100% !important;
    margin: 0 !important;
    z-index: 10 !important;
}

#service .et_pb_text_52 {
    background: rgba(70, 167, 177, 0.95) !important;
    border-radius: 15px 15px 0 0 !important;
    padding: 20px 25px !important;
    margin-bottom: 0 !important;
}

#service .et_pb_text_52 p {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: center !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: block !important;
    direction: rtl !important;
    border-bottom: none !important;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.4) !important;
}

#service .et_pb_text_53 {
    width: 100% !important;
    background: #fff !important;
    padding: 40px !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
    z-index: 5 !important;
}

#service .et_pb_text_53 p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    direction: rtl !important;
    color: #333 !important;
    letter-spacing: 0.2px !important;
    margin: 0 !important;
}

@media (max-width: 980px) {
    #service .et_pb_row_30 {
        padding: 30px 15px !important;
    }
    #service .et_pb_text_52 {
        background: rgba(70, 167, 177, 0.95) !important;
        border-radius: 15px 15px 0 0 !important;
        padding: 15px 20px !important;
        margin-bottom: 0 !important;
    }
    #service .et_pb_text_52 p {
        font-size: 20px !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
        color: #ffffff !important;
        border-bottom: none !important;
        line-height: 1.4 !important;
        text-shadow: 2px 2px 6px rgba(0,0,0,0.4) !important;
    }
    #service .et_pb_text_53 {
        padding: 25px 20px !important;
    }
    #service .et_pb_text_53 p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }
}

/* Server rooms "פרטים נוספים" link styling */
.et_pb_column_52 .et_pb_text_align_right.et_pb_bg_layout_light[style*="margin-top: 10px"] {
    text-align: center !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.et_pb_column_52 .et_pb_text_align_right.et_pb_bg_layout_light[style*="margin-top: 10px"] p {
    text-align: center !important;
    font-size: 14px !important;
}

/* ===== ABOUT SECTION FULL BACKGROUND DESIGN ===== */
#service,
.et_pb_section_15,
.et_pb_section.et_pb_section_15,
div.et_pb_section_15.et_pb_with_background {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-image: url('/wp-content/uploads/2026/01/about-bg.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 120px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 650px !important;
    z-index: 1 !important;
}

#service::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.45) !important;
    z-index: 2 !important;
}

#service .about-full-bg-row {
    position: relative !important;
    z-index: 3 !important;
    max-width: 850px !important;
    margin: 0 auto !important;
    background: transparent !important;
    padding: 0 20px !important;
}

#service .about-overlay-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#service .et_pb_text_52 {
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 11 !important;
}

#service .et_pb_text_53 {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 0 0 20px 20px !important;
    padding: 40px 50px 50px 50px !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
    position: relative !important;
    z-index: 10 !important;
    direction: rtl !important;
    text-align: right !important;
}

#service .et_pb_text_53 p {
    font-size: 18px !important;
    line-height: 2 !important;
    color: #222 !important;
    font-weight: 400 !important;
    text-align: right !important;
    margin-bottom: 16px !important;
}

#service .et_pb_text_53 p:last-child {
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 980px) {
    #service {
        padding: 80px 0 !important;
        min-height: auto !important;
    }
    
    #service .et_pb_text_53 {
        padding: 60px 25px 35px 25px !important;
    }
    
    #service .et_pb_text_53 p {
        font-size: 15px !important;
        line-height: 1.9 !important;
    }
}

/* ===== CONTACT FORM SECTION IMPROVEMENTS ===== */
#contact.et_pb_section_18 {
    padding: 40px 0 40px !important;
    /* Divi's cache forces min-height:1100px on this section, which left ~250px of
       empty background between the form and the footer (much worse once the form
       collapses to the success message). Let it fit its content instead. */
    min-height: auto !important;
}

#contact .et_pb_row_51 {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
}

#contact .et_pb_row_52 {
    padding-top: 15px !important;
    padding-bottom: 35px !important;
    margin-bottom: 0 !important;
}
#contact .et_pb_row_52 .et_pb_column_95 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
}
#contact .et_pb_row_53 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#contact .et_pb_text_81 p {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}

#contact .et_pb_button_4,
#contact .et_pb_button_6 {
    background: linear-gradient(135deg, #46a7b1 0%, #3d9199 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 3px 10px rgba(70, 167, 177, 0.3) !important;
    position: relative !important;
    text-align: center !important;
    cursor: pointer !important;
}

@media (min-width: 769px) {
    #contact .et_pb_row_52 .et_pb_button_module_wrapper {
        width: auto !important;
        flex: 0 0 auto !important;
        display: inline-block !important;
        text-align: center !important;
    }
    #contact .et_pb_button_4_wrapper,
    #contact .et_pb_button_6_wrapper {
        display: inline-block !important;
        margin: 0 !important;
    }
    #contact .et_pb_button_4,
    #contact .et_pb_button_6 {
        display: inline-block !important;
        min-width: auto !important;
        padding: 12px 55px 12px 25px !important;
    }
}

#contact .et_pb_button_4:after,
#contact .et_pb_button_6:after {
    content: attr(data-icon) !important;
    font-family: 'ETmodules' !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

#contact .et_pb_button_4:before,
#contact .et_pb_button_6:before {
    display: none !important;
}

#contact .et_pb_button_4:hover,
#contact .et_pb_button_6:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(70, 167, 177, 0.45) !important;
    background: linear-gradient(135deg, #4fb8c3 0%, #46a7b1 100%) !important;
}

#contact .et_pb_button_4:active,
#contact .et_pb_button_6:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(70, 167, 177, 0.3) !important;
}

#contact .et_pb_text_82 p {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-align: center !important;
    margin: 10px 0 !important;
}

.ss-inline-card {
    background: linear-gradient(135deg, #f8fafa 0%, #e8f4f5 100%);
    border-radius: 20px;
    padding: 30px 28px;
    box-shadow: 0 10px 40px rgba(70, 167, 177, 0.15);
    border: 2px solid rgba(70, 167, 177, 0.2);
    max-width: 500px;
    margin: 0 auto 8px;
    direction: rtl;
    text-align: right;
}

#ss-contact-inline-wrap {
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

/* Phone fields type left-to-right (correct digit order, no stray "+" flipped to
   the wrong side in RTL) but stay right-aligned to match the other RTL fields.
   Users enter a local number (050-…); the backend adds the +972 country code. */
#ss-inline-phone, #ss-modal-phone, #ss-quick-phone { direction: ltr; text-align: right; }

.ss-mobile-form-title-wrapper {
    display: none !important;
}

.ss-mobile-form-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-align: center !important;
    margin: 5px 0 15px !important;
    line-height: 1.4 !important;
}

@media (max-width: 768px) {
    #contact .et_pb_row_51 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 15px 15px 0 !important;
        width: auto !important;
        max-width: calc(100% - 30px) !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    #contact .et_pb_row_51 .et_pb_column_94,
    #contact .et_pb_text_81,
    #contact .et_pb_text_81 .et_pb_text_inner {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #contact .et_pb_text_81 p {
        font-size: 20px !important;
        color: #333 !important;
        text-shadow: none !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #contact .et_pb_row_52 {
        padding: 0 15px !important;
    }

    #contact .et_pb_row_52 .et_pb_column_95 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        padding-bottom: 25px !important;
    }

    #contact .et_pb_button_4_wrapper,
    #contact .et_pb_button_6_wrapper {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 280px !important;
        float: none !important;
    }

    #contact .et_pb_button_4,
    #contact .et_pb_button_6 {
        min-width: auto !important;
        width: 100% !important;
        max-width: 280px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
        display: block !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: center !important;
    }

    #contact .et_pb_button_4:after,
    #contact .et_pb_button_6:after {
        display: none !important;
    }

    .ss-inline-form-heading {
        display: none !important;
    }

    .ss-mobile-form-title-wrapper {
        display: block !important;
        margin: 10px auto 0 !important;
        text-align: center !important;
    }

    #contact #ss-contact-inline-wrap,
    .et_pb_section #ss-contact-inline-wrap,
    div#ss-contact-inline-wrap {
        max-height: none !important;
        opacity: 1 !important;
        margin-top: 10px !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    .ss-inline-card {
        margin: 0 15px 40px !important;
        padding: 25px 20px !important;
    }

    #ss-contact-inline-wrap .ss-modal-field {
        display: block !important;
        margin-bottom: 14px !important;
    }

    #ss-contact-inline-wrap .ss-modal-field label {
        display: block !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #333 !important;
        margin-bottom: 5px !important;
    }

    #ss-contact-inline-wrap .ss-modal-field input {
        display: block !important;
        width: 100% !important;
        padding: 11px 14px !important;
        border: 1.5px solid #dde1e6 !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        direction: rtl !important;
        box-sizing: border-box !important;
        background: #fff !important;
        color: #333 !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #ss-contact-inline-wrap .ss-modal-terms {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #ss-contact-inline-wrap .ss-modal-submit {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 13px !important;
        border: none !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #fff !important;
        background: linear-gradient(135deg, #1a6fb5, #46a7b1) !important;
    }

    #ss-contact-inline-wrap .ss-modal-submit:disabled {
        opacity: 0.5 !important;
    }
}

/* RTL Menu Fixes */
.et-menu-nav,
.et-menu-nav ul,
.et-menu-nav li,
.et-menu-nav a,
#top-menu,
#top-menu li,
#top-menu a,
.et_mobile_menu,
.et_mobile_menu li,
.et_mobile_menu a {
    direction: rtl !important;
    text-align: right !important;
}

.menu-item-contact a,
.menu-item-contact-2 a,
.et_mobile_menu .menu-item-contact a,
.et_mobile_menu .menu-item-contact-2 a {
    color: #46a7b1 !important;
    font-weight: 700 !important;
}

.et-menu .menu-item-contact {
    display: none !important;
}

.et-menu li.menu-item-has-children > a:after,
.et_mobile_menu li.menu-item-has-children > a:after {
    content: "\33" !important;
    font-family: "ETmodules" !important;
    position: relative !important;
    right: auto !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 7px !important;
    float: left !important;
}

.et-menu .sub-menu {
    direction: rtl !important;
    text-align: right !important;
    left: auto !important;
    right: 0 !important;
}

/* Server rooms link visibility on mobile */
.server-rooms-link {
    display: block !important;
}

@media (max-width: 980px) {
    .server-rooms-link {
        display: block !important;
        margin-top: 10px !important;
    }
    
    .server-rooms-link p {
        font-size: 13px !important;
        padding: 8px 0 !important;
    }
    
    /* Ensure WhatsApp column shows on mobile */
    .et_pb_column_67_whatsapp {
        display: block !important;
        width: 100% !important;
    }
}
/* ===== HERO HEADING ===== */
.et_pb_text_0 h1,
.et_pb_text_2 h1 {
    font-size: clamp(24px, 3.6vw, 48px) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}
.et_pb_text_1 .et_pb_text_inner,
.et_pb_text_3 .et_pb_text_inner {
    font-size: clamp(15px, 1.6vw, 19px) !important;
    line-height: 1.55 !important;
    margin-top: 14px !important;
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext;
}

/* ===== HEADER Z-INDEX FIX ===== */
.et-l--header,
header.et-l--header {
    position: relative !important;
    z-index: 99999 !important;
}

/* ===== HEADER BUTTON FIX ===== */
.et_pb_button_0_tb_header,
.et_pb_button_1_tb_header {
    background-color: #46a7b1 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 12px 0 !important;
    font-weight: bold !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    vertical-align: middle !important;
    text-align: center !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    font-size: 16px !important;
    width: 160px !important;
    height: auto !important;
    min-width: 160px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

.et_pb_button_0_tb_header,
.et_pb_button_1_tb_header {
    border: 2px solid #fff !important;
}

.et_pb_button_0_tb_header:hover {
    background-color: #fff !important;
    color: #46a7b1 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;
    transform: translateY(-2px);
}

.et_pb_button_1_tb_header:hover {
    background-color: #fff !important;
    color: #46a7b1 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;
    transform: translateY(-2px);
}


.et_pb_button_0_tb_header:before,
.et_pb_button_1_tb_header:before,
.et_pb_button_0_tb_header:after,
.et_pb_button_1_tb_header:after {
    display: none !important;
}

.et_pb_button_0_tb_header_wrapper,
.et_pb_button_1_tb_header_wrapper {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 5px !important;
    overflow: visible !important;
    min-width: 170px !important;
}

/* Fix header column overflow and width */
.et_pb_column_0_tb_header,
.et_pb_column_0_tb_header.button-col {
    overflow: visible !important;
    min-width: 360px !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

.et-l--header .et_pb_column,
.et-l--header .et_pb_row,
.et_pb_section_0_tb_header {
    overflow: visible !important;
}

@media (max-width: 980px) {
    .et_pb_button_0_tb_header,
    .et_pb_button_1_tb_header {
        font-size: 14px !important;
        padding: 10px 18px !important;
    }
}

/* ===== Sync homepage header buttons to the sub-page style =====
   On the homepage the header sits inside #page-container, so Divi's cached rule
   (body #page-container .et_pb_section .et_pb_button_*_tb_header) wins over the
   low-specificity rules above and paints the buttons as a bright gradient. Re-assert
   the sub-page look (solid #46a7b1, 2px white border, bold, 39px pill) with matching
   specificity. Desktop-only so the mobile header layout is untouched. */
@media (min-width: 981px) {
    html body #page-container .et_pb_section a.et_pb_button.et_pb_button_0_tb_header:not(.ss-nav-wa-btn),
    html body #page-container .et_pb_section a.et_pb_button.et_pb_button_1_tb_header {
        background-image: none !important;
        background: #46a7b1 !important;
        border-width: 2px !important;
        border-style: solid !important;
        border-color: #fff !important;
        border-radius: 50px !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 27.2px !important;
        padding: 4px 16px !important;
    }
    html body #page-container .et_pb_section a.et_pb_button.et_pb_button_0_tb_header:not(.ss-nav-wa-btn):hover,
    html body #page-container .et_pb_section a.et_pb_button.et_pb_button_1_tb_header:hover {
        background: #fff !important;
        color: #46a7b1 !important;
        border-color: #fff !important;
    }
    html body #page-container .et_pb_section a.ss-nav-wa-btn {
        background-image: none !important;
        background: #46a7b1 !important;
        border-width: 2px !important;
        border-style: solid !important;
        border-color: rgba(255,255,255,0.6) !important;
    }
    html body #page-container .et_pb_section a.ss-nav-wa-btn:hover {
        background: #3d96a0 !important;
    }
}

/* ===== CONTACT FORM BUTTONS FIX ===== */
.et_pb_row_52 .et_pb_column_95 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}

.et_pb_button_4_wrapper,
.et_pb_button_5_wrapper,
.et_pb_button_6_wrapper {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: auto !important;
}

.et_pb_button_4,
.et_pb_button_5,
.et_pb_button_6 {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* ===== ABOUT SECTION IMAGE LAYOUT ===== */
#service .about-row-with-image,
#service .about-text-column,
#service .about-image-column {
    background: transparent !important;
    background-image: none !important;
}

@media (min-width: 981px) {
    #service .et_pb_row_30.about-row-with-image {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: 1100px !important;
        gap: 50px !important;
    }

    #service .about-text-column {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    #service .about-image-column {
        flex: 0 0 45% !important;
        max-width: 45% !important;
        width: 45% !important;
        display: block !important;
        visibility: visible !important;
    }

    .about-section-image {
        display: block !important;
    }

    .about-section-image img {
        width: 100% !important;
        height: auto !important;
        border-radius: 16px !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
        display: block !important;
    }
}

@media (max-width: 980px) {
    #service .et_pb_row_30.about-row-with-image {
        display: flex !important;
        flex-direction: column !important;
    }
    
    #service .about-text-column,
    #service .about-image-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    #service .about-image-column {
        margin-top: 30px !important;
        display: block !important;
        order: 2 !important;
    }
    
    #service .about-text-column {
        order: 1 !important;
    }
    
    .about-section-image img {
        width: 100% !important;
        height: auto !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    }
}

/* Remove menu arrow */
.et-menu-nav li.menu-item-788 > a:first-child:after,
.et-menu-nav li.menu-item-1838 > a:first-child:after {
    display: none !important;
}

/* ===== FOOTER TEXT FIX ===== */
@media (min-width: 981px) {
    .et_pb_text_0_tb_footer .et_pb_text_inner,
    .et_pb_text_1_tb_footer .et_pb_text_inner {
        white-space: nowrap !important;
    }
    
    .et_pb_text_0_tb_footer .et_pb_text_inner p,
    .et_pb_text_1_tb_footer .et_pb_text_inner p {
        white-space: nowrap !important;
        font-size: 14px !important;
    }
}



/* ===== homepage block 5 ===== */

#ss-chatbot-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    font-family: 'SenticoSansDT', Arial, sans-serif;
    direction: rtl;
}

#ss-chatbot-btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);  /* WhatsApp green */
    border: 3px solid white;
    cursor: pointer;
    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: ss-pulse 2s infinite;
}

@keyframes ss-pulse {
    0%, 100% { box-shadow: 0 6px 25px rgba(37, 211, 102, 0.5); }
    50% { box-shadow: 0 6px 35px rgba(37, 211, 102, 0.8), 0 0 0 10px rgba(37, 211, 102, 0.15); }
}

@media (max-width: 768px) {
    #ss-chatbot-btn {
        width: 54px !important;
        height: 54px !important;
        border-width: 2px !important;
    }
    #ss-chatbot-btn svg {
        width: 25px !important;
        height: 25px !important;
    }
}

#ss-chatbot-btn svg {
    width: 32px;
    height: 32px;
    fill: white;
}

/* Invitation Popup Bubble */
#ss-invite-bubble {
    position: absolute;
    bottom: 10px;
    right: 80px;
    background: white;
    padding: 14px 20px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    text-align: center;
    direction: rtl;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px) scale(0.9);
    transition: all 0.4s ease;
    z-index: 100000;
}

.ss-invite-mobile { display: none; }

@media (max-width: 768px) {
    #ss-invite-bubble {
        right: 65px;
        padding: 10px 16px;
        font-size: 14px;
    }
    .ss-invite-desktop { display: none; }
    .ss-invite-mobile { display: inline; }
}

#ss-invite-bubble.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scale(1);
}

#ss-invite-bubble #ss-invite-close {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #666;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ss-invite-bubble::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid white;
}

#ss-invite-close {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 22px;
    height: 22px;
    background: #eee;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Quick Reply Suggestion Buttons */
.ss-quick-replies {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 15px;
    justify-content: flex-end;
}

.ss-quick-btn {
    background: #f0f9fa;
    border: 1px solid #46a7b1;
    color: #46a7b1;
    padding: 8px 14px;
    border-radius: 18px;
    font-size: 13px;
    cursor: pointer;
}

/* Contextual follow-up buttons after AI response */
.ss-followup-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 15px;
    justify-content: flex-end;
    direction: rtl;
}

.ss-followup-btn {
    background: white;
    border: 1px solid #46a7b1;
    color: #46a7b1;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-family: 'SenticoSansDT', Arial, sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ss-followup-btn:hover {
    background: #46a7b1;
    color: white;
    transition: all 0.2s ease;
    direction: rtl;
    text-align: right;
}

.ss-handoff-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 15px;
    justify-content: flex-end;
    direction: rtl;
}

.ss-handoff-btn {
    padding: 11px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'SenticoSansDT', Arial, sans-serif;
    cursor: pointer;
    border: none;
    color: #fff;
    transition: opacity 0.3s, box-shadow 0.3s, transform 0.2s;
    white-space: nowrap;
}

.ss-handoff-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.ss-handoff-wa {
    background: #25D366;
}

.ss-handoff-form {
    background: linear-gradient(135deg, #46a7b1, #1a6fb5);
}

.ss-quick-btn:hover {
    background: #46a7b1;
    color: white;
}

#ss-invite-close:hover {
    background: #ddd;
}

#ss-chatbot-window {
    display: none;
    position: absolute;
    bottom: 75px;
    right: 0;
    width: 380px;
    max-width: calc(100vw - 40px);
    height: 520px;
    max-height: calc(100vh - 120px);
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    flex-direction: column;
}

#ss-chatbot-window.open {
    display: flex;
    animation: ss-slide-up 0.3s ease;
}

@keyframes ss-slide-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

#ss-chat-header {
    background: linear-gradient(135deg, #46a7b1 0%, #3d9199 100%);
    padding: 14px 15px;
    color: white;
    display: flex;
    direction: rtl;
    align-items: center;
    gap: 10px;
}

#ss-chat-header img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: white;
    padding: 4px;
    flex-shrink: 0;
}

#ss-chat-header-text {
    flex: 1;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#ss-chat-header-text h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: white;
}

#ss-chat-header-text p {
    margin: 2px 0 0;
    font-size: 11px;
    opacity: 0.9;
}

#ss-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

#ss-close-btn {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ss-contact-header-btn {
    background: transparent;
    border: 1.5px solid rgba(255,255,255,0.8);
    color: white;
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
    transition: background 0.2s;
}

#ss-contact-header-btn:hover {
    background: rgba(255,255,255,0.15);
}

#ss-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background: #f8f9fa;
}

.ss-message {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}

.ss-message.user {
    align-items: flex-start;
}

.ss-message.bot {
    align-items: flex-end;
}

.ss-message-bubble {
    max-width: 85%;
    padding: 12px 16px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 1.5;
}

.ss-message.user .ss-message-bubble {
    background: #46a7b1;
    color: white;
    border-bottom-left-radius: 4px;
}

.ss-message.bot .ss-message-bubble {
    background: white;
    color: #333;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

#ss-chat-input-area {
    padding: 15px;
    background: white;
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
}

#ss-chat-input {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 14px;
    outline: none;
    direction: rtl;
}

#ss-chat-input:focus {
    border-color: #46a7b1;
}

#ss-send-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #46a7b1;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ss-send-btn svg {
    width: 20px;
    height: 20px;
    fill: white;
    transform: rotate(180deg);
}

/* Contact Modal Styles */
.ss-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.ss-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.ss-modal-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    width: 90%;
    max-width: 420px;
    padding: 32px 28px;
    direction: rtl;
    text-align: right;
    position: relative;
    transform: scale(0.9) translateY(20px);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    max-height: 90vh;
    overflow-y: auto;
}

.ss-modal-overlay.active .ss-modal-card {
    transform: scale(1) translateY(0);
}

.ss-modal-close {
    position: absolute;
    top: 12px;
    left: 12px;
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s, color 0.2s;
    line-height: 1;
}

.ss-modal-close:hover {
    background: #f0f0f0;
    color: #333;
}

.ss-modal-logo {
    display: block;
    margin: 0 auto 16px;
    height: 40px;
}

.ss-modal-title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #1a3c6e;
    margin: 0 0 6px;
}

.ss-modal-subtitle {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0 0 24px;
    line-height: 1.5;
}

.ss-modal-field {
    margin-bottom: 14px;
}

.ss-modal-field label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.ss-modal-field input {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid #dde1e6;
    border-radius: 10px;
    font-size: 14px;
    direction: rtl;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
}

.ss-modal-field input:focus {
    border-color: #46a7b1;
    box-shadow: 0 0 0 3px rgba(70,167,177,0.15);
    outline: none;
}

.ss-modal-field input::placeholder {
    color: #aaa;
}

.ss-modal-terms {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 18px 0 20px;
    font-size: 13px;
    color: #555;
    cursor: pointer;
    line-height: 1.4;
}

.ss-modal-terms input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    cursor: pointer;
    accent-color: #46a7b1;
    flex-shrink: 0;
}

.ss-modal-terms a {
    color: #46a7b1;
    text-decoration: underline;
    font-weight: 600;
}

.ss-modal-submit {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #1a6fb5, #46a7b1);
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
    font-family: inherit;
}

.ss-modal-submit:hover:not(:disabled) {
    opacity: 0.9;
    transform: translateY(-1px);
}

.ss-modal-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.ss-modal-success {
    text-align: center;
    padding: 30px 10px;
}

.ss-modal-checkmark {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #e8f8ef;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ss-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ss-modal-checkmark svg {
    width: 32px;
    height: 32px;
}

@keyframes ss-pop {
    0% { transform: scale(0); }
    100% { transform: scale(1); }
}

.ss-modal-success h3 {
    font-size: 20px;
    color: #333;
    margin: 0 0 8px;
}

.ss-modal-success p {
    font-size: 14px;
    color: #666;
    margin: 0;
}

@media (max-width: 480px) {
    .ss-modal-card {
        width: 95%;
        padding: 24px 20px;
    }
}

#ss-quick-modal .ss-modal-card { max-width: 380px; }
#ss-quick-modal .ss-quick-action-row {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
    justify-content: center;
}
#ss-quick-modal .ss-quick-action-btn {
    flex: 1 1 auto;
    min-width: 130px;
    padding: 11px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    color: #fff;
    transition: opacity 0.2s, transform 0.1s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
#ss-quick-modal .ss-quick-action-btn.wa { background: #25d366; }
#ss-quick-modal .ss-quick-action-btn.tel { background: linear-gradient(135deg, #1a6fb5, #46a7b1); }
#ss-quick-modal .ss-quick-action-btn:hover { opacity: 0.9; transform: translateY(-1px); }

.ss-typing {
    display: flex;
    gap: 4px;
    padding: 8px 12px;
}

.ss-typing span {
    width: 8px;
    height: 8px;
    background: #46a7b1;
    border-radius: 50%;
    animation: ss-typing 1s infinite;
}

.ss-typing span:nth-child(2) { animation-delay: 0.2s; }
.ss-typing span:nth-child(3) { animation-delay: 0.4s; }

@keyframes ss-typing {
    0%, 100% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 480px) {
    #ss-chatbot-window {
        width: calc(100vw - 20px);
        right: -10px;
        height: calc(100vh - 100px);
    }
}



/* ===== homepage block 6 ===== */

#ss-cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    z-index: 999999;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.12);
    direction: rtl;
}
.ss-cookie-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.ss-cookie-text {
    margin: 0;
    font-size: 13px;
    color: #333;
    line-height: 1.6;
    flex: 1;
    min-width: 0;
}
.ss-cookie-link {
    color: #46a7b1;
    text-decoration: underline;
    font-weight: 600;
}
.ss-cookie-buttons {
    display: flex;
    gap: 10px;
}
.ss-cookie-btn {
    padding: 10px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    transition: background 0.2s, border-color 0.2s, opacity 0.2s;
}
.ss-cookie-btn-primary {
    background: #46a7b1;
    color: #fff;
    border: 2px solid #46a7b1;
}
.ss-cookie-btn-primary:hover {
    background: #3d9199;
    border-color: #3d9199;
}
.ss-cookie-btn-teal-outline {
    background: transparent;
    color: #46a7b1;
    border: 2px solid #46a7b1;
}
.ss-cookie-btn-teal-outline:hover {
    background: rgba(70,167,177,0.08);
}
.ss-cookie-btn-outline {
    background: #fff;
    color: #555;
    border: 2px solid #ccc;
}
.ss-cookie-btn-outline:hover {
    background: #f0f0f0;
    border-color: #999;
}
.ss-cookie-panel {
    margin-top: 0;
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
    flex-basis: 100%;
}
.ss-cookie-category {
    padding: 10px 0;
}
.ss-cookie-category + .ss-cookie-category {
    border-top: 1px solid #eee;
}
.ss-cookie-cat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
}
.ss-cookie-cat-info {
    flex: 1;
}
.ss-cookie-cat-name {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    display: block;
    margin-bottom: 2px;
}
.ss-cookie-cat-desc {
    font-size: 12px;
    color: #777;
    line-height: 1.4;
}
.ss-cookie-toggle {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    flex-shrink: 0;
}
.ss-cookie-toggle input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.ss-cookie-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    transition: 0.3s;
    border-radius: 26px;
}
.ss-cookie-slider:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    right: 3px;
    bottom: 3px;
    background: white;
    transition: 0.3s;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.ss-cookie-toggle input:checked + .ss-cookie-slider {
    background: #46a7b1;
}
.ss-cookie-toggle input:checked + .ss-cookie-slider:before {
    transform: translateX(-20px);
}
.ss-cookie-toggle-locked .ss-cookie-slider {
    opacity: 0.6;
    cursor: default;
}
.ss-cookie-panel-buttons {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.ss-cookie-panel-buttons .ss-cookie-btn {
    padding: 8px 16px;
    font-size: 13px;
}
@media (max-width: 768px) {
    .ss-cookie-inner {
        padding: 16px;
    }
    .ss-cookie-text {
        font-size: 12px;
        text-align: center;
    }
    .ss-cookie-buttons {
        width: 100%;
    }
    .ss-cookie-buttons .ss-cookie-btn {
        flex: 1;
        padding: 12px 8px;
        font-size: 13px;
    }
    .ss-cookie-panel-buttons {
        flex-wrap: wrap;
    }
    .ss-cookie-panel-buttons .ss-cookie-btn {
        flex: 1 1 45%;
        text-align: center;
    }
}



/* ===== homepage block 7 ===== */

/* Hero feature chips (Phase 1 — moved from standalone proof bar) */
.ss-hero-chips {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: center;
    margin: 14px 0 18px;
    direction: rtl;
}
.ss-hero-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    padding: 4px 10px 4px 8px;
    color: #ffffff;
    white-space: nowrap;
    flex: 0 1 auto;
    min-width: 0;
}
.ss-hc-icon {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ss-hc-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
.ss-hc-label {
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 767px) {
    .ss-hero-chips {
        flex-wrap: wrap;
        justify-content: center;
        gap: 7px;
        margin: 12px 0 16px;
    }
    .ss-hero-chip {
        flex: 0 1 calc(50% - 4px);
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
    .ss-hc-label {
        font-size: 0.79rem;
        overflow: visible;
        text-overflow: clip;
    }
}

/* Phase 1 — Per-logo context labels */
/* Industry descriptors hidden site-wide per design decision — pure logo wall */
#clients .ss-logo-label { display: none !important; }
#clients .et_pb_column { text-align: center; }

/* Phase 1 — Differentiation strips */
.ss-diff-strips {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 36px 6vw;
    background: #f5f9fb;
}
.ss-diff-strip {
    border-radius: 14px;
    margin: 18px auto;
    max-width: 1200px;
    width: calc(100% - 10vw);
    padding: 26px 28px;
    box-shadow: 0 6px 20px rgba(27, 58, 75, 0.08);
    box-sizing: border-box;
}
.ss-diff-multi { background: linear-gradient(135deg, #00B4B4 0%, #46a7b1 100%); }
.ss-diff-it    { background: linear-gradient(135deg, #1B3A4B 0%, #2c5a72 100%); }
.ss-diff-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    direction: rtl;
}
.ss-diff-text { flex: 1 1 480px; color: #fff; }
.ss-diff-text h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 800;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
    text-align: right;
}
.ss-diff-text p {
    margin: 0;
    color: #f1faff;
    font-size: clamp(14px, 1.4vw, 17px);
    line-height: 1.55;
    text-align: right;
}
.ss-diff-cta {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 28px;
    background: #fff;
    color: #1B3A4B !important;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
    font-size: 0.98rem;
    white-space: nowrap;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ss-diff-cta:hover, .ss-diff-cta:focus {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
    outline: none;
}
/* Desktop (>1024px): keep both CTA strips the same height. Above ~1024px the
   server-room paragraph collapses to one line while the food-chains one stays
   at two, so a shared min-height on the inner equalises them (content centres). */
@media (min-width: 1025px) {
    .ss-diff-strip .ss-diff-inner { min-height: 100px; }
}

@media (max-width: 700px) {
    .ss-diff-strips { padding: 24px 4vw; }
    .ss-diff-strip { padding: 22px 18px; }
    .ss-diff-inner { flex-direction: column; align-items: stretch; }
    .ss-diff-cta { align-self: flex-start; }
}

/* Phase 1 — Clients tagline */
#clients .ss-clients-tagline {
    display: block;
    margin: 10px 0 22px;
    font-size: clamp(16px, 1.6vw, 20px);
    color: #4a6473;
    font-weight: 400;
    line-height: 1.6;
    text-align: right !important;
    direction: rtl;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
}
#clients .et_pb_text_13,
#clients .et_pb_text_13 .et_pb_text_inner {
    text-align: right !important;
    direction: rtl;
}
@media (max-width: 600px) {
    #clients .ss-clients-tagline { font-size: 16px; margin-bottom: 16px; }
}

/* Hide duplicate "למי השירות מיועד?" audience section (et_pb_section_12) — content is covered by the elevated #target-audience block above */
.et_pb_section_12 { display: none !important; }

/* Subtle background for #target-audience so it separates from neighbouring sections */
#target-audience,
.et_pb_section_11,
.et_pb_section.et_pb_section_11 {
    background-color: #eef5f6 !important;
}

/* Audience-card linking (target-audience grid) — homepage only */
#target-audience .img-box,
.et_pb_section_12 .img-box {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 12px;
}
#target-audience .img-box.ta-linked,
.et_pb_section_12 .img-box.ta-linked {
    cursor: pointer;
}
#target-audience .img-box.ta-linked:hover,
.et_pb_section_12 .img-box.ta-linked:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(27, 58, 75, 0.15);
}
#target-audience .img-box.ta-linked .et_pb_image,
.et_pb_section_12 .img-box.ta-linked .et_pb_image {
    overflow: hidden;
    border-radius: 8px;
}
#target-audience .img-box.ta-linked .et_pb_image_wrap img,
.et_pb_section_12 .img-box.ta-linked .et_pb_image_wrap img {
    transition: transform 0.4s ease;
}
#target-audience .img-box.ta-linked:hover .et_pb_image_wrap img,
.et_pb_section_12 .img-box.ta-linked:hover .et_pb_image_wrap img {
    transform: scale(1.04);
}
#target-audience .img-box.ta-linked,
.et_pb_section_12 .img-box.ta-linked {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px !important;
}
#target-audience .img-box.ta-linked .ta-more-wrap,
.et_pb_section_12 .img-box.ta-linked .ta-more-wrap {
    text-align: center;
    margin-top: auto;
    padding-top: 18px;
}
#target-audience .img-box.ta-linked .ta-more-link,
.et_pb_section_12 .img-box.ta-linked .ta-more-link {
    display: inline-block;
    padding: 8px 22px;
    border-radius: 22px;
    background: #00B4B4;
    color: #fff !important;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
}
#target-audience .img-box.ta-linked .ta-more-link:hover,
.et_pb_section_12 .img-box.ta-linked .ta-more-link:hover,
#target-audience .img-box.ta-linked .ta-more-link:focus,
.et_pb_section_12 .img-box.ta-linked .ta-more-link:focus {
    background: #1B3A4B;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(27, 58, 75, 0.18);
    outline: none;
}
@media (max-width: 600px) {
    #target-audience .img-box.ta-linked .ta-more-link,
    .et_pb_section_12 .img-box.ta-linked .ta-more-link {
        padding: 7px 18px;
        font-size: 0.9rem;
    }
}

/* ===== Solutions section — flat card grid, RTL ===== */
#solutions { scroll-margin-top: 110px; }
@media (max-width: 980px) { #solutions { scroll-margin-top: 80px; } }
#solutions.ss-solutions {
    background: #f7fafb;
    padding: 56px 5vw 24px;
    direction: rtl;
}
#solutions.ss-solutions .et_pb_row_11 {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}
#solutions.ss-solutions .et_pb_text_6 .et_pb_text_inner h2 {
    text-align: right;
    direction: rtl;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif;
    font-weight: 800;
    color: #1B3A4B;
    font-size: clamp(22px, 2.8vw, 32px);
    margin: 0 0 8px;
    line-height: 1.25;
}
/* Hide old Divi solutions grid — replaced by .ss-sol-new */
.et_pb_section_8.ss-solutions-grid { display: none !important; }
/* Hide old Divi process rows 33–50 — replaced by .ss-process-compact */
#process .et_pb_row_33,#process .et_pb_row_34,#process .et_pb_row_35,
#process .et_pb_row_36,#process .et_pb_row_37,#process .et_pb_row_38,
#process .et_pb_row_39,#process .et_pb_row_40,#process .et_pb_row_41,
#process .et_pb_row_42,#process .et_pb_row_43,#process .et_pb_row_44,
#process .et_pb_row_45,#process .et_pb_row_46,#process .et_pb_row_47,
#process .et_pb_row_48,#process .et_pb_row_49,#process .et_pb_row_50 { display: none !important; }

/* Section: legacy Divi solutions grid — fully replaced by .ss-sol-new */
/* (Removed display:block override that was un-hiding this old section) */
.et_pb_section_8.ss-solutions-grid {
    background: #f7fafb !important;
    padding: 0 !important;
    direction: rtl;
    display: none !important;
}
/* Rows: flex RTL with gap */
.ss-solutions-grid .et_pb_row_12,
.ss-solutions-grid .et_pb_row_13 {
    display: flex !important;
    flex-direction: row !important;
    gap: 24px !important;
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
/* Cards: equal-flex columns */
.ss-solutions-grid .et_pb_row_12 .et_pb_column,
.ss-solutions-grid .et_pb_row_13 .et_pb_column {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 26px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #eaf0f3 !important;
    box-shadow: 0 1px 2px rgba(27, 58, 75, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
    box-sizing: border-box !important;
}
/* Teal accent bar on hover */
.ss-solutions-grid .et_pb_row_12 .et_pb_column::before,
.ss-solutions-grid .et_pb_row_13 .et_pb_column::before {
    content: "";
    position: absolute;
    top: 0; right: 0; left: 0;
    height: 3px;
    background: #00B4B4;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 260ms ease;
}
.ss-solutions-grid .et_pb_row_12 .et_pb_column:hover,
.ss-solutions-grid .et_pb_row_13 .et_pb_column:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(27, 58, 75, 0.10);
    border-color: #d6e7eb;
}
.ss-solutions-grid .et_pb_row_12 .et_pb_column:hover::before,
.ss-solutions-grid .et_pb_row_13 .et_pb_column:hover::before {
    transform: scaleX(1);
}
/* Blurb: override left-position, stack icon above text (RTL correct) */
.ss-solutions-grid .et_pb_blurb {
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    text-align: right !important;
}
.ss-solutions-grid .et_pb_blurb .et_pb_blurb_content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    direction: rtl !important;
    max-width: 100% !important;
}
.ss-solutions-grid .et_pb_blurb .et_pb_main_blurb_image {
    float: none !important;
    width: auto !important;
    display: block !important;
    margin: 0 0 14px 0 !important;
    text-align: right !important;
    padding: 0 !important;
}
.ss-solutions-grid .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
    display: inline-block !important;
}
.ss-solutions-grid .et_pb_blurb .et_pb_main_blurb_image img {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    transition: transform 260ms ease;
}
.ss-solutions-grid .et_pb_row_12 .et_pb_column:hover .et_pb_main_blurb_image img,
.ss-solutions-grid .et_pb_row_13 .et_pb_column:hover .et_pb_main_blurb_image img {
    transform: scale(1.06);
}
.ss-solutions-grid .et_pb_blurb_container {
    padding: 0 !important;
    width: 100% !important;
    text-align: right !important;
    direction: rtl !important;
}
.ss-solutions-grid .et_pb_blurb .et_pb_module_header,
.ss-solutions-grid .et_pb_blurb .et_pb_module_header span {
    text-align: right !important;
    direction: rtl !important;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif !important;
    font-weight: 800 !important;
    color: #1B3A4B !important;
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    display: block !important;
}
/* Description text */
.ss-solutions-grid .et_pb_text {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100% !important;
    text-align: right !important;
    direction: rtl !important;
}
.ss-solutions-grid .et_pb_text .et_pb_text_inner,
.ss-solutions-grid .et_pb_text .et_pb_text_inner p {
    text-align: right !important;
    direction: rtl !important;
    font-family: 'Assistant', 'SenticoSansDT', Arial, sans-serif !important;
    color: #4a6473 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}
/* CTA rows */
.ss-solutions-grid .et_pb_row_14,
.ss-solutions-grid .et_pb_row_15 {
    max-width: 1200px !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;
}
.ss-solutions-grid .et_pb_row_15 { margin-top: 10px !important; }
.ss-solutions-grid .et_pb_button_module_wrapper { text-align: center !important; }
/* Tablet: 2-col */
@media (max-width: 980px) {
    .ss-solutions-grid .et_pb_row_12,
    .ss-solutions-grid .et_pb_row_13 {
        flex-wrap: wrap !important;
        gap: 18px !important;
    }
    .ss-solutions-grid .et_pb_row_12 .et_pb_column,
    .ss-solutions-grid .et_pb_row_13 .et_pb_column {
        flex: 1 1 calc(50% - 9px) !important;
    }
}
/* Mobile: 1-col */
@media (max-width: 600px) {
    #solutions.ss-solutions { padding: 40px 4vw 16px; }
    .et_pb_section_8.ss-solutions-grid { padding: 8px 4vw 48px !important; }
    .ss-solutions-grid .et_pb_row_12,
    .ss-solutions-grid .et_pb_row_13 {
        flex-direction: column !important;
        gap: 14px !important;
    }
    .ss-solutions-grid .et_pb_row_12 .et_pb_column,
    .ss-solutions-grid .et_pb_row_13 .et_pb_column {
        flex: none !important;
        width: 100% !important;
        padding: 22px 20px !important;
    }
    .ss-solutions-grid .et_pb_blurb .et_pb_main_blurb_image img {
        width: 44px !important;
        height: 44px !important;
    }
    .ss-solutions-grid .et_pb_blurb .et_pb_module_header,
    .ss-solutions-grid .et_pb_blurb .et_pb_module_header span {
        font-size: 1.08rem !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ss-solutions-grid .et_pb_row_12 .et_pb_column,
    .ss-solutions-grid .et_pb_row_13 .et_pb_column,
    .ss-solutions-grid .et_pb_blurb .et_pb_main_blurb_image img,
    .ss-solutions-grid .et_pb_row_12 .et_pb_column::before,
    .ss-solutions-grid .et_pb_row_13 .et_pb_column::before {
        transition: none !important;
    }
    .ss-solutions-grid .et_pb_row_12 .et_pb_column:hover,
    .ss-solutions-grid .et_pb_row_13 .et_pb_column:hover {
        transform: none !important;
    }
}

/* Homepage layout fixes */

/* Fix 1: solutions/clients overlap.
   The legacy Divi section_4 still ships old blurb cards under its title; the
   new clean grid (section_8) used margin-top:-1000px to mask them, but the
   leftover height of section_4 spilled into #clients. Hide the legacy blurbs
   and let section_8 flow naturally. */
.et_pb_section_4 .et_pb_row_4,
.et_pb_section_4 .et_pb_row_5 { display: none !important; }
.et_pb_section_4.et_pb_section { padding-bottom: 0 !important; }
.et_pb_section_8.et_pb_section { margin-top: 0 !important; }

/* Same hack lives on section_6 (the title section): it forced 1200px to
   reserve room for the now-removed overlap. Let it collapse to natural
   height on ALL viewports (was previously mobile-only, which left the
   section broken/invisible on desktop). */
.et_pb_section_6,
.et_pb_section_6.et_pb_section { height: auto !important; padding-bottom: 0 !important; }

/* Fix 2: ss-diff strips were ~590px tall on mobile because
   .ss-diff-text has flex-basis:480px and the inner switches to
   flex-direction:column on small screens — the basis becomes a height. */
@media (max-width: 700px) {
    .ss-diff-inner .ss-diff-text { flex: 0 0 auto !important; }
}

/* Fix 3: live-chat popup covers the hero CTA on small screens.
   Hide the auto-prompt bubble below tablet so the CTA stays tappable;
   the chat launcher itself remains visible. */
@media (max-width: 900px) {
    .chatway-prompt-message,
    .chatway-prompt,
    .cw-prompt-message,
    [class*="chatway"][class*="prompt"],
    [class*="chatway"][class*="bubble"] { display: none !important; }
}
/* Keep the hero CTA clear of the fixed chat launcher on mobile.
   The RTL CTA text starts from the right edge, so flip the launcher
   to the left edge and give the hero a little extra bottom space. */
@media (max-width: 600px) {
    .et_pb_section_3 { padding-bottom: 80px !important; }
    #ss-chatbot-container {
        right: auto !important;
        left: 16px !important;
        bottom: 16px !important;
    }
}

/* Fix 4: hero proof chips were cramped on desktop — let them wrap and
   give them a touch more horizontal room. */
.ss-hero-chips {
    flex-wrap: wrap;
    gap: 8px 10px;
    max-width: 100%;
}
.ss-hero-chip { flex: 0 0 auto; }
/* Breathing room around the hero feature chips on desktop */
@media (min-width: 981px) {
    .ss-hero-chips { margin-top: 14px !important; margin-bottom: 14px !important; }
    /* Nudge the hero CTA button down off the chips above it */
    .et_pb_button_0_wrapper,
    .et_pb_button_1_wrapper { margin-top: 18px !important; }
}

/* Fix 5: section_3 is the mobile-only hero variant; section_1 is the
   desktop variant. Both ship the same <h1> so search engines see it twice.
   Strip the SEO weight on the variant currently hidden by Divi's media
   query, without touching its display rule. */
.et_pb_section_1[style*="display: none"] h1,
.et_pb_section_3[style*="display: none"] h1 { display: none; }

/* Fix 6: clients heading + tagline share the same RTL block alignment on mobile. */
@media (max-width: 600px) {
    #clients .et_pb_text_inner,
    #clients .ss-clients-tagline {
        padding-inline-end: 4vw;
        padding-inline-start: 4vw;
    }
}

/* =====================================================================
   SESSION 2+3 FIXES
   ===================================================================== */

/* --- Hero H1: RTL direction so period stays on the correct side --- */
.et_pb_text_0 h1, .et_pb_text_2 h1 {
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext !important;
}

/* --- Hero CTA button: teal gradient, compact --- */
/* Target both with and without et_animated (class removed after animation) */
.et_pb_section_1 .et_pb_button_0,
.et_pb_section_1 .et_pb_button_0.et_animated,
.et_pb_section_3 .et_pb_button_1,
.et_pb_section_3 .et_pb_button_1.et_animated {
    background: linear-gradient(135deg, #46a7b1 0%, #38c5d0 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 11px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    box-shadow: 0 4px 16px rgba(70,167,177,0.38) !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.et_pb_section_1 .et_pb_button_0:hover,
.et_pb_section_3 .et_pb_button_1:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 22px rgba(70,167,177,0.48) !important;
}
/* Force white text on CTA buttons (Divi bg_layout_light overrides color) */
.et_pb_section_1 a.et_pb_button_0,
.et_pb_section_1 a.et_pb_button_0.et_pb_bg_layout_light,
.et_pb_section_3 a.et_pb_button_1,
.et_pb_section_3 a.et_pb_button_1.et_pb_bg_layout_light {
    color: #fff !important;
}
/* Extra-specificity fallback for Divi's late-loaded !important color rule */
body .et_pb_section_1 .et_pb_button_module_wrapper .et_pb_button_0.et_pb_bg_layout_light,
body .et_pb_section_3 .et_pb_button_module_wrapper .et_pb_button_1.et_pb_bg_layout_light {
    color: #ffffff !important;
}
/* Mobile CTA: the redesigned pill (white bg, padding:16px 44px, font-size:17px —
   see the top of this file) needs ~294px to fit "לקבלת הצעת מחיר אטרקטיבית" on
   one line; the old 240px cap here forced it to wrap. Trim padding/font a touch
   and widen the cap so it fits on one line down to ~320px-wide phones. */
@media (max-width: 980px) {
    .et_pb_section_3 .et_pb_button_1 {
        padding: 14px 30px !important;
        font-size: 16px !important;
        max-width: min(300px, 92vw) !important;
        white-space: nowrap !important;
        display: block !important;
        margin: 0 auto !important;
    }
}

/* --- Desktop nav WA button: round icon-only --- */
.ss-nav-wa-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 0 !important;
    border-radius: 50% !important;
    background-color: #46a7b1 !important;
    color: #fff !important;
    padding: 0 !important;
    margin: 0 6px 0 0 !important;
    border: 2px solid rgba(255,255,255,0.6) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    transition: background 0.2s ease !important;
    text-decoration: none !important;
    line-height: 1 !important;
}
.ss-nav-wa-btn:hover { background-color: #3d96a0 !important; }
.ss-nav-wa-btn svg { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; }
@media (max-width: 1024px) { .ss-nav-wa-btn { display: none !important; } }

/* --- Cap numbers: hide on ALL viewports (not just mobile) --- */
.cap-num { display: none !important; }

/* --- Process section: circular step badges with scroll-fill animation --- */
#process .et_pb_text_57 .et_pb_text_inner,
#process .et_pb_text_61 .et_pb_text_inner,
#process .et_pb_text_65 .et_pb_text_inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 4px 0 !important;
}
#process .et_pb_text_57 .et_pb_text_inner p,
#process .et_pb_text_61 .et_pb_text_inner p,
#process .et_pb_text_65 .et_pb_text_inner p {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    border: 3px solid #46a7b1 !important;
    color: #46a7b1 !important;
    background: #fff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transition: background 0.45s ease, color 0.45s ease, box-shadow 0.45s ease !important;
    box-shadow: 0 0 0 0 rgba(70,167,177,0) !important;
    margin: 0 !important;
}
#process .et_pb_text_57 .et_pb_text_inner p.ss-badge-filled,
#process .et_pb_text_61 .et_pb_text_inner p.ss-badge-filled,
#process .et_pb_text_65 .et_pb_text_inner p.ss-badge-filled {
    background: #46a7b1 !important;
    color: #fff !important;
    box-shadow: 0 0 0 6px rgba(70,167,177,0.18) !important;
}

/* --- Desktop footer: collapse gap between the two text lines --- */
@media (min-width: 981px) {
    .et_pb_text_0_tb_footer { margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .et_pb_text_0_tb_footer .et_pb_text_inner { margin-bottom: 0 !important; padding-bottom: 0 !important; line-height: 1.2 !important; }
    .et_pb_text_0_tb_footer .et_pb_text_inner p { margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .et_pb_text_1_tb_footer { margin-top: 0 !important; padding-top: 0 !important; }
    .et_pb_text_1_tb_footer .et_pb_text_inner { margin-top: 0 !important; padding-top: 0 !important; line-height: 1.2 !important; }
    .et_pb_text_1_tb_footer .et_pb_text_inner p { margin-top: 0 !important; padding-top: 0 !important; }
}

/* --- Mobile: footer vertical stack (logo above text) --- */
@media (max-width: 980px) {
    .et_pb_row_0_tb_footer, .et_pb_row_1_tb_footer {
        display: flex !important; flex-direction: column !important;
        align-items: center !important; text-align: center !important;
        padding: 16px 20px !important;
    }
    .et_pb_column_1_tb_footer, .et_pb_column_3_tb_footer {
        order: 1 !important; max-width: 180px !important; margin-bottom: 8px !important;
    }
    .et_pb_column_0_tb_footer, .et_pb_column_2_tb_footer { order: 2 !important; }
    .et_pb_image_0_tb_footer img, .et_pb_image_1_tb_footer img {
        max-width: 140px !important; display: block !important; margin: 0 auto !important;
    }
    .et_pb_text_0_tb_footer .et_pb_text_inner p,
    .et_pb_text_1_tb_footer .et_pb_text_inner p {
        text-align: center !important; font-size: 12px !important; white-space: normal !important;
    }

    /* About-us: reduce top space above paragraph */
    #service .et_pb_text_53 { padding: 22px 25px 30px !important; }

    /* Solution cards "לפרטים נוספים" visible on mobile */
    #target-audience .img-box,
    #target-audience .img-box.ta-linked {
        overflow: visible !important; height: auto !important;
        min-height: 0 !important; display: flex !important; flex-direction: column !important;
    }
    #target-audience .img-box.ta-linked .ta-more-wrap {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        text-align: center !important; padding: 10px 12px 6px !important; margin-top: 4px !important;
    }
    #target-audience .img-box.ta-linked .ta-more-link {
        display: inline-block !important; visibility: visible !important; opacity: 1 !important;
        padding: 8px 22px !important; background: #46a7b1 !important; color: #fff !important;
        border-radius: 22px !important; font-weight: 700 !important;
        font-size: 14px !important; text-decoration: none !important;
    }
}

/* --- Mobile: testimonials fix (arrows not overlapping text) --- */
@media (max-width: 768px) {
    .ss-tc-stage { min-height: auto !important; }
    .ss-tc-slide.is-active { position: relative !important; inset: auto !important; height: auto !important; }
    .ss-tc-slide { padding: 26px 54px 24px !important; border-radius: 16px !important; }
    .ss-tc-arrow { width: 40px !important; height: 40px !important; font-size: 24px !important; box-shadow: 0 4px 12px rgba(27,58,75,.20) !important; }
    .ss-tc-prev { right: 4px !important; }
    .ss-tc-next { left: 4px !important; }
    .ss-tc-quote-mark { font-size: 3.4rem !important; }
    .ss-tc-quote { font-size: 14px !important; line-height: 1.7 !important; }

    /* Mobile: contact form */
    .ss-inline-card {
        margin: 0 0 30px !important; padding: 24px 18px 20px !important;
        border-radius: 16px !important; background: #fff !important;
        box-shadow: 0 4px 20px rgba(70,167,177,0.13) !important;
        border: 1.5px solid rgba(70,167,177,0.22) !important;
        max-width: 100% !important;
    }
    .ss-inline-card label {
        font-size: 13px !important; font-weight: 600 !important; color: #1b3a4b !important;
        display: block !important; margin-bottom: 4px !important; text-align: right !important;
    }
    .ss-inline-card input[type="text"],
    .ss-inline-card input[type="email"],
    .ss-inline-card input[type="tel"] {
        width: 100% !important; padding: 10px 12px !important; border-radius: 8px !important;
        border: 1.5px solid #cce8eb !important; font-size: 14px !important;
        margin-bottom: 12px !important; box-sizing: border-box !important; background: #f8fafb !important;
    }
    .ss-inline-card input[type="submit"],
    .ss-inline-card button[type="submit"] {
        background: linear-gradient(135deg, #46a7b1, #38c5d0) !important;
        color: #fff !important; border: none !important; border-radius: 50px !important;
        padding: 13px 32px !important; font-size: 15px !important; font-weight: 700 !important;
        width: 100% !important; cursor: pointer !important;
        box-shadow: 0 4px 14px rgba(70,167,177,0.3) !important;
    }
}

/* --- Mobile logo grid (replaces desktop logos.png strip on ≤980px) --- */
.ss-mobile-logo-grid { display: none; }
@media (max-width: 980px) {
    /* Hide the desktop logo strip row inside section_1 */
    .et_pb_section_1 .et_pb_row_1 { display: none !important; }
    .ss-mobile-logo-grid--mobile {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 16px 12px;
        padding: 20px 16px 8px;
        width: 100%; max-width: 480px; margin: 0 auto;
        box-sizing: border-box; direction: rtl; background: #fff;
    }
    .ss-mobile-logo-heading {
        grid-column: 1 / -1;
        text-align: center;
        direction: rtl;
        margin: 0 0 12px;
        padding: 8px 0 0;
        font-family: 'Assistant','SenticoSansDT',Arial,sans-serif;
        font-size: clamp(18px, 5vw, 22px);
        font-weight: 800;
        color: #00B4B4;
    }
    .ss-ml-item {
        display: flex; align-items: center; justify-content: center;
        background: #f8fafb; border-radius: 12px; padding: 14px 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06); min-height: 72px;
    }
    .ss-ml-item img {
        max-width: 110px; max-height: 50px; width: auto; height: auto; object-fit: contain;
    }
}

/* ── Desktop logo bar (replaces logos.png strip) ─────────────────── */
/* Hide old logos.png Divi row on desktop */
.et_pb_section_1 .et_pb_row_1 { display: none !important; }

.ss-desktop-logo-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px 36px;
    padding: 18px 40px 28px;
    background: #fff;
    direction: ltr;
}
.ss-desktop-logo-bar img {
    height: 38px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.65;
    transition: opacity .22s, filter .22s;
}
.ss-desktop-logo-bar img:hover {
    filter: grayscale(0);
    opacity: 1;
}
/* Show desktop bar only on desktop; mobile uses .ss-mobile-logo-grid--mobile */
@media (max-width: 980px) {
    .ss-desktop-logo-bar { display: none !important; }
}

/* ── Hide et_pb_section_4 entirely ──────────────────────────────────
   This was the old partially-visible solutions heading (row_3 was still
   rendering a duplicate "הפתרון שאנו מציעים" heading above section_6). */
body .et_pb_section.et_pb_section_4,
body div.et_pb_section_4,
body div.et_pb_section_4.et_pb_with_background,
body .et_pb_section.et_pb_section_8.ss-solutions-grid,
body div.et_pb_section_8.ss-solutions-grid,
body div.et_pb_section_8.ss-solutions.ss-solutions-grid {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── #target-audience: force visible on mobile (in case prior CSS hid it) ── */
@media (max-width: 980px) {
    body #target-audience,
    body #target-audience.et_pb_section_11,
    body #target-audience.et_pb_section_11.et_pb_section {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* ── #target-audience tile descriptions: bigger, more readable on mobile ── */
@media (max-width: 980px) {
    #target-audience .et_pb_text_17 p,
    #target-audience .et_pb_text_19 p,
    #target-audience .et_pb_text_21 p,
    #target-audience .et_pb_text_23 p,
    #target-audience .et_pb_text_25 p,
    #target-audience .et_pb_text_27 p {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }
}

/* ── Solutions section title: keep visible on mobile + center ──────── */
@media (max-width: 980px) {
    #solutions.ss-solutions .et_pb_row_11 {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 5vw !important;
    }
    #solutions.ss-solutions .et_pb_text_6,
    #solutions.ss-solutions .et_pb_text_6 .et_pb_text_inner,
    #solutions.ss-solutions .et_pb_text_6 .et_pb_text_inner h2 {
        display: block !important;
        visibility: visible !important;
        text-align: center !important;
        direction: rtl !important;
        font-size: clamp(22px,5vw,28px) !important;
        margin: 0 0 18px !important;
    }
}

/* ── Solutions section: force-show on desktop too ──────────────────── */
@media (min-width: 981px) {
    #solutions,
    #solutions.ss-solutions,
    #solutions.et_pb_section_6 {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    #solutions.ss-solutions .et_pb_row_11,
    #solutions.ss-solutions .et_pb_text_6,
    #solutions.ss-solutions .et_pb_text_6 .et_pb_text_inner,
    #solutions.ss-solutions .et_pb_text_6 .et_pb_text_inner h2 {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    #solutions.ss-solutions .et_pb_text_6 .et_pb_text_inner h2 {
        text-align: right !important;
        direction: rtl !important;
        margin: 0 0 24px !important;
    }
}

/* ── Solutions card grid: force full-width layout (all breakpoints) ──────
   #solutions IS et_pb_section_6, which the cached Divi CSS marks
   display:none + height:1200px (it was meant to be a hidden legacy
   section). We reuse it for the new content and force it visible, but
   Divi's leftover section rules leave the inner grid without a proper
   width context, collapsing the cards into narrow strips. These rules
   re-establish a clean block / full-width layout so the grid fills its
   row and the column-count media queries below work as intended. */
#solutions.et_pb_section_6 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    float: none !important;
    position: relative !important;
    box-sizing: border-box !important;
}
#solutions .ss-sol-new {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}
#solutions .ss-sol-grid {
    display: grid !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Re-assert responsive column counts at higher specificity so they beat
   any stray Divi rule on the reused section. */
#solutions .ss-sol-grid { grid-template-columns: repeat(3, 1fr) !important; }
@media (max-width: 860px) { #solutions .ss-sol-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 540px) { #solutions .ss-sol-grid { grid-template-columns: 1fr !important; } }

/* ── Hero logos.png strip: use Divi's stock layout (matches production) ─ */
/* Custom width/centering overrides removed — they diverged from the live
   site. The logos.png img keeps its srcset/sizes and Divi renders it. */

/* ── Mobile logo grid: white card backgrounds (not grey) ─────────── */
.ss-ml-item { background: #fff !important; }

/* ── Mobile hero chips: 2-column grid ───────────────────────────────
   On mobile the chips should form an even 2×3 grid, with the CTA
   button pushed a little further below. */
@media (max-width: 980px) {
    .ss-hero-chips {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        max-width: 380px;
        margin: 0 auto 8px;
    }
    .ss-hero-chip {
        width: 100%;
        justify-content: flex-start;
        padding: 8px 10px !important;
        min-width: 0 !important;
    }
    .ss-hero-chip .ss-hc-label {
        font-size: 0.72rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    /* CTA button: give a bit more breathing room below chips */
    .et_pb_section_3 .et_pb_button_module_wrapper {
        margin-top: 18px !important;
    }
}
/* Smaller phones (6.2" / ~414px and narrower): even tighter chip font */
@media (max-width: 430px) {
    .ss-hero-chips { gap: 6px !important; max-width: 100% !important; padding: 0 8px !important; }
    .ss-hero-chip { padding: 7px 8px !important; }
    .ss-hero-chip .ss-hc-label { font-size: 0.68rem !important; }
    .ss-hero-chip .ss-hc-icon svg { width: 14px !important; height: 14px !important; }
}

/* ── Hero chips → CTA: padding + staggered entrance animation ─────── */
/* Add breathing room between the chips and the CTA button below */
.ss-hero-chips + .et_pb_button_module_wrapper,
.et_pb_button_0_wrapper {
    margin-top: 28px !important;
}
@media (min-width: 769px) {
    .ss-hero-chips + .et_pb_button_module_wrapper,
    .et_pb_button_0_wrapper { margin-top: 36px !important; }
}

/* Chips animate in first, then the CTA button — keyframes + per-chip stagger */
@keyframes ss-chip-in {
    0%   { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0);    }
}
@keyframes ss-cta-in {
    0%   { opacity: 0; transform: translateY(14px); }
    100% { opacity: 1; transform: translateY(0);    }
}
.ss-hero-chips .ss-hero-chip {
    opacity: 0;
    animation: ss-chip-in 0.55s cubic-bezier(.2,.7,.2,1) forwards;
}
.ss-hero-chips .ss-hero-chip:nth-child(1) { animation-delay: 0.15s; }
.ss-hero-chips .ss-hero-chip:nth-child(2) { animation-delay: 0.25s; }
.ss-hero-chips .ss-hero-chip:nth-child(3) { animation-delay: 0.35s; }
.ss-hero-chips .ss-hero-chip:nth-child(4) { animation-delay: 0.45s; }
.ss-hero-chips .ss-hero-chip:nth-child(5) { animation-delay: 0.55s; }
.ss-hero-chips .ss-hero-chip:nth-child(6) { animation-delay: 0.65s; }
/* CTA button animates only AFTER all six chips have entered (~1.2s) */
.ss-hero-chips + .et_pb_button_module_wrapper .et_pb_button,
.et_pb_button_0_wrapper .et_pb_button_0 {
    opacity: 0;
    animation: ss-cta-in 0.7s cubic-bezier(.2,.7,.2,1) forwards;
    animation-delay: 1.2s;
}
@media (prefers-reduced-motion: reduce) {
    .ss-hero-chips .ss-hero-chip,
    .ss-hero-chips + .et_pb_button_module_wrapper .et_pb_button,
    .et_pb_button_0_wrapper .et_pb_button_0 {
        opacity: 1 !important;
        animation: none !important;
        transform: none !important;
    }
}

/* ── Mobile sub-headline: RTL direction ──────────────────────────── */
@media (max-width: 980px) {
    .et_pb_section_3 .et_pb_text_3 .et_pb_text_inner {
        direction: rtl !important;
        text-align: right !important;
        unicode-bidi: embed;
    }
}

/* ── Mobile solutions (ss-sol-new): prevent overflow/clipping ───── */
@media (max-width: 860px) {
    #solutions.ss-solutions { overflow: visible !important; }
    .ss-sol-new { width: 100%; max-width: 100%; box-sizing: border-box; }
    .ss-sol-grid { width: 100%; max-width: 100%; }
    .ss-sol-card { min-width: 0; box-sizing: border-box; }
}
@media (max-width: 540px) {
    .ss-sol-new { padding: 0 16px 40px !important; }
    .ss-sol-grid { grid-template-columns: 1fr !important; }
}

/* ── Bottom footer: show on mobile (top one is hidden by Divi) ───── */
/* Ensure the bottom Divi footer row shows on all screen sizes */
.et_pb_row_1_tb_footer { display: flex !important; }

/* ── Mobile capabilities: centered icon + refreshed card design ─── */
@media (max-width: 980px) {
    .cap-box-front {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 22px 20px 18px !important;
    }
    .cap-icon-wrap {
        order: 0 !important;
        margin: 0 0 12px !important;
        width: 62px !important;
        height: 62px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #eaf6f7, #c8eaed) !important;
        box-shadow: 0 4px 14px rgba(70,167,177,.18) !important;
    }
    .cap-title {
        order: 1 !important;
        flex: 0 0 auto !important;
        text-align: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        color: #1B3A4B !important;
        margin: 0 0 4px !important;
    }
    .cap-num {
        order: 3 !important;
        margin: 0 !important;
        font-size: 11px !important;
        opacity: 0.45 !important;
    }
    .cap-expand-icon {
        order: 2 !important;
        margin: 8px auto 0 !important;
        width: 28px !important;
        height: 28px !important;
    }
    .cap-accent {
        order: 4 !important;
        flex: 0 0 auto !important;
        margin: 10px auto 0 !important;
    }
    .cap-box {
        border-radius: 16px !important;
        box-shadow: 0 2px 12px rgba(70,167,177,.08) !important;
        border: 1.5px solid rgba(70,167,177,.15) !important;
    }
    .cap-box:hover, .cap-box.expanded {
        box-shadow: 0 6px 20px rgba(70,167,177,.18) !important;
    }
    .cap-box-content {
        text-align: center !important;
        padding: 0 20px 18px !important;
    }
    .cap-box-content p {
        text-align: center !important;
    }
}

/* ── Mobile contact: streamlined layout ────────────────────────────── */
@media (max-width: 768px) {
    /* Compact section heading */
    #contact .et_pb_text_81 p {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #1B3A4B !important;
        margin-bottom: 4px !important;
        line-height: 1.3 !important;
    }
    #contact .et_pb_row_51 {
        padding: 28px 20px 8px !important;
    }
    /* Stacked buttons on mobile (the Hebrew text is too long for side-by-side) */
    #contact .et_pb_row_52 {
        padding: 0 20px !important;
    }
    #contact .et_pb_row_52 .et_pb_column_95 {
        flex-direction: column !important;
        gap: 10px !important;
        padding-bottom: 20px !important;
        align-items: stretch !important;
    }
    #contact .et_pb_button_4_wrapper,
    #contact .et_pb_button_6_wrapper {
        flex: 0 0 auto !important;
        max-width: 360px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    #contact .et_pb_button_4,
    #contact .et_pb_button_6 {
        width: 100% !important;
        max-width: 360px !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
        border-radius: 50px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        box-sizing: border-box !important;
        background: linear-gradient(135deg, #46a7b1 0%, #3d9199 100%) !important;
        color: #fff !important;
        border: none !important;
        box-shadow: 0 3px 10px rgba(70, 167, 177, 0.3) !important;
    }
    #contact .et_pb_button_4:hover,
    #contact .et_pb_button_6:hover {
        background: linear-gradient(135deg, #4fb8c3 0%, #46a7b1 100%) !important;
        color: #fff !important;
        box-shadow: 0 5px 16px rgba(70, 167, 177, 0.4) !important;
    }
    /* Compact form card */
    .ss-inline-card {
        margin: 0 0 32px !important;
        border-radius: 18px !important;
        box-shadow: 0 6px 24px rgba(70,167,177,.12) !important;
    }
    .ss-mobile-form-title {
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #1B3A4B !important;
        text-align: center !important;
        margin: 0 0 12px !important;
    }
}

/* ── Unify the contact "dialogs" into ONE aligned card on mobile ──────────
   The three contact rows (heading / call+WhatsApp buttons / form) were meant
   to stack into a single panel but rendered as disjointed boxes: row_51 was
   wider than row_52+53, a -71px negative margin overlapped the heading onto
   the buttons, and a 29px gap split the form off below. Force identical width
   + side margins, kill the overlap and the gap, and round only the OUTER
   corners so the three rows read as one cohesive card on the teal section. */
@media (max-width: 768px) {
    #contact .et_pb_row_51,
    #contact .et_pb_row_52,
    #contact .et_pb_row_53 {
        width: auto !important;
        max-width: none !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        background: #eef5f6 !important;   /* one unified panel colour */
        box-sizing: border-box !important;
        box-shadow: none !important;
    }
    #contact .et_pb_row_51 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 18px 18px 0 0 !important;
        padding: 26px 20px 4px !important;
    }
    #contact .et_pb_row_52 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        padding: 4px 20px 20px !important;
    }
    #contact .et_pb_row_53 {
        margin-top: 0 !important;
        margin-bottom: 32px !important;
        border-radius: 0 0 18px 18px !important;
        padding: 6px 18px 22px !important;
        box-shadow: 0 14px 30px rgba(27,58,75,.12) !important;  /* single drop shadow grounds the whole card */
    }
    /* Form sits flush inside the unified panel — drop its extra bottom margin */
    #contact .et_pb_row_53 .ss-inline-card {
        margin: 0 auto !important;
    }
}

/* ── Cap-box mobile: row layout, chevron on far left ───────────────── */
@media (max-width: 980px) {
    .cap-box-front {
        flex-direction: row !important;
        align-items: center !important;
        text-align: right !important;
        padding: 18px 20px 16px !important;
        min-height: auto !important;
        flex-wrap: nowrap !important;
    }
    .cap-icon-wrap {
        order: 1 !important;
        flex-shrink: 0 !important;
        width: 56px !important;
        height: 56px !important;
        margin: 0 0 0 14px !important;
        background: linear-gradient(135deg, #eaf6f7, #c8eaed) !important;
        box-shadow: 0 2px 10px rgba(70,167,177,.14) !important;
    }
    .cap-title {
        order: 2 !important;
        flex: 1 !important;
        text-align: right !important;
        justify-content: flex-start !important;
        font-size: 15px !important;
        margin: 0 !important;
        min-height: 0 !important;
    }
    .cap-expand-icon {
        order: 3 !important;
        flex-shrink: 0 !important;
        margin: 0 auto 0 0 !important;
        width: 32px !important;
        height: 32px !important;
    }
    .cap-num { display: none !important; }
    .cap-box-front .cap-accent { display: none !important; }
    .cap-box {
        border-radius: 14px !important;
        box-shadow: 0 2px 10px rgba(70,167,177,.07) !important;
        border: 1.5px solid rgba(70,167,177,.13) !important;
    }
    .cap-box-content { text-align: right !important; padding: 0 20px !important; }
    .cap-box-content p { text-align: right !important; }
    /* Ensure collapsed by default on mobile (overrides any padding leak) */
    .cap-box:not(.expanded) .cap-box-content {
        max-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
        border-top-width: 0 !important;
    }
    .cap-box.expanded .cap-box-content {
        max-height: 400px !important;
        padding: 16px 20px !important;
        border-top-width: 1px !important;
    }
}

/* ── CTA strips: keep inside viewport with margin from corners on mobile ── */
@media (max-width: 700px) {
    .ss-diff-strips { padding: 16px 14px !important; }
    .ss-diff-strip {
        border-radius: 16px !important;
        width: auto !important;        /* fill parent minus the even side margins */
        max-width: none !important;
        margin: 14px 16px !important;  /* equal L/R margins → centered, even gutters, no asymmetric bleed */
        padding: 22px 18px !important;
        box-sizing: border-box !important;
    }
}

/* ── Solutions heading: RTL on mobile ──────────────────────────────── */
@media (max-width: 980px) {
    #solutions .et_pb_text_6 .et_pb_text_inner { direction: rtl !important; text-align: right !important; }
}

/* ── Hide clients section on mobile (override earlier display:block) ─ */
@media (max-width: 980px) {
    body #clients,
    body #clients.et_pb_section_9,
    body #clients.et_pb_section_9.et_pb_section,
    body div#clients.et_pb_section_9.et_pb_with_background.et_section_regular {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* ── Remove orphaned white gap above "כיצד המערכת עובדת?" on mobile ──────
   #clients (the section above #functionality) is display:none on mobile, so
   #functionality's 48px top margin + its row's 48px top padding become a big
   empty white band above the heading. Trim both on mobile only (desktop keeps
   the separation because #clients is visible there). */
@media (max-width: 980px) {
    #functionality.et_pb_section_10 { margin-top: 0 !important; }
    #functionality.et_pb_section_10 .et_pb_row_20 { padding-top: 28px !important; }
    /* Video row: Divi's row/gutter padding ate ~90px of a 390px-wide phone,
       shrinking the player to ~83% width. Trim it so the player reads bigger. */
    #functionality.et_pb_section_10 .et_pb_row_21 {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

/* ── Footer: hide older row on ALL screen sizes — keep only the new row ─── */
.et_pb_row_0_tb_footer { display: none !important; }

@media (max-width: 980px) {
    .et_pb_section_0_tb_footer { display: block !important; padding: 24px 16px !important; }
    .et_pb_row_1_tb_footer {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .et_pb_row_1_tb_footer .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
        text-align: center !important;
    }
    .et_pb_row_1_tb_footer .et_pb_column:last-child { margin-bottom: 0 !important; }
    .et_pb_row_1_tb_footer .et_pb_text_2_tb_footer,
    .et_pb_row_1_tb_footer .et_pb_text_3_tb_footer,
    .et_pb_row_1_tb_footer .et_pb_text_2_tb_footer .et_pb_text_inner,
    .et_pb_row_1_tb_footer .et_pb_text_3_tb_footer .et_pb_text_inner {
        text-align: center !important;
        direction: rtl !important;
    }
    .et_pb_row_1_tb_footer .et_pb_text_2_tb_footer p,
    .et_pb_row_1_tb_footer .et_pb_text_3_tb_footer p {
        text-align: center !important;
        direction: rtl !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        padding: 0 8px !important;
        word-break: break-word !important;
    }
    .et_pb_row_1_tb_footer .et_pb_module.et_pb_image,
    .et_pb_row_1_tb_footer .et_pb_image_wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .et_pb_row_1_tb_footer .et_pb_image_1_tb_footer img,
    .et_pb_row_1_tb_footer .et_pb_image_wrap img {
        max-width: 180px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

/* Desktop: footer logo a touch smaller */
@media (min-width: 981px) {
    .et_pb_row_1_tb_footer .et_pb_image_1_tb_footer img,
    .et_pb_row_1_tb_footer .et_pb_image_wrap img {
        max-width: 400px !important;
        height: auto !important;
    }
}

/* Hero section background fill */
div.et_pb_section.et_pb_section_1 {
  background-color: #f7fafb;
}

/* ── Desktop: REAL standalone logo bar between the hero and the next section ──
   The white strip + diagonal wedge were painted into the hero's background image
   and couldn't be positioned (the bar fell below the fold). We crop them out
   (top-aligned bg + a shorter hero), hide the in-hero logos row, and turn the
   standalone .ss-desktop-logo-bar into a real white band (logos.png + a CSS
   wedge) sitting right at the hero / next-section seam, inside the fold.
   Tunables: hero height (where the seam lands), wedge width/angle, bar padding. */
@media (min-width: 981px) {
  div.et_pb_section.et_pb_section_1 {
    height: 762px !important;                      /* full device (ends ~753) + a hair of teal */
    min-height: 0 !important;
    padding-bottom: 0 !important;
    background-color: #116D88 !important;          /* scene teal */
    /* Teal overlay over the bottom ~10% hides the painted white strip + wedge
       baked into the image; same teal as the scene so it's seamless. */
    background-image:
      linear-gradient(to bottom, rgba(17,109,136,0) 84%, #116D88 90%, #116D88 100%),
      url(/wp-content/uploads/2025/08/background_desktop_main.png) !important;
    background-position: center top, 78% top !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    overflow: hidden !important;
  }
  /* hide the in-hero painted-strip logos row */
  .et_pb_section_1 .et_pb_row_1 { display: none !important; }

  /* standalone real white logo bar — logos.png already contains the 6 logos AND
     the diagonal wedge, so we present it full-bleed at a fixed height (its own
     wedge lands at the right edge). No extra CSS wedge. */
  .ss-desktop-logo-bar {
    display: block !important;
    background: #ffffff !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }
  .ss-desktop-logo-bar img {
    display: block !important;
    /* The image bakes the 6 logos into the left ~91% and a teal wedge into the
       right ~9%. That wedge pushed the logo block left of the bar's centre.
       Render slightly wider than the bar so the wedge overflows the right edge
       and is clipped by the container's overflow:hidden — leaving the 6 logos
       genuinely centred in the visible bar. (Revert to 100% to bring it back.) */
    width: 110% !important;
    max-width: none !important;
    height: 138px !important;
    object-fit: cover !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
  }
}

/* ── Testimonials: logo next to author name ─────────────────────────── */
.ss-tc-attr { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; }
.ss-tc-author { display: flex; flex-direction: column; gap: 2px; }
.ss-tc-logo-img { height: 32px; width: auto; max-width: 90px; object-fit: contain; opacity: .8; filter: grayscale(10%); flex-shrink: 0; }

/* ── LAUNCH: chat AI backend not live — the FAB opens WhatsApp; never show the
   chat window. The invite bubble is clickable (opens WhatsApp too). ────────── */
#ss-chatbot-window { display: none !important; }
#ss-invite-bubble { cursor: pointer; }