.elementor-40 .elementor-element.elementor-element-1da7e1{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-c44cc4c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-afd030e */.portfolio-page{
  padding:80px 20px;
  background:#f8f8f8;
  direction:rtl;
}

.container{
  max-width:1300px;
  margin:auto;
  text-align:center;
}

.page-title{
  font-size:2.5rem;
  color:var(--brand-blue);
  margin-bottom:10px;
}

.page-desc{
  color:#555;
  margin-bottom:40px;
}

/* فیلترها */
.portfolio-filters{
  margin-bottom:40px;
}
.filter-btn{
  padding:10px 18px;
  margin:5px;
  border-radius:8px;
  border:2px solid var(--brand-blue);
  background:#fff;
  color:var(--brand-blue);
  font-weight:600;
  cursor:pointer;
  transition:.3s;
}
.filter-btn.active,
.filter-btn:hover{
  background:var(--brand-blue);
  color:#fff;
}

/* گرید پروژه‌ها */
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:25px;
}

.project-card{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  cursor:pointer;
}

.project-card img{
  width:100%;
  height:260px;
  object-fit:cover;
  transition:.5s;
}

.project-card:hover img{
  transform:scale(1.1);
  filter:brightness(.6);
}

/* اورلی */
.project-overlay{
  position:absolute;
  inset:0;
  background:rgba(14,42,82,.85);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  opacity:0;
  transition:.5s;
}

.project-card:hover .project-overlay{
  opacity:1;
}

.project-overlay h3{
  font-size:1.2rem;
  margin-bottom:8px;
}

.project-overlay span{
  font-size:.9rem;
  opacity:.8;
  margin-bottom:15px;
}

.project-link{
  padding:10px 16px;
  background:var(--brand-orange);
  color:#fff;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  transition:.3s;
}
.project-link:hover{
  background:var(--gold);
  color:var(--brand-blue);
}/* End custom CSS */