.elementor-4158 .elementor-element.elementor-element-20d5f48{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:-180px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-4158 .elementor-element.elementor-element-20d5f48:not(.elementor-motion-effects-element-type-background), .elementor-4158 .elementor-element.elementor-element-20d5f48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-4158 .elementor-element.elementor-element-1be6b40{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-4158 .elementor-element.elementor-element-4440089 img{width:121px;}.elementor-4158 .elementor-element.elementor-element-43dcea8{--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-4158 .elementor-element.elementor-element-2a7306f .elementor-menu-toggle{margin:0 auto;}.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-nav-menu .elementor-item{font-family:"Oswald", Sans-serif;font-size:20px;font-weight:500;}.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-nav-menu--main .elementor-item{color:#F8F8F8;fill:#F8F8F8;padding-left:19px;padding-right:19px;}.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-nav-menu--dropdown a, .elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-menu-toggle{color:#FAFAFA;fill:#FAFAFA;}.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-4158 .elementor-element.elementor-element-933487f{--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-4158 .elementor-element.elementor-element-2e9a725 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button{fill:#FAFAFA;color:#FAFAFA;border-style:solid;border-width:01px 01px 01px 01px;border-color:#FAFAFA;border-radius:15px 15px 15px 15px;}.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:hover, .elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:focus{border-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-4158 .elementor-element.elementor-element-1be6b40{--width:22%;}.elementor-4158 .elementor-element.elementor-element-43dcea8{--width:68%;}.elementor-4158 .elementor-element.elementor-element-933487f{--width:17%;}}@media(max-width:767px){.elementor-4158 .elementor-element.elementor-element-20d5f48{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4158 .elementor-element.elementor-element-1be6b40{--width:38%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4158 .elementor-element.elementor-element-4440089.elementor-element{--align-self:center;}.elementor-4158 .elementor-element.elementor-element-4440089{text-align:center;}.elementor-4158 .elementor-element.elementor-element-4440089 img{width:59%;max-width:76%;}.elementor-4158 .elementor-element.elementor-element-43dcea8{--width:60%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-4158 .elementor-element.elementor-element-43dcea8.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-4158 .elementor-element.elementor-element-2a7306f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-nav-menu--main .elementor-item{padding-left:19px;padding-right:19px;}}/* Start custom CSS for image, class: .elementor-element-4440089 *//* --- NEFES ALAN LOGO --- */
.elementor-4158 .elementor-element.elementor-element-4440089 img {
    /* 6 saniye süren, sonsuz döngü (Çok yavaş) */
    animation: nefesAl 6s ease-in-out infinite;
    
    /* Görüntü bozulmasın diye pürüzsüzleştirme */
    will-change: transform;
}

/* --- HAREKETİN TANIMI --- */
@keyframes nefesAl {
    0% { transform: scale(1); }      /* Başlangıç: Normal */
    50% { transform: scale(1.04); }  /* Orta: Sadece %4 Büyü (Çok az) */
    100% { transform: scale(1); }    /* Bitiş: Normale dön */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2a7306f *//* --- MENÜ LİNKLERİNİN TEMELİ --- */
.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-item {
    position: relative; /* Çizgiyi buna göre konumlandıracağız */
    transition: transform 0.3s ease, color 0.3s ease; /* Büyüme hızı */
}

/* --- HOVER (MOUSE GELİNCE) BÜYÜME --- */
.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-item:hover {
    transform: scale(1.1); /* %10 Büyü (Çok hafif olsun istersen 1.05 yap) */
    opacity: 1 !important;
}

/* --- ÇİZGİNİN KENDİSİ (BAŞLANGIÇ) --- */
.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-item::after {
    content: "";
    position: absolute;
    bottom: 0; /* Yazının tam altı */
    left: 0;
    width: 0%; /* Başlangıçta genişlik sıfır (görünmez) */
    height: 2px; /* Çizgi kalınlığı */
    background-color: #ffffff; /* BURAYI DEĞİŞTİR: Çizgi Rengi */
    transition: width 0.3s ease-in-out; /* Çizginin gelme hızı */
}

/* --- HOVER ANINDA ÇİZGİ HAREKETİ --- */
.elementor-4158 .elementor-element.elementor-element-2a7306f .elementor-item:hover::after {
    width: 100%; /* Soldan sağa %100 dolsun */
}
/* Masaüstü modunda 'sadece-mobil' etiketli öğeyi gizle */
@media (min-width: 1025px) {
    .elementor-4158 .elementor-element.elementor-element-2a7306f .sadece-mobil {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2e9a725 *//* --- 1. BUTON İSKELETİ --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button {
    background: transparent !important; /* Arka plan şeffaf */
    position: relative;
    overflow: hidden; /* Dışarı taşanları kes */
    border: 1px solid rgba(255, 255, 255, 0.3); /* İnce çerçeve */
    transition: all 0.3s ease;
}

/* --- 2. YAZIYI KORUMA --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button-content-wrapper {
    position: relative;
    z-index: 10; /* Yazı şeritlerin altında kalmasın */
}

/* --- ŞERİTLERİN ORTAK AYARLARI --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button::before,
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -50px; /* Eğik olduğu için biraz soldan başlasın */
    width: 200%; /* Ekranı kaplaması için geniş tutuyoruz */
    height: 100%;
    
    /* ÖNEMLİ: Şeritleri 30 derece yatırıyoruz (Hız hissi için) */
    transform: skewX(-30deg) translate(-100%, 100%); /* Başlangıç: Sol-Altta saklan */
    
    z-index: 0;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); /* Yumuşak kayma */
}

/* --- 1. ŞERİT (Öncü Kuvvet - Daha Şeffaf) --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button::before {
    background-color: rgba(255, 255, 255, 0.2); /* %20 Opaklık */
    transition-delay: 0s; /* İlk bu fırlasın */
}

/* --- 2. ŞERİT (Ana Dolgu - İstenilen Renk) --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button::after {
    background-color: rgba(255, 255, 255, 0.5); /* %50 OPAKLIK (Senin istediğin) */
    transition-delay: 0.15s; /* Bu azıcık arkadan gelip üstüne binsin */
}

/* --- HOVER ANI (Mouse Gelince) --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:hover::before {
    transform: skewX(-30deg) translate(0, 0); /* Yerine geç */
}

.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:hover::after {
    transform: skewX(-30deg) translate(0, 0); /* Yerine geç */
}

/* --- YAZI VE ÇERÇEVE RENGİ --- */
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:hover {
    border-color: #ffffff; /* Çerçeve parlasın */
}

.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:hover .elementor-button-text,
.elementor-4158 .elementor-element.elementor-element-2e9a725 .elementor-button:hover .elementor-button-icon {
    color: #ffffff !important; /* Arka plan yarı şeffaf olduğu için beyaz yazı */
    text-shadow: 1px 1px 10px rgba(0,0,0,0.5); /* Okunsun diye gölge */
}/* End custom CSS */