.elementor-1831 .elementor-element.elementor-element-fe68891{--display:flex;--min-height:851px;--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;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.5;}.elementor-1831 .elementor-element.elementor-element-fe68891:not(.elementor-motion-effects-element-type-background), .elementor-1831 .elementor-element.elementor-element-fe68891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;background-image:url("https://www.birlesiktextile.com/wp-content/uploads/2025/12/WhatsApp-Gorsel-2025-12-12-saat-18.19.34_27fd5aa6.jpg");background-size:cover;}.elementor-1831 .elementor-element.elementor-element-fe68891::before, .elementor-1831 .elementor-element.elementor-element-fe68891 > .elementor-background-video-container::before, .elementor-1831 .elementor-element.elementor-element-fe68891 > .e-con-inner > .elementor-background-video-container::before, .elementor-1831 .elementor-element.elementor-element-fe68891 > .elementor-background-slideshow::before, .elementor-1831 .elementor-element.elementor-element-fe68891 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1831 .elementor-element.elementor-element-fe68891 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1831 .elementor-element.elementor-element-fe68891:not(.elementor-widget),.elementor-1831 .elementor-element.elementor-element-fe68891{backdrop-filter:brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 0px ) hue-rotate( 0deg );-webkit-backdrop-filter:brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 0px ) hue-rotate( 0deg );}.elementor-1831 .elementor-element.elementor-element-3bd5253.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-3bd5253{text-align:center;}.elementor-1831 .elementor-element.elementor-element-3bd5253 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-1831 .elementor-element.elementor-element-0010471{width:var( --container-widget-width, 83.753% );max-width:83.753%;--container-widget-width:83.753%;--container-widget-flex-grow:0;text-align:justify;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-1831 .elementor-element.elementor-element-0010471.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1831 .elementor-element.elementor-element-0010471.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-87896c5{--display:flex;--min-height:342px;--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;--justify-content:center;}.elementor-1831 .elementor-element.elementor-element-87896c5:not(.elementor-motion-effects-element-type-background), .elementor-1831 .elementor-element.elementor-element-87896c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1831 .elementor-element.elementor-element-cbe2c06.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-cbe2c06{text-align:center;}.elementor-1831 .elementor-element.elementor-element-0d35a77.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-0d35a77{text-align:center;}.elementor-1831 .elementor-element.elementor-element-4a2207a .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header{background-color:#979797;padding:0px 0px 0px 0px;color:#FFFFFF;border-style:solid;border-width:20px 20px 20px 20px;border-color:#979797;border-radius:30px 30px 30px 30px;}.elementor-1831 .elementor-element.elementor-element-4a2207a .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-header.active{background-color:#979797;color:#FFFFFF;}.elementor-1831 .elementor-element.elementor-element-4a2207a{width:var( --container-widget-width, 50.984% );max-width:50.984%;--container-widget-width:50.984%;--container-widget-flex-grow:0;}.elementor-1831 .elementor-element.elementor-element-4a2207a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1831 .elementor-element.elementor-element-4a2207a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-4a2207a .theplus-accordion-wrapper .theplus-accordion-item{margin-bottom:15px;}.elementor-1831 .elementor-element.elementor-element-4a2207a .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content .plus-content-editor,.elementor-1831 .elementor-element.elementor-element-4a2207a .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content .plus-content-editor p{color:#000000;}.elementor-1831 .elementor-element.elementor-element-5187b82{--display:flex;--min-height:581px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1831 .elementor-element.elementor-element-5187b82:not(.elementor-motion-effects-element-type-background), .elementor-1831 .elementor-element.elementor-element-5187b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1831 .elementor-element.elementor-element-2b7db74{--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;--justify-content:center;border-style:solid;--border-style:solid;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}.elementor-1831 .elementor-element.elementor-element-2b7db74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1831 .elementor-element.elementor-element-0a9bd49.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-0a9bd49 .elementor-icon-wrapper{text-align:center;}.elementor-1831 .elementor-element.elementor-element-f2717fb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-f2717fb{text-align:center;}.elementor-1831 .elementor-element.elementor-element-55a7e4d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-55a7e4d{text-align:justify;}.elementor-1831 .elementor-element.elementor-element-cdcd010.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-4e17d7c{--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;--justify-content:center;border-style:solid;--border-style:solid;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}.elementor-1831 .elementor-element.elementor-element-4e17d7c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1831 .elementor-element.elementor-element-c4d30e3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-c4d30e3 .elementor-icon-wrapper{text-align:center;}.elementor-1831 .elementor-element.elementor-element-384b631.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-384b631{text-align:center;}.elementor-1831 .elementor-element.elementor-element-ab22249.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-ab22249{text-align:justify;}.elementor-1831 .elementor-element.elementor-element-a5e2b5c{--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;--justify-content:center;border-style:solid;--border-style:solid;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}.elementor-1831 .elementor-element.elementor-element-6538eb3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-6538eb3 .elementor-icon-wrapper{text-align:center;}.elementor-1831 .elementor-element.elementor-element-40cf493.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1831 .elementor-element.elementor-element-3d78c09.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1831 .elementor-element.elementor-element-2b7db74{--width:23.033%;}.elementor-1831 .elementor-element.elementor-element-4e17d7c{--width:22.988%;}.elementor-1831 .elementor-element.elementor-element-a5e2b5c{--width:25%;}}@media(min-width:1025px){.elementor-1831 .elementor-element.elementor-element-fe68891:not(.elementor-motion-effects-element-type-background), .elementor-1831 .elementor-element.elementor-element-fe68891 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for tp-accordion, class: .elementor-element-4a2207a *//* Ana Kutu */
.elementor-1831 .elementor-element.elementor-element-4a2207a {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1831 .elementor-element.elementor-element-4a2207a::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* Tıklamayı Engelleme */
    pointer-events: none; 

    /* Katman Sırası */
    z-index: 9; 

    /* RENK: #979797 */
    background-image: 
        linear-gradient(to right, #979797 100%, transparent 0), /* Üst */
        linear-gradient(to bottom, #979797 100%, transparent 0), /* Sağ */
        linear-gradient(to left, #979797 100%, transparent 0),    /* Alt */
        linear-gradient(to top, #979797 100%, transparent 0);     /* Sol */
    
    background-repeat: no-repeat;
    
    /* Başlangıç Pozisyonları */
    background-position: 
        0 0,      /* Üst */
        100% 0,   /* Sağ */
        100% 100%,/* Alt */
        0 100%;   /* Sol */
        
    /* Başlangıç Boyutu (Hepsi 0) */
    background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
    
    opacity: 1; 
}

/* Hover Animasyonu - DÖNGÜ BURADA */
.elementor-1831 .elementor-element.elementor-element-4a2207a:hover::before {
    /* 'forwards' yerine 'infinite' yazdık. Süreyi 2s yaptık. */
    animation: snakeBorder 2s linear infinite;
}

@keyframes snakeBorder {
    /* 1. AŞAMA: Üst Çizgi Çiziliyor */
    0% {
        background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    20% {
        background-size: 100% 2px, 2px 0%, 0% 2px, 2px 0%;
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 2. AŞAMA: Sağ Çiziliyor + Üst Siliniyor */
    20.1% {
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    40% {
        background-size: 0% 2px, 2px 100%, 0% 2px, 2px 0%;
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 3. AŞAMA: Alt Çiziliyor + Sağ Siliniyor */
    40.1% {
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    60% {
        background-size: 0% 2px, 0% 100%, 100% 2px, 2px 0%;
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    
    /* 4. AŞAMA: Sol Çiziliyor + Alt Siliniyor */
    60.1% {
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    80% {
        background-size: 0% 2px, 0% 100%, 0% 2px, 2px 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    
    /* 5. AŞAMA: Sol Siliniyor (FİNAL) */
    80.1% {
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
    100% {
        background-size: 0% 2px, 0% 100%, 0% 2px, 0% 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
}/* End custom CSS */
/* Start custom CSS for tp-accordion, class: .elementor-element-4a2207a *//* --- GRİ TEMA TASARIMI (#979797) --- */

/* 1. KUTULAR (Inputs) */
.luxury-form input[type="text"],
.luxury-form input[type="email"],
.luxury-form input[type="tel"] {
    background: transparent !important; /* Sitenin arka planı (#eaeaea) görünsün */
    border: none !important;
    border-bottom: 1px solid #bbb !important; /* Pasifken hafif gri çizgi */
    border-radius: 0 !important;
    padding: 15px 0 !important;
    font-size: 15px !important;
    color: #333 !important; /* Yazılar koyu olsun, okunsun */
}

/* Tıklayınca Alt Çizgi Rengi (Senin Gri Rengin) */
.luxury-form input:focus {
    border-bottom: 2px solid #979797 !important; 
    outline: none !important;
}

/* 2. GÖNDER BUTONU (#979797) */
.luxury-form input[type="submit"] {
    background-color: #979797 !important; /* İstediğin gri */
    color: #ffffff !important; /* Yazı beyaz */
    border: none !important;
    width: 100% !important;
    padding: 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important; /* Hafif köşe */
    margin-top: 20px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

/* Butonun Üzerine Gelince (Biraz koyulaşsın) */
.luxury-form input[type="submit"]:hover {
    background-color: #757575 !important; 
}

/* 3. DOSYA YÜKLEME ALANI */
.luxury-form input[type="file"] {
    font-size: 14px !important;
    color: #555 !important;
    background: rgba(255,255,255,0.5) !important; /* Hafif beyazlık verelim ki ayrıssın */
    padding: 10px !important;
    border: 1px dashed #979797 !important; /* Çerçeve senin grinde */
    width: 100% !important;
}
/* Başlığı zorla ortala */
.elementor-widget-container .plus-accordion-header {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
}

/* Eğer simge (ikon) varsa onu da hizaya sok */
.elementor-widget-container .plus-accordion-header .plus-accordion-icon {
    position: absolute !important;
    right: 20px !important; /* Simgeyi en sağa sabitler */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b7db74 *//* Ana Kutu */
.elementor-1831 .elementor-element.elementor-element-2b7db74 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1831 .elementor-element.elementor-element-2b7db74::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* Tıklamayı Engelleme */
    pointer-events: none; 

    /* Katman Sırası */
    z-index: 9; 

    /* RENK: #979797 */
    background-image: 
        linear-gradient(to right, #979797 100%, transparent 0), /* Üst */
        linear-gradient(to bottom, #979797 100%, transparent 0), /* Sağ */
        linear-gradient(to left, #979797 100%, transparent 0),    /* Alt */
        linear-gradient(to top, #979797 100%, transparent 0);     /* Sol */
    
    background-repeat: no-repeat;
    
    /* Başlangıç Pozisyonları (Kritik Nokta Burası) */
    background-position: 
        0 0,      /* Üst: Sol Köşede */
        100% 0,   /* Sağ: Üst Köşede */
        100% 100%,/* Alt: Sağ Köşede */
        0 100%;   /* Sol: Alt Köşede */
        
    /* Başlangıç Boyutu (Hepsi 0) */
    background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
    
    opacity: 1; 
}

/* Hover Animasyonu */
.elementor-1831 .elementor-element.elementor-element-2b7db74:hover::before {
    /* Süreyi 2s yaptım ki yılanın hareketi net görünsün */
    animation: snakeBorder 2s linear forwards;
}

@keyframes snakeBorder {
    /* 1. AŞAMA: Üst Çizgi Çiziliyor */
    0% {
        background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    20% {
        background-size: 100% 2px, 2px 0%, 0% 2px, 2px 0%;
        /* Üst çizgi tam boy, pozisyon hala solda */
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 2. AŞAMA: Sağ Çiziliyor + Üst Siliniyor */
    20.1% {
        /* HİLE BURADA: Üst çizginin "çapasını" sağa taşıyoruz */
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    40% {
        /* Üst çizgi sağa doğru küçüldü (silindi), Sağ çizgi aşağı uzadı */
        background-size: 0% 2px, 2px 100%, 0% 2px, 2px 0%;
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 3. AŞAMA: Alt Çiziliyor + Sağ Siliniyor */
    40.1% {
        /* Sağ çizginin çapasını aşağı taşıyoruz */
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    60% {
        /* Sağ silindi, Alt sola doğru uzadı */
        background-size: 0% 2px, 0% 100%, 100% 2px, 2px 0%;
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    
    /* 4. AŞAMA: Sol Çiziliyor + Alt Siliniyor */
    60.1% {
        /* Alt çizginin çapasını sola taşıyoruz */
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    80% {
        /* Alt silindi, Sol yukarı uzadı */
        background-size: 0% 2px, 0% 100%, 0% 2px, 2px 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    
    /* 5. AŞAMA: Sol Siliniyor (FİNAL) */
    80.1% {
        /* Sol çizginin çapasını yukarı taşıyoruz */
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
    100% {
        /* Her şey silindi */
        background-size: 0% 2px, 0% 100%, 0% 2px, 0% 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e17d7c *//* Ana Kutu */
.elementor-1831 .elementor-element.elementor-element-4e17d7c {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1831 .elementor-element.elementor-element-4e17d7c::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* Tıklamayı Engelleme */
    pointer-events: none; 

    /* Katman Sırası */
    z-index: 9; 

    /* RENK: #979797 */
    background-image: 
        linear-gradient(to right, #979797 100%, transparent 0), /* Üst */
        linear-gradient(to bottom, #979797 100%, transparent 0), /* Sağ */
        linear-gradient(to left, #979797 100%, transparent 0),    /* Alt */
        linear-gradient(to top, #979797 100%, transparent 0);     /* Sol */
    
    background-repeat: no-repeat;
    
    /* Başlangıç Pozisyonları (Kritik Nokta Burası) */
    background-position: 
        0 0,      /* Üst: Sol Köşede */
        100% 0,   /* Sağ: Üst Köşede */
        100% 100%,/* Alt: Sağ Köşede */
        0 100%;   /* Sol: Alt Köşede */
        
    /* Başlangıç Boyutu (Hepsi 0) */
    background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
    
    opacity: 1; 
}

/* Hover Animasyonu */
.elementor-1831 .elementor-element.elementor-element-4e17d7c:hover::before {
    /* Süreyi 2s yaptım ki yılanın hareketi net görünsün */
    animation: snakeBorder 2s linear forwards;
}

@keyframes snakeBorder {
    /* 1. AŞAMA: Üst Çizgi Çiziliyor */
    0% {
        background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    20% {
        background-size: 100% 2px, 2px 0%, 0% 2px, 2px 0%;
        /* Üst çizgi tam boy, pozisyon hala solda */
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 2. AŞAMA: Sağ Çiziliyor + Üst Siliniyor */
    20.1% {
        /* HİLE BURADA: Üst çizginin "çapasını" sağa taşıyoruz */
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    40% {
        /* Üst çizgi sağa doğru küçüldü (silindi), Sağ çizgi aşağı uzadı */
        background-size: 0% 2px, 2px 100%, 0% 2px, 2px 0%;
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 3. AŞAMA: Alt Çiziliyor + Sağ Siliniyor */
    40.1% {
        /* Sağ çizginin çapasını aşağı taşıyoruz */
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    60% {
        /* Sağ silindi, Alt sola doğru uzadı */
        background-size: 0% 2px, 0% 100%, 100% 2px, 2px 0%;
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    
    /* 4. AŞAMA: Sol Çiziliyor + Alt Siliniyor */
    60.1% {
        /* Alt çizginin çapasını sola taşıyoruz */
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    80% {
        /* Alt silindi, Sol yukarı uzadı */
        background-size: 0% 2px, 0% 100%, 0% 2px, 2px 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    
    /* 5. AŞAMA: Sol Siliniyor (FİNAL) */
    80.1% {
        /* Sol çizginin çapasını yukarı taşıyoruz */
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
    100% {
        /* Her şey silindi */
        background-size: 0% 2px, 0% 100%, 0% 2px, 0% 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5e2b5c *//* Ana Kutu */
.elementor-1831 .elementor-element.elementor-element-a5e2b5c {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1831 .elementor-element.elementor-element-a5e2b5c::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* Tıklamayı Engelleme */
    pointer-events: none; 

    /* Katman Sırası */
    z-index: 9; 

    /* RENK: #979797 */
    background-image: 
        linear-gradient(to right, #979797 100%, transparent 0), /* Üst */
        linear-gradient(to bottom, #979797 100%, transparent 0), /* Sağ */
        linear-gradient(to left, #979797 100%, transparent 0),    /* Alt */
        linear-gradient(to top, #979797 100%, transparent 0);     /* Sol */
    
    background-repeat: no-repeat;
    
    /* Başlangıç Pozisyonları (Kritik Nokta Burası) */
    background-position: 
        0 0,      /* Üst: Sol Köşede */
        100% 0,   /* Sağ: Üst Köşede */
        100% 100%,/* Alt: Sağ Köşede */
        0 100%;   /* Sol: Alt Köşede */
        
    /* Başlangıç Boyutu (Hepsi 0) */
    background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
    
    opacity: 1; 
}

/* Hover Animasyonu */
.elementor-1831 .elementor-element.elementor-element-a5e2b5c:hover::before {
    /* Süreyi 2s yaptım ki yılanın hareketi net görünsün */
    animation: snakeBorder 2s linear forwards;
}

@keyframes snakeBorder {
    /* 1. AŞAMA: Üst Çizgi Çiziliyor */
    0% {
        background-size: 0% 2px, 2px 0%, 0% 2px, 2px 0%;
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    20% {
        background-size: 100% 2px, 2px 0%, 0% 2px, 2px 0%;
        /* Üst çizgi tam boy, pozisyon hala solda */
        background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 2. AŞAMA: Sağ Çiziliyor + Üst Siliniyor */
    20.1% {
        /* HİLE BURADA: Üst çizginin "çapasını" sağa taşıyoruz */
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    40% {
        /* Üst çizgi sağa doğru küçüldü (silindi), Sağ çizgi aşağı uzadı */
        background-size: 0% 2px, 2px 100%, 0% 2px, 2px 0%;
        background-position: 100% 0, 100% 0, 100% 100%, 0 100%;
    }
    
    /* 3. AŞAMA: Alt Çiziliyor + Sağ Siliniyor */
    40.1% {
        /* Sağ çizginin çapasını aşağı taşıyoruz */
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    60% {
        /* Sağ silindi, Alt sola doğru uzadı */
        background-size: 0% 2px, 0% 100%, 100% 2px, 2px 0%;
        background-position: 100% 0, 100% 100%, 100% 100%, 0 100%;
    }
    
    /* 4. AŞAMA: Sol Çiziliyor + Alt Siliniyor */
    60.1% {
        /* Alt çizginin çapasını sola taşıyoruz */
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    80% {
        /* Alt silindi, Sol yukarı uzadı */
        background-size: 0% 2px, 0% 100%, 0% 2px, 2px 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 100%;
    }
    
    /* 5. AŞAMA: Sol Siliniyor (FİNAL) */
    80.1% {
        /* Sol çizginin çapasını yukarı taşıyoruz */
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
    100% {
        /* Her şey silindi */
        background-size: 0% 2px, 0% 100%, 0% 2px, 0% 100%;
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
}/* End custom CSS */