.elementor-1103 .elementor-element.elementor-element-11c51f5{--display:flex;--min-height:48vh;--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;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1103 .elementor-element.elementor-element-11c51f5:not(.elementor-motion-effects-element-type-background), .elementor-1103 .elementor-element.elementor-element-11c51f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ktautostyling.com/wp-content/uploads/2025/12/300zx.jpg");background-position:center center;background-size:cover;}.elementor-1103 .elementor-element.elementor-element-11c51f5::before, .elementor-1103 .elementor-element.elementor-element-11c51f5 > .elementor-background-video-container::before, .elementor-1103 .elementor-element.elementor-element-11c51f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1103 .elementor-element.elementor-element-11c51f5 > .elementor-background-slideshow::before, .elementor-1103 .elementor-element.elementor-element-11c51f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1103 .elementor-element.elementor-element-11c51f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1103 .elementor-element.elementor-element-11c51f5.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-1103 .elementor-element.elementor-element-fbb6d22{--display:flex;--overlay-mix-blend-mode:darken;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-a15bd35{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-667deb2 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-1103 .elementor-element.elementor-element-667deb2{text-align:center;}.elementor-1103 .elementor-element.elementor-element-667deb2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:200;color:#FFFFFF;}.elementor-1103 .elementor-element.elementor-element-d56338d{--display:grid;--min-height:386px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-08eb541 .widget-image-caption{color:#FFFFFF;}.elementor-1103 .elementor-element.elementor-element-d54e9b2 .widget-image-caption{color:#FFFFFF;}.elementor-1103 .elementor-element.elementor-element-49f7b91 .widget-image-caption{color:#FFFFFF;}.elementor-1103 .elementor-element.elementor-element-44251d3 .widget-image-caption{color:#FFFFFF;}.elementor-1103 .elementor-element.elementor-element-9eab893 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(228.38447875976564, 228.38447875976564, 228.38447875976564, 0.25);border-style:solid;border-color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-1103 .elementor-element.elementor-element-9eab893 > .elementor-widget-container{margin:0100px 0px 0px 0px;}.elementor-1103 .elementor-element.elementor-element-9eab893.elementor-element{--align-self:center;}.elementor-1103 .elementor-element.elementor-element-8cbf833{--spacer-size:150px;}.elementor-1103 .elementor-element.elementor-element-c76f60d{text-align:center;}.elementor-1103 .elementor-element.elementor-element-c76f60d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:200;color:#FFFFFF;}.elementor-1103 .elementor-element.elementor-element-6fa58ca{--spacer-size:100px;}.elementor-1103 .elementor-element.elementor-element-6fd739e{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 100px;--row-gap:0px;--column-gap:100px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-696c3d7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1103 .elementor-element.elementor-element-1f1e60c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1103 .elementor-element.elementor-element-d126d51 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(228.38447875976564, 228.38447875976564, 228.38447875976564, 0.25);border-style:solid;border-color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-1103 .elementor-element.elementor-element-d126d51 > .elementor-widget-container{margin:0100px 0px 0px 0px;}.elementor-1103 .elementor-element.elementor-element-d126d51.elementor-element{--align-self:center;}.elementor-1103 .elementor-element.elementor-element-ee97f8b{--spacer-size:83px;}.elementor-1103 .elementor-element.elementor-element-2b25228{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-61b875f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1103 .elementor-element.elementor-element-61b875f.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1103 .elementor-element.elementor-element-61b875f img{width:100%;max-width:100%;height:500px;object-fit:contain;object-position:center center;opacity:1;}.elementor-1103 .elementor-element.elementor-element-5bda423{column-gap:0px;}.elementor-1103 .elementor-element.elementor-element-5bda423 p{margin-block-end:15px;}body:not(.rtl) .elementor-1103 .elementor-element.elementor-element-885ecf6{left:0px;}body.rtl .elementor-1103 .elementor-element.elementor-element-885ecf6{right:0px;}.elementor-1103 .elementor-element.elementor-element-885ecf6{top:0px;}@media(min-width:768px){.elementor-1103 .elementor-element.elementor-element-d56338d{--content-width:1339px;}.elementor-1103 .elementor-element.elementor-element-6fd739e{--content-width:1405px;}}@media(min-width:1025px){.elementor-1103 .elementor-element.elementor-element-11c51f5:not(.elementor-motion-effects-element-type-background), .elementor-1103 .elementor-element.elementor-element-11c51f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1103 .elementor-element.elementor-element-fbb6d22{--margin-top:0350px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-d56338d{--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-6fd739e{--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-2b25228{--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-61b875f img{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-1103 .elementor-element.elementor-element-11c51f5:not(.elementor-motion-effects-element-type-background), .elementor-1103 .elementor-element.elementor-element-11c51f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ktautostyling.com/wp-content/uploads/2026/01/arkaaa.webp");background-position:center center;background-repeat:repeat-y;background-size:contain;}.elementor-1103 .elementor-element.elementor-element-11c51f5{--overlay-opacity:0.55;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1103 .elementor-element.elementor-element-fbb6d22{--min-height:90px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-0777a5e > .elementor-widget-container{margin:0px 0px -100px 0px;}.elementor-1103 .elementor-element.elementor-element-a15bd35{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1103 .elementor-element.elementor-element-667deb2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1103 .elementor-element.elementor-element-667deb2 .elementor-heading-title{font-size:30px;}.elementor-1103 .elementor-element.elementor-element-d56338d{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-08eb541 .widget-image-caption{font-size:10px;}.elementor-1103 .elementor-element.elementor-element-d54e9b2 .widget-image-caption{font-size:10px;}.elementor-1103 .elementor-element.elementor-element-49f7b91 .widget-image-caption{font-size:10px;}.elementor-1103 .elementor-element.elementor-element-44251d3 .widget-image-caption{font-size:10px;}.elementor-1103 .elementor-element.elementor-element-9eab893 > .elementor-widget-container{margin:20px 0px 020px 0px;}.elementor-1103 .elementor-element.elementor-element-8cbf833{--spacer-size:73px;}.elementor-1103 .elementor-element.elementor-element-c76f60d .elementor-heading-title{font-size:33px;}.elementor-1103 .elementor-element.elementor-element-6fa58ca{--spacer-size:30px;}.elementor-1103 .elementor-element.elementor-element-6fd739e{--content-width:85%;--e-con-grid-template-columns:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-d126d51 > .elementor-widget-container{margin:20px 0px 020px 0px;}.elementor-1103 .elementor-element.elementor-element-ee97f8b{--spacer-size:30px;}.elementor-1103 .elementor-element.elementor-element-2b25228{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1103 .elementor-element.elementor-element-5bda423 > .elementor-widget-container{margin:0px 10px 0100px 10px;}}/* Start custom CSS for image, class: .elementor-element-08eb541 *//* Çerçevenin ayarları */
.elementor-1103 .elementor-element.elementor-element-08eb541 {
    overflow: hidden; /* Resim büyüyünce dışarı taşmasın */
    position: relative; /* Işık efekti için gerekli */
    border-radius: 10px; /* Köşeleri hafif yumuşatalım */
    border: 1px solid rgba(255, 255, 255, 0.1); /* İnce, şık bir çerçeve */
    transition: all 0.4s ease;
}

/* Resmin kendisi */
.elementor-1103 .elementor-element.elementor-element-08eb541 img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.9); /* Başta çok hafif karanlık */
    width: 100%; /* Emin olmak için */
    display: block;
}

/* Mouse ile üzerine gelince (Hover) */
.elementor-1103 .elementor-element.elementor-element-08eb541:hover img {
    transform: scale(1.15); /* %15 Büyüme (Zoom) */
    filter: brightness(1.1) contrast(1.1); /* Renkler canlansın ve parlasın */
}

.elementor-1103 .elementor-element.elementor-element-08eb541:hover {
    border-color: rgba(255, 255, 255, 0.5); /* Çerçeve belirginleşsin */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Arkaya derinlik gölgesi */
}

/* O Meşhur Işık Geçişi (Sheen Effect) */
.elementor-1103 .elementor-element.elementor-element-08eb541::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Solda gizli başlasın */
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Işığı eğik yapalım, hız hissi verir */
    z-index: 2;
    transition: none; /* Geri çekerken animasyon olmasın */
    pointer-events: none; /* Tıklamayı engellemesin */
}

.elementor-1103 .elementor-element.elementor-element-08eb541:hover::before {
    left: 150%; /* Sağ tarafa fırlasın */
    transition: all 0.7s ease; /* Işığın geçiş hızı */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d54e9b2 *//* Çerçevenin ayarları */
.elementor-1103 .elementor-element.elementor-element-d54e9b2 {
    overflow: hidden; /* Resim büyüyünce dışarı taşmasın */
    position: relative; /* Işık efekti için gerekli */
    border-radius: 10px; /* Köşeleri hafif yumuşatalım */
    border: 1px solid rgba(255, 255, 255, 0.1); /* İnce, şık bir çerçeve */
    transition: all 0.4s ease;
}

/* Resmin kendisi */
.elementor-1103 .elementor-element.elementor-element-d54e9b2 img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.9); /* Başta çok hafif karanlık */
    width: 100%; /* Emin olmak için */
    display: block;
}

/* Mouse ile üzerine gelince (Hover) */
.elementor-1103 .elementor-element.elementor-element-d54e9b2:hover img {
    transform: scale(1.15); /* %15 Büyüme (Zoom) */
    filter: brightness(1.1) contrast(1.1); /* Renkler canlansın ve parlasın */
}

.elementor-1103 .elementor-element.elementor-element-d54e9b2:hover {
    border-color: rgba(255, 255, 255, 0.5); /* Çerçeve belirginleşsin */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Arkaya derinlik gölgesi */
}

/* O Meşhur Işık Geçişi (Sheen Effect) */
.elementor-1103 .elementor-element.elementor-element-d54e9b2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Solda gizli başlasın */
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Işığı eğik yapalım, hız hissi verir */
    z-index: 2;
    transition: none; /* Geri çekerken animasyon olmasın */
    pointer-events: none; /* Tıklamayı engellemesin */
}

