.elementor-76 .elementor-element.elementor-element-4bafb3b{--display:flex;--min-height:0px;--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;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-76 .elementor-element.elementor-element-4bafb3b:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-4bafb3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://simitteknesimeram.motiontr.net/wp-content/uploads/2024/12/Basliksiz-1-1-scaled-1.webp");background-position:0px -453px;background-size:100% auto;}.elementor-76 .elementor-element.elementor-element-85dfe58{--spacer-size:386px;}.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-76 .elementor-element.elementor-element-b6a2d8f{text-align:center;}.elementor-76 .elementor-element.elementor-element-b6a2d8f .elementor-heading-title{font-family:"STIX Two Text", Sans-serif;font-weight:900;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:3px 0px 19px rgba(0, 0, 0, 0.9);color:#FFFFFF;}.elementor-76 .elementor-element.elementor-element-b878181{--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-76 .elementor-element.elementor-element-8647447.elementor-element{--align-self:center;}.elementor-76 .elementor-element.elementor-element-f67a1d7{--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-76 .elementor-element.elementor-element-eeef47a{--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-76 .elementor-element.elementor-element-5077af9{--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-76 .elementor-element.elementor-element-0cee869{--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;}@media(max-width:1024px){.elementor-76 .elementor-element.elementor-element-4bafb3b:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-4bafb3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://simitteknesimeram.motiontr.net/wp-content/uploads/2024/12/Basliksiz-1-1-scaled-1.webp");background-position:0px -392px;background-repeat:repeat;background-size:cover;}.elementor-76 .elementor-element.elementor-element-4bafb3b{--min-height:0px;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-76 .elementor-element.elementor-element-85dfe58{--spacer-size:217px;}}@media(max-width:767px){.elementor-76 .elementor-element.elementor-element-4bafb3b:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-4bafb3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://simitteknesimeram.motiontr.net/wp-content/uploads/2024/12/Basliksiz-1-1-scaled-1.webp");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-76 .elementor-element.elementor-element-4bafb3b{--width:1600px;--min-height:253px;--border-radius:0px 0px 0px 0px;--margin-top:-34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-76 .elementor-element.elementor-element-85dfe58{--spacer-size:77px;}.elementor-76 .elementor-element.elementor-element-b6a2d8f{text-align:center;}.elementor-76 .elementor-element.elementor-element-8647447.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-76 .elementor-element.elementor-element-4bafb3b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-76 .elementor-element.elementor-element-4bafb3b{--width:949px;}}/* Start custom CSS for container, class: .elementor-element-4bafb3b *//* Header container - Fullscreen arka plan */
.custom-header {
    position: relative;
    width: 100%;
    height: 100vh; /* Tam ekran */
    overflow: hidden;
}

/* Header arka planı */
.custom-header .header-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://simitteknesimeram.motiontr.net/wp-content/uploads/2024/12/Basliksiz-1-1-scaled.jpg');
    background-size: cover;
    background-position: center;
    clip-path: ellipse(100% 100% at 50% 50%); /* Başlangıç maskeleme */
}

/* Dalgalı maskeleme efekti için animasyon */
@keyframes wave-mask {
    0% {
        clip-path: ellipse(100% 100% at 50% 50%);
    }
    50% {
        clip-path: ellipse(90% 80% at 50% 50%);
    }
    100% {
        clip-path: ellipse(100% 100% at 50% 50%);
    }
}

.custom-header .header-container {
    animation: wave-mask 6s ease-in-out infinite; /* Dalgalı geçiş efekti */
}

/* Logo stili */
.custom-header .logo {
    position: absolute;
    top: 20%; /* Logo'nun yüksekliğini ayarlamak için */
    left: 50%;
    transform: translateX(-50%); /* Ortalamak için */
    z-index: 2;
}

.custom-header .logo img {
    max-width: 200px; /* Logo genişliği */
    height: auto;
}

/* Mobil uyumlu tasarım */
@media (max-width: 768px) {
    .custom-header .logo img {
        max-width: 150px; /* Küçük ekranlarda logo genişliği */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8647447 *//* Sade buton stili */
.simple-button {
    font-family: 'Roboto', bold;
    padding: 5px 40px; /* Butonun içindeki boşluk */
    font-size: 12px; /* Yazı boyutu */
    background-color: #800000; /* Butonun arka plan rengi */
    color: white; /* Butonun yazı rengi */
    border: none; /* Kenar çizgisi yok */
    border-radius: 15px; /* Butonun köşelerini yuvarlatma */
    cursor: pointer; /* Butona tıklanabilir imleç */
    transition: background-color 0.3s ease; /* Hover efekti */
}

/* Hover durumu */
.simple-button:hover {
    background-color: #a82500; /* Hoverda daha koyu mavi */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dabb2d8 */.custom-button-container {
    display: flex;
    flex-wrap: wrap; /* Butonları alt satıra taşır */
    justify-content: center; /* Butonları ortalar */
    gap: 10px; /* Butonlar arasındaki boşluk */
}

.custom-button {
    position: relative;
    display: inline-block;
    width: 48%; /* 2'li sistem için %48 genişlik */
    height: 100px; /* Buton yüksekliği */
    overflow: hidden;
    border-radius: 10px; /* Köşeleri yuvarlatma */
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0.5, 0.5, 0.5, 0.5); /* Gölge efekti */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Hover animasyonu */
}

.custom-button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease; /* Görsel için animasyon */
}

