:root{
	--brand:#0b6b72;         /* أخضر–تركوازي مشابه للموقع */
	--brand-dark:#064a4e;
	--ink:#0c1b1e;
	--muted:#6b7b83;
	--bg:#0b1a1d;            /* خلفية هيرو داكنة */
	--step:#e7f3f4;
	--bs-dark-rgb:19, 34, 38;
	--bs-link-color-rgb: 34,210,223;
	--bs-body-font-size: 1.2rem;
	--bs-primary-bg-subtle: #eef7f8;
	--bs-primary-text-emphasis:#064a4e;
	--swiper-theme-color: #0b6b72;
}
html{scroll-behavior:auto;}
body{ color:#132226; font-family: "Noto Sans Hebrew", sans-serif;}
.btn.collapsed .less{display: none;}
.btn.collapsed .more{display: block;}
.btn .less{display: block;}
.btn .more{display: none;}
.accordion-body a, .bg-white a {color: #0074cc !important;}
body.full-width-content.single h1,
body.membership-page h1 {
  display: block;     /* נחוץ כדי שיישאר אלמנט בלוק */
  font-size: 42px;
  color: inherit;
  top: 0;
  padding: 0;
  background: none;
  margin: auto;
  text-align: right;
}
.navbar{ background:rgba(11,62,79,0.8);     backdrop-filter: blur(10px); }
.navbar .nav-link, .navbar-brand{ color:#e8f6f7 !important; }
.navbar-brand img{height: 40px}
.hero{color:#e8f6f7;position:relative; overflow:hidden;
}
.hero h1{ font-weight:800; letter-spacing: -.5px; }
.hero .lead{ color:#cfe7ea; max-width: 58ch; }
.btn-brand{ background:var(--brand); color:#fff; border:none; }
.btn-brand:hover{ background:var(--brand-dark); color:#fff; }
.text-brand{color:var(--brand);}
.bg-brand{ background:var(--brand);}
ul{margin: 0px 8px; padding: 0px 16px;}

p{font-size:18px!important; line-height: 1.6!important}
.btn{    --bs-btn-font-size: 1.75rem;}
.section-pad{padding:48px 0}

#steps-strip-con{scroll-behavior:smooth; transition: all 300ms linear;}

/* تخطيط المحتوى */
.content-wrap{ padding-block: 6rem!important; }
.toc{
  position:sticky; top:90px; border-inline-start:4px solid var(--brand);
  padding-inline-start:1rem; max-height: calc(100vh - 110px); overflow:auto;
}
.toc a{ display:block; padding:.35rem .25rem; color:var(--muted); text-decoration:none; border-radius:.5rem; }
.toc a.active, .toc a:hover{ color:var(--brand-dark); background:#eef7f8; }

section.step{ padding-block: 3rem; border-bottom: 1px solid #eef2f3; }
section.step:last-of-type{ border-bottom:none; }
.step .kicker{ color:var(--brand); font-weight:700; letter-spacing:.05em; }
.step h2{ font-weight:800; margin:.25rem 0 1rem; }
.step p{ color:#22363a; }
.big-num{
  font-size: clamp(72px, 10vw, 120px);
  font-weight:900; line-height: .8; color:#d9eef0;
  position:absolute;     transform: translateY(-75%); z-index:-1;
}
.card-tip{ background:#f6fcfc; border:1px solid #dbeff1; }
.list-check li{ margin:.4rem 0; }
.list-check li::marker{ color:var(--brand); }


.big-num2{
  font-size: clamp(72px, 10vw, 120px);
  font-weight:900; line-height: .8; color:#d9eef0;
   z-index:-1;
}


/* شريط خطوات للموبايل */
.steps-strip{
  position: sticky; top:56px; z-index:1020; background:#fff; border-bottom:1px solid #e9f1f2;
}
.step-pill{
  white-space:nowrap; border:1px solid #d9ecee; background:#f6fcfc; color:#2b474c;
}
.step-pill.active{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* سلايدر بطاقات سريعة */
.swiper{ padding-block: 1rem 2rem; }
.swiper-slide{ height:auto; }
.quick-card{ height:100%; }

/* تحسينات RTL للأرقام الكبيرة */
[dir="rtl"] .big-num{ inset-inline-start:-6px; inset-inline-end: auto; }

.text-truncate-l-3 {
    -webkit-line-clamp: 3;
}
.text-truncate-custom {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s 
ease-in-out, background-color 0.15s 
ease-in-out, border-color 0.15s 
ease-in-out, box-shadow 0.15s 
ease-in-out, border-radius 0.15s 
ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s 
ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(238,247,248, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);

}


      .accordion-button {
        text-decoration: underline;

      }

      .accordion-button {
        background: #fff;
        border: none;
        box-shadow: none;
        padding: 1.5rem;
        align-items: center;
        transition: background 0.3s ease;
      }

      .accordion-button:hover {
        background: #f0f0f0;
      }

      .circle-number {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: var(--brand);
        color: white;
        font-size: 2.8rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 1rem;
        flex-shrink: 0;
      }

      .accordion-item {
        border: none;
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      }

      .accordion-body {
        background: #fff;
        padding: 1.5rem;
      }

.animation{
  background: var(--bs-brand);
  text-align: center;
  position: relative;
	color:white;
	border:0;
	z-index: 1;
}

@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.animation::after, .animation::before{
  content: '';
  position: absolute;
  height: calc(100% + 3px);
  width: calc(100% + 3px);
  background-image: conic-gradient(from var(--angle), #ffffff, #22d2df, #3dc3a9, #ff0095, #ff4545);
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1;
  padding: 3px;
  border-radius: var(--bs-border-radius-lg);
  animation: 3s spin linear infinite;

}
.animation::before{
  filter: blur(1.5rem);
  opacity: 1;
}
@keyframes spin{
  from{
    --angle: 0deg;
  }
  to{
    --angle: 360deg;
  }
}