.elementor-1103 .elementor-element.elementor-element-d54e9b2:hover::before {
    left: 150%; /* Sağ tarafa fırlasın */
    transition: all 0.7s ease; /* Işığın geçiş hızı */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49f7b91 *//* Çerçevenin ayarları */
.elementor-1103 .elementor-element.elementor-element-49f7b91 {
    overflow: hidden; /* Resim büyüyünce dışarı taşmasın */
    position: relative; /* Işık efekti için gerekli */
    border-radius: 10px; /* Köşeleri hafif yumuşatalım */
    border: 1px solid rgba(255, 255, 255, 0.1); /* İnce, şık bir çerçeve */
    transition: all 0.4s ease;
}

/* Resmin kendisi */
.elementor-1103 .elementor-element.elementor-element-49f7b91 img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.9); /* Başta çok hafif karanlık */
    width: 100%; /* Emin olmak için */
    display: block;
}

/* Mouse ile üzerine gelince (Hover) */
.elementor-1103 .elementor-element.elementor-element-49f7b91:hover img {
    transform: scale(1.15); /* %15 Büyüme (Zoom) */
    filter: brightness(1.1) contrast(1.1); /* Renkler canlansın ve parlasın */
}

.elementor-1103 .elementor-element.elementor-element-49f7b91:hover {
    border-color: rgba(255, 255, 255, 0.5); /* Çerçeve belirginleşsin */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Arkaya derinlik gölgesi */
}