.custom-button:hover {
    transform: scale(1.05); /* Butonun büyüme oranı */
    box-shadow: 0px 8px 12px rgba(0.5, 0.5, 0.5, 0.7); /* Daha belirgin gölge efekti */
}

.custom-button:hover img {
    transform: scale(1.1); /* Görselin daha fazla büyümesi */
}

.button-overlay-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* %20 koyu */
    z-index: 2;
}

.button-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%; /* Alt kısımda %30 koyu panel */
    background-color: rgba(0, 0, 0, 0.4); /* %70 koyu */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: background-color 0.3s ease; /* Hover ile renk değişimi */
}

.custom-button:hover .button-content {
    background-color: rgba(0, 0, 0, 0.8); /* Hoverda panel daha koyu olsun */
}

.button-content p {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

/* Mobil uyumlu tasarım - 2'li düzen */
@media (max-width: 770px) {
    .custom-button {
        width: 48%; /* 2'li düzen için %48 genişlik */
    }
}

/* 770px ve daha büyük ekranlarda 3'lü düzen */
@media (min-width: 770px) and (max-width: 1024px) {
    .custom-button {
        width: 30%; /* 3'lü düzen için %30 genişlik */
    }
}

/* Bilgisayar modunda 5'li düzen */
@media (min-width: 1025px) {
    .custom-button {
        width: 18%; /* 5'li düzen için %18 genişlik */
    }
}


/* Pop-up overlay arka planı */
.popup-overlay {
  display: none; /* Başlangıçta gizli */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* Saydam koyu arka plan */
  z-index: 1000;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Pop-up içeriği */
.popup-content {
  background: #fff url('https://simitteknesimeram.motiontr.net/wp-content/uploads/2024/12/bg-pop-2.png') no-repeat center center;
  background-size: cover;  /* Görselin pop-up'a tam uymasını sağlar */
  padding: 20px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 1);
  text-align: center;
  border-radius: 25px; /* Pop-up içeriği yuvarlatma */
  overflow: hidden; /* İçerikte taşan öğeleri gizler */
}

/* Pop-up görüntüsünü gösterme */
.popup-overlay.show {
  display: flex;
  opacity: 1;
}

/* Pop-up kapama butonu */
.popup-content button {
  background-color: #800000;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 15px;
}

.popup-content button:hover {
  background-color: #f44336;
}

/* Görselin yuvarlatılması */
.popup-image {
  width: 100%;
  height: auto;
  border-radius: 15px;  /* Görselin köşelerini yuvarlatır */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0,8);  /* Gölge ekleme */
}

@media (max-width: 600px) {
  /* Mobilde pop-up içeriğinin daha küçük ve uyumlu olmasını sağlamak */
  .popup-content {
    width: 95%;
    max-width: 350px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a823f3 *//* Yukarı Çık Butonu Stil */
#backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* Başlangıçta görünmez */
    width: 50px;
    height: 50px;
    background-color: #800000;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000; /* Diğer içeriklerin üstünde olsun */
}

#backToTop:hover {
    transform: scale(1.1);
    background-color: #a82500; /* Hover rengi */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56829a4 *//* Footer stil */
.site-footer {
    text-align: center; /* Ortaya hizalama */
    font-size: 14px; /* Küçük font boyutu */
    color: white; /* Yazı rengi */
    padding: 0 20px; /* Sol ve sağdan padding */
    margin-top: 20px; /* Üst kısımdan biraz boşluk */
    margin-bottom: 10px; /* Alt kısımda sadece 10px boşluk */
}

/* Motion Medya linki */
.motion-medya {
    font-weight: bold; /* Kalın yap */
    color: white; /* Yazı rengi */
    text-decoration: none; /* Alt çizgiyi kaldır */
}

.motion-medya:hover {
    text-decoration: underline; /* Hover sırasında altı çizili olacak */
    color: #7b896d;
}/* End custom CSS */