.elementor-7666 .elementor-element.elementor-element-eac8f26{margin-top:60px;margin-bottom:60px;padding:0% 4% 0% 4%;}.elementor-7666 .elementor-element.elementor-element-9a2ec15{--spacer-size:12px;}.elementor-7666 .elementor-element.elementor-element-171961a{text-align:center;}.elementor-7666 .elementor-element.elementor-element-171961a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-7666 .elementor-element.elementor-element-4e0456b{--spacer-size:38px;}.elementor-7666 .elementor-element.elementor-element-4f1ef8b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7666 .elementor-element.elementor-element-1fa82ae{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:14px 14px;--row-gap:14px;--column-gap:14px;--grid-auto-flow:row;}.elementor-7666 .elementor-element.elementor-element-de6abf1 img, .elementor-7666 .elementor-element.elementor-element-de6abf1 svg{border-style:solid;border-color:#F5F4F4;}.elementor-7666 .elementor-element.elementor-element-d5308a2 img, .elementor-7666 .elementor-element.elementor-element-d5308a2 svg{border-style:solid;border-color:#F5F4F4;}@media(max-width:1024px){.elementor-7666 .elementor-element.elementor-element-1fa82ae{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7666 .elementor-element.elementor-element-eac8f26{padding:0px 0px 0px 0px;}.elementor-7666 .elementor-element.elementor-element-1fa82ae{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-de6abf1 */.elementor-7666 .elementor-element.elementor-element-de6abf1 {
  position: relative;
  overflow: hidden;
}

.elementor-7666 .elementor-element.elementor-element-de6abf1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

.elementor-7666 .elementor-element.elementor-element-de6abf1::after {
  content: 'Büyüt';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; /* Yazı beyaz olacak */
  background-color: black; /* Butonun arka planı siyah olacak */
  padding: 12px 24px; /* Butonun boyutları */
  border-radius: 8px; /* Butonun köşeleri yuvarlak olacak */
  font-size: 18px; /* Yazı boyutunu büyüttüm */
  font-weight: bold;
  text-align: center;
  opacity: 1; /* Buton her zaman görünür */
  z-index: 2;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Buton etrafında hafif gölge */
  transition: opacity 0.3s ease;
}

.elementor-7666 .elementor-element.elementor-element-de6abf1:hover::after {
  opacity: 1; /* Hover sırasında yazıyı ve butonu göster */
}

.elementor-7666 .elementor-element.elementor-element-de6abf1 a {
  position: relative;
  z-index: 3; /* Buton lensin önünde olacak */
}

.elementor-7666 .elementor-element.elementor-element-de6abf1:hover img {
  opacity: 0.2; /* Hover sırasında resim biraz solacak */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d5308a2 */.elementor-7666 .elementor-element.elementor-element-d5308a2 {
  position: relative;
  overflow: hidden;
}

.elementor-7666 .elementor-element.elementor-element-d5308a2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

.elementor-7666 .elementor-element.elementor-element-d5308a2::after {
  content: 'Büyüt';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; /* Yazı beyaz olacak */
  background-color: black; /* Butonun arka planı siyah olacak */
  padding: 12px 24px; /* Butonun boyutları */
  border-radius: 8px; /* Butonun köşeleri yuvarlak olacak */
  font-size: 18px; /* Yazı boyutunu büyüttüm */
  font-weight: bold;
  text-align: center;
  opacity: 1; /* Buton her zaman görünür */
  z-index: 2;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Buton etrafında hafif gölge */
  transition: opacity 0.3s ease;
}

.elementor-7666 .elementor-element.elementor-element-d5308a2:hover::after {
  opacity: 1; /* Hover sırasında yazıyı ve butonu göster */
}

.elementor-7666 .elementor-element.elementor-element-d5308a2 a {
  position: relative;
  z-index: 3; /* Buton lensin önünde olacak */
}

.elementor-7666 .elementor-element.elementor-element-d5308a2:hover img {
  opacity: 0.2; /* Hover sırasında resim biraz solacak */
}/* End custom CSS */