/* O Meşhur Işık Geçişi (Sheen Effect) */
.elementor-1103 .elementor-element.elementor-element-49f7b91::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Solda gizli başlasın */
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Işığı eğik yapalım, hız hissi verir */
    z-index: 2;
    transition: none; /* Geri çekerken animasyon olmasın */
    pointer-events: none; /* Tıklamayı engellemesin */
}

.elementor-1103 .elementor-element.elementor-element-49f7b91:hover::before {
    left: 150%; /* Sağ tarafa fırlasın */
    transition: all 0.7s ease; /* Işığın geçiş hızı */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-44251d3 *//* Çerçevenin ayarları */
.elementor-1103 .elementor-element.elementor-element-44251d3 {
    overflow: hidden; /* Resim büyüyünce dışarı taşmasın */
    position: relative; /* Işık efekti için gerekli */
    border-radius: 10px; /* Köşeleri hafif yumuşatalım */
    border: 1px solid rgba(255, 255, 255, 0.1); /* İnce, şık bir çerçeve */
    transition: all 0.4s ease;
}

/* Resmin kendisi */
.elementor-1103 .elementor-element.elementor-element-44251d3 img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.9); /* Başta çok hafif karanlık */
    width: 100%; /* Emin olmak için */
    display: block;
}

/* Mouse ile üzerine gelince (Hover) */
.elementor-1103 .elementor-element.elementor-element-44251d3:hover img {
    transform: scale(1.15); /* %15 Büyüme (Zoom) */
    filter: brightness(1.1) contrast(1.1); /* Renkler canlansın ve parlasın */
}

