.elementor-12736 .elementor-element.elementor-element-1cd4b5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12736 .elementor-element.elementor-element-48c82cb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-ac55deb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12736 .elementor-element.elementor-element-34497d2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-cb1fbbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12736 .elementor-element.elementor-element-ef88143{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-cf6e8af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12736 .elementor-element.elementor-element-44773de{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12736 .elementor-element.elementor-element-48c82cb{--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-34497d2{--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-ef88143{--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-44773de{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12736 .elementor-element.elementor-element-48c82cb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-34497d2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-ef88143{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12736 .elementor-element.elementor-element-44773de{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS */:root {
  --bg: #f8fafc;
  --card: #ffffff;
  --muted: #64748b;
  --text: #1e293b;
  --border: #e2e8f0;

  /* رنگ‌های جدید */
  --brand: #00005c;
  --accent: #0d4a77;

  --radius: 16px;
  --max: 1100px;
  --gap: 24px;
}

.container {
  max-width: var(--max);
  margin: auto;
  padding: 0 20px;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}

@media (max-width: 1100px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
}

.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 92, 0.08);
  transition: all .25s ease;
}

.card:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 92, 0.15);
  transform: translateY(-3px);
}

.doctor-card .head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

.doctor-card .avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(13, 74, 119, 0.15);
}

.doctor-card h3 {
  margin: 0;
  font-size: 18px;
  color: var(--text);
}

.doctor-meta {
  font-size: 13px;
  color: var(--muted);
}

.doctor-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 8px 0 10px;
}

.badge-chip {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(13, 74, 119, 0.08);
  color: var(--brand);
  border: 1px solid rgba(13, 74, 119, 0.15);
}

.doctor-rating {
  font-size: 13px;
  color: var(--muted);
  margin-top: 6px;
}

.doctor-cta-wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.btn {
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--text);
  font-weight: 700;
  cursor: pointer;
  transition: all .25s ease;
  font-size: 15px;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 92, 0.12);
}

.btn.primary {
  background: linear-gradient(135deg, var(--brand), var(--accent));
  color: #fff;
  border: none;
}

.btn.primary:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 92, 0.25);
}

.muted {
  color: var(--muted);
}

h2 {
  font-size: 28px;
  margin: 0 0 18px;
  color: var(--brand);
}

p {
  color: #334155;
  line-height: 1.7;
}/* End custom CSS */