.weblabs-about-teams{
  --wat-accent:#c8a85a;
  --wat-dark:#0f2b33;
  --wat-muted:#f5f5f5;
  --wat-card-bg:#ffffff;
  --wat-badge-bg:#0f2b33;
  --wat-badge-color:#ffffff;
  --wat-highlight:#d97706;
  --wat-text:#4b5563;
  --wat-pattern:#e5e7eb;
  --wat-nav-bg:#f9fafb;
  --wat-nav-icon:#111827;
  --wat-dot:#d1d5db;
  --wat-dot-active:#111827;
  --wat-gap:40px;

  width:100%;
  box-sizing:border-box;
}

/* layout */

.weblabs-about-teams__inner{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr);
  gap:var(--wat-gap);
  align-items:flex-start;
}

/* LEFT: nav bar + slider */

.weblabs-about-teams__navwrap{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  justify-content: flex-end;
}

.weblabs-about-teams__nav-bar{
  flex:0 0 60px;
  height:4px;
  background:var(--wat-accent);
}

.weblabs-about-teams__nav-controls{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;

}


.weblabs-about-teams__nav-btn{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  color:var(--wat-nav-icon);
  cursor:pointer;
    background:var(--wat-nav-bg);
  box-shadow:0 6px 18px rgba(15,27,36,.12);
}

.weblabs-about-teams__nav-btn:focus-visible{
  outline:2px solid var(--wat-accent);
  outline-offset:2px;
}

.weblabs-about-teams__nav-dots{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-inline-start:6px;
}

.weblabs-about-teams__dot{
width: 10px;
    height: 10px;
    border-radius: 0;
    border: 0;
    padding: 0;
  background:var(--wat-dot);
  cursor:pointer;
}

.weblabs-about-teams__dot.is-active{
  background:var(--wat-dot-active);
}

/* viewport / track */

.weblabs-about-teams__viewport{
  position:relative;
  overflow:hidden;
}

.weblabs-about-teams__track{
  display:flex;
  align-items:stretch;
  transition:transform 420ms ease;
  will-change:transform;
}

.weblabs-about-teams__slide{
  flex:0 0 50%;
  padding-inline-end:18px;
  box-sizing:border-box;
}

/* card */

.weblabs-about-teams__card{
  position:relative;
  background:var(--wat-card-bg);
  box-shadow:0 10px 30px rgba(15,27,36,.14);
  display:flex;
  flex-direction:column;
  height:100%;
}

.weblabs-about-teams__imgwrap{
  position:relative;
  overflow:hidden;
  height: 155px;
}

.weblabs-about-teams__img{
  display:block;
  width:100%;
  height:200px;
  object-fit:cover;
  filter:grayscale(100%);
}

/* badge */

.weblabs-about-teams__badge{
position: absolute;
    top: 0;
    left: 0;
    /* inset-inline-start: 14px; */
    background: var(--wat-badge-bg);
    color: var(--wat-badge-color);
    /* padding: 6px 10px; */
    font-size: 11px;
    line-height: 1.5;
    z-index: 9;
    width: 130px;
    height: 190px;
    display: flex;
    flex-direction: column;
}

.weblabs-about-teams__badge-main{
  font-weight:700;
      padding: 20px;
}

.weblabs-about-teams__badge-sub{

    padding: 20px;
    background: #CAD1D4;
    flex-grow: 1;
    display: flex;
    align-items: center;
    text-align: center;
     
}

/* card body */

.weblabs-about-teams__card-body{
  padding:16px 18px 18px;
}

.weblabs-about-teams__card-title{
  margin:0 0 8px;
  font-size:14px;
  font-weight:700;
  color:#111827;
}

.weblabs-about-teams__card-text{
  margin:0;
  font-size:13px;
  line-height:2;
  color:var(--wat-text);
}

/* RIGHT: static text */

.weblabs-about-teams__right{
  position:relative;
}

.weblabs-about-teams__eyebrow{
  display:flex;
  gap:6px;
  align-items:center;
  margin-bottom:10px;
  font-size:12px;
  color:#6b7280;
}

.weblabs-about-teams__eyebrow-main{
  font-weight:600;
}

.weblabs-about-teams__eyebrow-sep{
  opacity:.6;
}

.weblabs-about-teams__eyebrow-sub{
  font-weight:400;
}

.weblabs-about-teams__highlight{
  margin:0 0 14px;
  font-size:20px;
  font-weight:800;
  color:var(--wat-highlight);
  line-height:1.7;
}

.weblabs-about-teams__text{
  margin:0;
  font-size:14px;
  line-height:2;
  color:var(--wat-text);
}

/* square pattern on right */

.weblabs-about-teams__pattern{
  position:absolute;
  width:150px;
  height:120px;
  inset-inline-end:0;
  bottom:0;
  background-image:
    linear-gradient(to right, var(--wat-pattern) 1px, transparent 1px),
    linear-gradient(to bottom, var(--wat-pattern) 1px, transparent 1px);
  background-size:12px 12px;
  opacity:.7;
  pointer-events:none;
}

/* RESPONSIVE */

@media (max-width:1024px){
  .weblabs-about-teams__inner{
    grid-template-columns:1.4fr 1.2fr;
    gap:24px;
  }

  .weblabs-about-teams__slide{
    flex:0 0 60%;
  }
}

@media (max-width:767px){
  .weblabs-about-teams__inner{
    grid-template-columns:1fr;
    gap:28px;
  }

  .weblabs-about-teams__navwrap{
    display:none; /* طبق خواسته: روی موبایل فلش و دات مخفی */
  }

  .weblabs-about-teams__slide{
    flex:0 0 80%; /* یک کارت + کمی از بعدی دیده می‌شود */
    padding-inline-end:14px;
  }

  .weblabs-about-teams__img{
    height:190px;
  }

  .weblabs-about-teams__pattern{
    position:static;
    margin-top:24px;
  }
}

/* reduced motion */

@media (prefers-reduced-motion: reduce){
  .weblabs-about-teams__track{
    transition:none !important;
  }
}