.elementor-1855 .elementor-element.elementor-element-3b0f3b6{--display:flex;--min-height:1281px;--overlay-opacity:0.9;--padding-top:0230px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1855 .elementor-element.elementor-element-3b0f3b6:not(.elementor-motion-effects-element-type-background), .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ktautostyling.com/wp-content/uploads/2026/01/IMG-20260102-WA0058-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1855 .elementor-element.elementor-element-3b0f3b6::before, .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .elementor-background-video-container::before, .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .elementor-background-slideshow::before, .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1855 .elementor-element.elementor-element-a1811de{text-align:center;}.elementor-1855 .elementor-element.elementor-element-a1811de .elementor-heading-title{font-family:"Nanum Gothic", Sans-serif;font-size:56px;font-weight:500;letter-spacing:3px;color:#FFFFFF;}.elementor-1855 .elementor-element.elementor-element-3667115{--spacer-size:139px;}.elementor-1855 .elementor-element.elementor-element-afdd9e6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1855 .elementor-element.elementor-element-9dd147b > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1855 .elementor-element.elementor-element-a1811de > .elementor-widget-container{margin:-43px 0px 32px 0px;}.elementor-1855 .elementor-element.elementor-element-a1811de .elementor-heading-title{font-size:29px;}.elementor-1855 .elementor-element.elementor-element-3667115{--spacer-size:32px;}}@media(min-width:1025px){.elementor-1855 .elementor-element.elementor-element-3b0f3b6:not(.elementor-motion-effects-element-type-background), .elementor-1855 .elementor-element.elementor-element-3b0f3b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-a1811de *//* 1. Font Ayarları */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

.sosyal-medya-ozel {
  /* TEMEL GÖRÜNÜM */
  font-family: 'Montserrat', 'Arial Black', sans-serif !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  cursor: pointer;
  
  /* GEÇİŞ HIZI */
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  
  /* Animasyon süresi 6 saniye */
  animation: sakinNabiz 6s infinite alternate;
}

/* 2. MOUSE ÜZERİNE GELİNCE (HOVER) */
.sosyal-medya-ozel:hover {
  /* Hafif büyüme ve yukarı kalkma */
  transform: scale(1.1) translateY(-3px);
  
  /* DEĞİŞİKLİK: Sadece BEYAZ Parlama */
  text-shadow: 
    0 0 5px rgba(255, 255, 255, 0.8),  /* İç parlaklık */
    0 0 20px rgba(255, 255, 255, 0.5); /* Dış geniş beyazlık */
    
  animation: none; /* Animasyonu durdur */
}

/* 3. ALTTAN ÇIKAN ÇİZGİ */
.sosyal-medya-ozel::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 0%; 
  height: 2px; 
  
  /* DEĞİŞİKLİK: Gradyan tamamen BEYAZ */
  background: linear-gradient(90deg, transparent, #ffffff, transparent);
  
  transform: translateX(-50%);
  transition: width 0.4s ease-in-out;
  
  /* Çizgi gölgesi de BEYAZ */
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

/* Mouse gelince çizgi açılsın */
.sosyal-medya-ozel:hover::after {
  width: 80%; 
}

/* 4. SAKİN NEFES ALMA ANİMASYONU */
@keyframes sakinNabiz {
  0% {
    /* Sönük hal */
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0.85;
  }
  100% {
    /* Nefes alırken hafif beyaz parlama */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
    opacity: 1;
  }
}/* End custom CSS */