.elementor-1874 .elementor-element.elementor-element-1155072{--display:flex;--min-height:700px;--justify-content:center;--overlay-opacity:0.5;}.elementor-1874 .elementor-element.elementor-element-1155072:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-1155072 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.birlesiktextile.com/wp-content/uploads/2025/12/WhatsApp-Gorsel-2025-12-15-saat-10.13.07_173259fb-e1765890109445.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1874 .elementor-element.elementor-element-1155072::before, .elementor-1874 .elementor-element.elementor-element-1155072 > .elementor-background-video-container::before, .elementor-1874 .elementor-element.elementor-element-1155072 > .e-con-inner > .elementor-background-video-container::before, .elementor-1874 .elementor-element.elementor-element-1155072 > .elementor-background-slideshow::before, .elementor-1874 .elementor-element.elementor-element-1155072 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1874 .elementor-element.elementor-element-1155072 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1874 .elementor-element.elementor-element-bbf0988.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-bbf0988{text-align:center;}.elementor-1874 .elementor-element.elementor-element-bbf0988 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-1874 .elementor-element.elementor-element-a51b89f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-a51b89f{text-align:center;color:#FFFFFF;}.elementor-1874 .elementor-element.elementor-element-58f501e{--display:flex;--min-height:499px;--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;}.elementor-1874 .elementor-element.elementor-element-58f501e:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-58f501e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1874 .elementor-element.elementor-element-93d52ee{--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-1874 .elementor-element.elementor-element-93d52ee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1874 .elementor-element.elementor-element-7f388ee.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-7f388ee .elementor-icon-wrapper{text-align:center;}.elementor-1874 .elementor-element.elementor-element-0929bad.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-0929bad{text-align:justify;}.elementor-1874 .elementor-element.elementor-element-156601e{--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-1874 .elementor-element.elementor-element-156601e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1874 .elementor-element.elementor-element-43e6307.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-43e6307 .elementor-icon-wrapper{text-align:center;}.elementor-1874 .elementor-element.elementor-element-9a762f9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-9a762f9{text-align:justify;}.elementor-1874 .elementor-element.elementor-element-2da806a{--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-1874 .elementor-element.elementor-element-f89ca51.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-f89ca51 .elementor-icon-wrapper{text-align:center;}.elementor-1874 .elementor-element.elementor-element-6580a45.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-6580a45{text-align:justify;}.elementor-1874 .elementor-element.elementor-element-538d96a{--display:grid;--min-height:318px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:100px 100px;--row-gap:100px;--column-gap:100px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-1874 .elementor-element.elementor-element-538d96a:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-538d96a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1874 .elementor-element.elementor-element-b317bae.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-ffc3dc0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-2f92cb2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-e7196ac{--display:grid;--min-height:314px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:100px 100px;--row-gap:100px;--column-gap:100px;--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-e7196ac:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-e7196ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1874 .elementor-element.elementor-element-813b4f5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-813b4f5 img{opacity:1;}.elementor-1874 .elementor-element.elementor-element-b20529f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-5e97b02.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-abb0f6c{--display:grid;--min-height:314px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:100px 100px;--row-gap:100px;--column-gap:100px;--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-abb0f6c:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-abb0f6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1874 .elementor-element.elementor-element-471ecae.elementor-element{--align-self:center;}.elementor-1874 .elementor-element.elementor-element-471ecae.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-ec40b99.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-eac24ff.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-1346db2{--display:grid;--min-height:314px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:100px 100px;--row-gap:100px;--column-gap:100px;--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-1346db2:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-1346db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1874 .elementor-element.elementor-element-c0e749c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-a198bfa.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-b2c0054.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-11d42a8{--display:grid;--min-height:350px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:100px 100px;--row-gap:100px;--column-gap:100px;--grid-auto-flow:row;--justify-items:center;}.elementor-1874 .elementor-element.elementor-element-11d42a8:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-11d42a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEAEA;}.elementor-1874 .elementor-element.elementor-element-7f1af8f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-7f1af8f{text-align:center;}.elementor-1874 .elementor-element.elementor-element-f2dc40d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1874 .elementor-element.elementor-element-f2dc40d{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1874 .elementor-element.elementor-element-538d96a{--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-e7196ac{--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-abb0f6c{--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-1346db2{--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-11d42a8{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1874 .elementor-element.elementor-element-1155072{--content-width:1000px;}.elementor-1874 .elementor-element.elementor-element-93d52ee{--width:22.969%;}.elementor-1874 .elementor-element.elementor-element-156601e{--width:23.033%;}.elementor-1874 .elementor-element.elementor-element-2da806a{--width:25%;}.elementor-1874 .elementor-element.elementor-element-538d96a{--content-width:1000px;}.elementor-1874 .elementor-element.elementor-element-e7196ac{--content-width:1000px;}.elementor-1874 .elementor-element.elementor-element-abb0f6c{--content-width:1000px;}.elementor-1874 .elementor-element.elementor-element-1346db2{--content-width:1000px;}.elementor-1874 .elementor-element.elementor-element-11d42a8{--content-width:1000px;}}@media(min-width:1025px){.elementor-1874 .elementor-element.elementor-element-1155072:not(.elementor-motion-effects-element-type-background), .elementor-1874 .elementor-element.elementor-element-1155072 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-1874 .elementor-element.elementor-element-538d96a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-e7196ac{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-abb0f6c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-1346db2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1874 .elementor-element.elementor-element-11d42a8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-93d52ee *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-93d52ee {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-93d52ee::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-1874 .elementor-element.elementor-element-93d52ee: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-156601e *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-156601e {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-156601e::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-1874 .elementor-element.elementor-element-156601e: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-2da806a *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-2da806a {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-2da806a::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-1874 .elementor-element.elementor-element-2da806a: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 image, class: .elementor-element-b317bae *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-b317bae {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-b317bae::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-1874 .elementor-element.elementor-element-b317bae: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 image, class: .elementor-element-ffc3dc0 *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-ffc3dc0 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-ffc3dc0::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-1874 .elementor-element.elementor-element-ffc3dc0: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 image, class: .elementor-element-2f92cb2 *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-2f92cb2 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-2f92cb2::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-1874 .elementor-element.elementor-element-2f92cb2: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 image, class: .elementor-element-813b4f5 *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-813b4f5 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-813b4f5::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-1874 .elementor-element.elementor-element-813b4f5: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 image, class: .elementor-element-b20529f *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-b20529f {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-b20529f::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-1874 .elementor-element.elementor-element-b20529f: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 image, class: .elementor-element-5e97b02 *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-5e97b02 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-5e97b02::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-1874 .elementor-element.elementor-element-5e97b02: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 image, class: .elementor-element-471ecae *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-471ecae {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-471ecae::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-1874 .elementor-element.elementor-element-471ecae: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 image, class: .elementor-element-ec40b99 *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-ec40b99 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-ec40b99::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-1874 .elementor-element.elementor-element-ec40b99: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 image, class: .elementor-element-eac24ff *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-eac24ff {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-eac24ff::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-1874 .elementor-element.elementor-element-eac24ff: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 image, class: .elementor-element-c0e749c *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-c0e749c {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-c0e749c::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-1874 .elementor-element.elementor-element-c0e749c: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 image, class: .elementor-element-a198bfa *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-a198bfa {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-a198bfa::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-1874 .elementor-element.elementor-element-a198bfa: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 image, class: .elementor-element-b2c0054 *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-b2c0054 {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-b2c0054::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-1874 .elementor-element.elementor-element-b2c0054: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 image, class: .elementor-element-7f1af8f *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-7f1af8f {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-7f1af8f::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-1874 .elementor-element.elementor-element-7f1af8f: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 image, class: .elementor-element-f2dc40d *//* Ana Kutu */
.elementor-1874 .elementor-element.elementor-element-f2dc40d {
    position: relative;
    overflow: visible;
}

/* Çizgiler (Sanal Katman) */
.elementor-1874 .elementor-element.elementor-element-f2dc40d::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-1874 .elementor-element.elementor-element-f2dc40d: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 */