.elementor-63 .elementor-element.elementor-element-0192b06{--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-63 .elementor-element.elementor-element-0192b06:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-0192b06 > .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-63 .elementor-element.elementor-element-976dbb6{--spacer-size:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-63 .elementor-element.elementor-element-0c3fc97 img{width:29%;}.elementor-63 .elementor-element.elementor-element-07cfc63{--spacer-size:123px;}.elementor-63 .elementor-element.elementor-element-5fe80d9{--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-63 .elementor-element.elementor-element-aebba6f{--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-63 .elementor-element.elementor-element-84f434f{--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-63 .elementor-element.elementor-element-a3ffa4e{text-align:center;}.elementor-63 .elementor-element.elementor-element-a3ffa4e .elementor-heading-title{font-family:"STIX Two Text", Sans-serif;font-weight:900;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 48px rgba(0, 0, 0, 0.9);color:#CFCFCF;}.elementor-63 .elementor-element.elementor-element-067b3f1{--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-63 .elementor-element.elementor-element-2445115{--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-63 .elementor-element.elementor-element-c5a9d97{--spacer-size:50px;}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-63 .elementor-element.elementor-element-cc0af16{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#CFCFCF;}.elementor-63 .elementor-element.elementor-element-cc0af16 .elementor-headline{text-align:center;font-family:"STIX Two Text", Sans-serif;font-weight:900;}.elementor-63 .elementor-element.elementor-element-cc0af16 .elementor-headline-dynamic-wrapper path{stroke:#DD1818DE;}.elementor-63 .elementor-element.elementor-element-cc0af16 .elementor-headline-plain-text{color:#CFCFCF;}.elementor-63 .elementor-element.elementor-element-cc0af16 .elementor-headline-dynamic-text{font-family:"STIX Two Text", Sans-serif;font-weight:900;}.elementor-63 .elementor-element.elementor-element-5cd1d3d > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-63 .elementor-element.elementor-element-e246b5c{--spacer-size:50px;}.elementor-63 .elementor-element.elementor-element-517a282{--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-63 .elementor-element.elementor-element-15bf6b3{--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;--overflow:auto;}@media(max-width:1024px){.elementor-63 .elementor-element.elementor-element-0192b06:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-0192b06 > .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-63 .elementor-element.elementor-element-0192b06{--min-height:0px;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63 .elementor-element.elementor-element-976dbb6{--spacer-size:181px;}.elementor-63 .elementor-element.elementor-element-07cfc63{--spacer-size:1px;}.elementor-63 .elementor-element.elementor-element-5fe80d9.e-con{--align-self:center;}.elementor-63 .elementor-element.elementor-element-5cd1d3d > .elementor-widget-container{margin:-35px 0px 0px 0px;}}@media(max-width:767px){.elementor-63 .elementor-element.elementor-element-0192b06:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-0192b06 > .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-63 .elementor-element.elementor-element-0192b06{--width:1600px;--min-height:253px;--border-radius:0px 0px 0px 0px;--margin-top:-34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63 .elementor-element.elementor-element-976dbb6{--spacer-size:30px;}.elementor-63 .elementor-element.elementor-element-0c3fc97 img{width:84%;}.elementor-63 .elementor-element.elementor-element-07cfc63{--spacer-size:0px;}.elementor-63 .elementor-element.elementor-element-5fe80d9{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63 .elementor-element.elementor-element-49f103e.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-63 .elementor-element.elementor-element-aebba6f{--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63 .elementor-element.elementor-element-a3ffa4e{text-align:center;}.elementor-63 .elementor-element.elementor-element-a3ffa4e .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-63 .elementor-element.elementor-element-067b3f1{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-63 .elementor-element.elementor-element-c5a9d97{--spacer-size:46px;}.elementor-63 .elementor-element.elementor-element-cc0af16 .elementor-headline{font-size:35px;}.elementor-63 .elementor-element.elementor-element-5cd1d3d{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-63 .elementor-element.elementor-element-5cd1d3d > .elementor-widget-container{margin:-45px 0px 0px 0px;}.elementor-63 .elementor-element.elementor-element-e246b5c{--spacer-size:80px;}.elementor-63 .elementor-element.elementor-element-15bf6b3{--content-width:1600px;--min-height:0px;--margin-top:14px;--margin-bottom:15px;--margin-left:8px;--margin-right:39px;--padding-top:0px;--padding-bottom:0px;--padding-left:-17px;--padding-right:0px;}}@media(min-width:768px){.elementor-63 .elementor-element.elementor-element-0192b06{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-63 .elementor-element.elementor-element-0192b06{--width:949px;}}/* Start custom CSS for container, class: .elementor-element-0192b06 *//* 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-49f103e *//* 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-5e3c747 */.custom-button-container {
    display: flex;
    flex-wrap: wrap; /* Butonları alt satıra taşır */
    justify-content: center; /* Butonları ortalar */
    gap: 15px; /* Butonlar arasındaki boşluk */
    padding: 10px;
}

.custom-button {
    position: relative;
    display: inline-block;
    flex: 1 1 calc(50% - 15px); /* Varsayılan olarak 2 buton */
    max-width: calc(50% - 15px); /* Maksimum genişlik: 2 sütun */
    height: calc(50vw - 30px); /* Buton yüksekliği genişliğe göre ayarlanır */
    max-height: 200px; /* Maksimum yüksekliği sınırla */
    min-height: 100px; /* Minimum yüksekliği sınırla */
    overflow: hidden;
    border-radius: 20px; /* Köşeleri yuvarlatma */
    cursor: pointer;
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); /* 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, 0, 0, 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: 14px;
    font-weight: bold;
}

/* Mobil cihazlar: 2 sütun */
@media (max-width: 767px) {
    .custom-button {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px); /* 2 sütun */
        height: calc(50vw - 30px); /* Dinamik yükseklik */
    }
}

/* Tablet: 3 sütun */
@media (min-width: 768px) and (max-width: 1024px) {
    .custom-button {
        flex: 1 1 calc(33.33% - 15px);
        max-width: calc(33.33% - 15px); /* 3 sütun */
        height: calc(33.33vw - 30px); /* Dinamik yükseklik */
    }
}

/* Bilgisayar: 4 sütun */
@media (min-width: 1025px) {
    .custom-button {
        flex: 1 1 calc(40% - 20px); /* Genişliği biraz artırdık */
        max-width: calc(23% - 20px); /* Maksimum genişliği güncelledik */
        height: calc(23vw - 20px); /* Yüksekliği artırdık */
        max-height: 300px; /* Maksimum yüksekliği artırdık */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cd1d3d *//* Slider Konteyner */
.image-slider-container {
    width: 100%; /* Tam genişlik */
    height: 150px; /* Yükseklik */
    overflow: hidden; /* Taşan kısımları gizle */
    position: relative; /* Yerleştirme için gerekli */
    margin-top: 20px;
    display: flex;
    justify-content: center; /* Ortala */
    align-items: center;
}

/* Slider */
.image-slider {
    display: flex;
    align-items: center;
    height: 100%;
    animation: scroll-slider 20s linear infinite; /* Kayma animasyonu */
}

/* Görseller */
.image-slider img {
    height: 120px;
    width: auto;
    margin: 0 15px; /* Görseller arası boşluk */
    object-fit: cover;
    border-radius: 15px; /* Kenar yuvarlama */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); /* Görsellerin arkasına gölge */
    transition: transform 0.3s ease;
}

.image-slider img:hover {
    transform: scale(1.1); /* Hover büyüme efekti */
}

/* Responsive Ayarlar */
@media (max-width: 750px) {
    .image-slider-container {
        height: 200px; /* Mobilde biraz daha fazla yükseklik */
    }

    .image-slider img {
        height: 150px; /* Mobilde daha büyük görseller */
    }
}

/* Kayma Animasyonu */
@keyframes scroll-slider {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ae4cc5 *//* 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-bcc129d *//* 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 */
}/* End custom CSS */