.elementor-1103 .elementor-element.elementor-element-44251d3:hover {
    border-color: rgba(255, 255, 255, 0.5); /* Çerçeve belirginleşsin */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Arkaya derinlik gölgesi */
}

/* O Meşhur Işık Geçişi (Sheen Effect) */
.elementor-1103 .elementor-element.elementor-element-44251d3::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Solda gizli başlasın */
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Işığı eğik yapalım, hız hissi verir */
    z-index: 2;
    transition: none; /* Geri çekerken animasyon olmasın */
    pointer-events: none; /* Tıklamayı engellemesin */
}

.elementor-1103 .elementor-element.elementor-element-44251d3:hover::before {
    left: 150%; /* Sağ tarafa fırlasın */
    transition: all 0.7s ease; /* Işığın geçiş hızı */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c76f60d *//* Başlığın Kendisi (Temel Duruş) */
.elementor-1103 .elementor-element.elementor-element-c76f60d .elementor-heading-title {
    opacity: 0; /* Başlangıçta gizli */
    display: inline-block; /* Derli toplu durması için */
    
    /* Animasyon: 1.2sn sürsün, 0.2sn gecikmeli başlasın */
    animation: estetikGiris 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards;
    
    /* Hover'dan çıkış yumuşak olsun diye buraya da ekledik */
    transition: all 0.4s ease; 
}

/* Giriş Animasyonu (Soldan Sağa + Bulanık) */
@keyframes estetikGiris {
    0% {
        opacity: 0;
        transform: translateX(-60px); /* Soldan başla */
        filter: blur(15px); /* Çok bulanık */
        letter-spacing: 10px; /* Harfler ayrık */
    }
    100% {
        opacity: 1;
        transform: translateX(0); /* Yerine otur */
        filter: blur(0); /* Netleş */
        letter-spacing: normal; /* Normale dön */
    }
}

/* --- HOVER EFEKTİ (MOUSE ÜZERİNE GELİNCE) --- */
.elementor-1103 .elementor-element.elementor-element-c76f60d .elementor-heading-title:hover {
    /* 1. DEĞİŞİKLİK: Parlama kısıldı (Daha soft beyaz) */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    
    /* 2. DEĞİŞİKLİK: Hafif büyüme eklendi (%5) */
    transform: scale(1.05);
    
    /* Harf aralığını da hafif açalım */
    letter-spacing: 2px; 
    
    cursor: default;
}/* End custom CSS */