.weblabs-intro-colleague{
  --wlic-gap: 42px;
  --wlic-img-w: 560px;
  --wlic-img-h: 520px;

  --wlic-radius: 0px;

  --wlic-gold: #c8a85a;
  --wlic-line: #0b2f39;

  --wlic-img-bg: #e9e9e9;
  --wlic-img-radius: 0px;

  --wlic-btn: #c8a85a;
  --wlic-btn-tx: #ffffff;
  --wlic-dia: #ffffff;
  --wlic-dia-ic: #c8a85a;

  width: 100%;
  border-radius: var(--wlic-radius);
  background: #fff;
}

/* ===== Header (مثل ویجت‌های قبلی) ===== */
.weblabs-intro-colleague__header{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom: 22px;
  direction:ltr; /* نوار طلایی سمت چپ */
}

.weblabs-intro-colleague__bar{
  width:100px;
  height:16px;
  background: var(--wlic-gold);
  margin-top:6px;
  flex:0 0 auto;
}

.weblabs-intro-colleague__headwrap{
  direction:rtl;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1 1 auto;
  min-width:0;
}

.weblabs-intro-colleague__headrow{
display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.weblabs-intro-colleague__header-titlewrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.weblabs-intro-colleague__header-title{
  font-weight: 800;
  font-size: 18px;
  line-height: 1.1;
  color: #0b2f39;
}

.weblabs-intro-colleague__header-desc{
  font-size: 13px;
  color: rgba(11,47,57,.65);
  padding-bottom: 3px;
}

.weblabs-intro-colleague__underline{
  width:34px;
  height:2px;
  background: var(--wlic-line);
}

/* ===== Main Grid ===== */
.weblabs-intro-colleague__grid{
  display:grid;
  grid-template-columns: var(--wlic-img-w) 1fr;
  gap: var(--wlic-gap);
  align-items: start;
  direction:ltr; /* تصویر چپ */
}

/* ===== Image ===== */
.weblabs-intro-colleague__media{
  width: 100%;
  height: var(--wlic-img-h);
  background: var(--wlic-img-bg);
  border-radius: var(--wlic-img-radius);
  overflow:hidden;
  margin: 0;
}

.weblabs-intro-colleague__img,
.weblabs-intro-colleague__imgph{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* ===== Content ===== */
.weblabs-intro-colleague__contentWrap{
  direction: rtl;
  text-align: right;
}

.weblabs-intro-colleague__title{
  margin: 0 0 18px;
  font-weight: 900;
  font-size: 34px;
  line-height: 1.35;
  color: #222;
}

.weblabs-intro-colleague__content{
  font-size: 14px;
  line-height: 2.15;
  color: rgba(0,0,0,.62);
}

.weblabs-intro-colleague__content p{
  margin: 0 0 14px;
}

/* ===== Button (مثل طرح) ===== */
.weblabs-intro-colleague__btn{
  margin-top: 22px;
  display:inline-flex;
  align-items:center;
  gap: 14px;
  background: var(--wlic-btn);
  color: var(--wlic-btn-tx);
  text-decoration:none;
  padding: 14px 22px;
  border-radius: 0;
  font-weight: 700;
  user-select:none;
}

.weblabs-intro-colleague__btn-diamond{
  width: 34px;
  height: 34px;
  background: var(--wlic-dia);
  display:flex;
  align-items:center;
  justify-content:center;
  transform: rotate(45deg);
  flex: 0 0 auto;
}

.weblabs-intro-colleague__btn-diamond svg{
  transform: rotate(-45deg);
  color: var(--wlic-dia-ic);
}

.weblabs-intro-colleague__btn-text{
  line-height: 1;
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .weblabs-intro-colleague__title{ font-size: 28px; }
  .weblabs-intro-colleague__grid{
    grid-template-columns: 420px 1fr;
  }
}

@media (max-width: 767px){
  .weblabs-intro-colleague__grid{
    grid-template-columns: 1fr;
  }
  .weblabs-intro-colleague__media{
    height: 420px;
  }
  .weblabs-intro-colleague__title{
    font-size: 26px;
  }
}