.elementor-2139 .elementor-element.elementor-element-c2ae227 > .elementor-container{max-width:1320px;}.elementor-2139 .elementor-element.elementor-element-c2ae227{padding:110px 0px 110px 0px;}.elementor-2139 .elementor-element.elementor-element-8cd5f75 .block-contents .section-title h2{color:var( --e-global-color-primary );}.elementor-2139 .elementor-element.elementor-element-8cd5f75 .block-contents .section-title h2 span{color:var( --e-global-color-primary );}.elementor-2139 .elementor-element.elementor-element-8cd5f75 .block-contents .section-title > span{color:#000000;}.elementor-2139 .elementor-element.elementor-element-8cd5f75 .block-contents .section-title > span::before {background-color:#000000;}.elementor-2139 .elementor-element.elementor-element-476e2b2 > .elementor-widget-container{transition:background 1.4s;}.elementor-2139 .elementor-element.elementor-element-476e2b2 .single-project-grid h3{color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-2139 .elementor-element.elementor-element-c2ae227{padding:90px 0px 90px 0px;}}@media(max-width:767px){.elementor-2139 .elementor-element.elementor-element-c2ae227{padding:70px 0px 70px 0px;}}/* Start custom CSS for section, class: .elementor-element-c2ae227 *//* Ortak buton stili */
button[data-filter] {
  background-color: white;
  color: black;
  border: 2px solid black;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
  margin: 5px; /* Butonlar arasında boşluk */
}

/* Hover efekti */
button[data-filter]:hover {
  background-color: black;
  color: white;
}

/* Aktif buton stili */
button[data-filter].active {
  background-color: black;
  color: white;
}/* End custom CSS */