/* GENEL AYARLAR */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding-top: 0;
    background-color: #d9d7d244;
}

/*İMAGE*/

.text {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.img-wrap {
  position: relative;
  width: 100%;
  height: 100vh; /* full ekran yüksekliği */
  background-image: url('/img/WhatsApp\ Görsel\ 2025-08-22\ saat\ 19.52.28_e8977a29.png'); /* görseli burada belirliyoruz */
  background-size: cover; /* ekranı tamamen kaplar */
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.caption {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translate(-50%, -50%); 
  width: 90%;           
  padding: 2rem;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  font-size: clamp(11.5rem, 1vw, 3rem);
  z-index: 15;
}

.caption h1 {
  margin: 0;
  font-weight: 800;    
  line-height: 1.2;
  font-size: clamp(1.5rem, 4vw, 3rem); 
  color: #fff;
  letter-spacing: 2px;   
  text-shadow: 2px 2px 10px rgba(0,0,0,0.6); 
}

@media (min-width: 768px) {
  .caption h1 {
    font-size: clamp(2.5rem, 5vw, 4rem); 
  }
}

@media (max-width: 767.98px) {
  .caption h1 {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
  }
  .img-wrap{
    background-position: left center;   /* orta yerine sol odak */
    /* ince ayar istersen: background-position: 15% center; */
  }

  /* Başlığı da sola al (opsiyonel ama önerilir) */
  .caption{
    top: 35%;
    left: 16px;
    right: 16px;
    transform: translateY(-50%);  /* X ekseni kaydırma yok */
    text-align: center;
  }
}


.slide-fade {
  opacity: 0;
  transform: translateY(-50%) translateX(50%); 
  animation: slideFade 1s forwards;
}

@keyframes slideFade {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(50%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

/*kariyer içerik sol*/

.kariyer_icerik {
    padding: 25px 15px;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
}

/* Buton */
.btn-shine {
  display: inline-flex;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 14px 28px;
  border: none;
  background: #2E3092;
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 5px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

.btn-shine::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  transform: skewX(-20deg);
}

.btn-shine:hover::before {
  animation: shine 0.8s forwards;
}

@keyframes shine {
  100% { left: 125%; }
}

/* Buton kapsayıcı */
.buton {
  position: relative;
  text-decoration: none !important;
  flex-direction: column;
}


/* Dizüstü ve büyük ekran */
@media (min-width: 992px) {
  .buton {
    margin-top: 52px;
    right: 0;
    bottom: 0;
    text-align: right;
  }
  .buton p {
    margin-bottom: 15px;
    margin-right: 8px;
  }
  .btn-shine {
    justify-content: flex-end;
  }
  .buton a {
  margin-right: 50px;
}
}

/* Tablet / mobil */
@media (max-width: 991px) {
  .buton {
    position: static;
    text-align: center;
    margin-top: 20px;
    align-items: center;
  }
  .btn-shine {
    width: 80%;
    justify-content: center;
  }
  .buton a {
  margin-right: 0;
}
}

@media (max-width: 576px) {
  .btn-shine {
    font-size: 14px;
    padding: 10px 16px;
  }
  .buton p {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .buton a {
  margin-right: 0;
}
}