@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap&subset=latin-ext');

	
	
.main-slider {
position: relative; }
.main-slider .owl-nav button {
width: 50px;
height: 50px;
display: block;
position: absolute;
top: calc(50% - 50px); }
.main-slider .owl-nav button.owl-prev {
background: url(../img/prev.png);
left: 20px; }
.main-slider .owl-nav button.owl-next {
background: url(../img/prev.png);
transform: rotate(180deg);
right: 20px; }
.main-slider .owl-dots {
display: flex;
position: absolute;
justify-content: center;
width: 100%;
bottom: 20px; }
.main-slider .owl-dots .owl-dot {
width: 20px;
height: 20px;
margin: 5px 7px;
background: #000;
display: block;
border-radius: 50%; }
.main-slider .owl-dots .owl-dot.active {
background: #E46307; }





.main-slider {
  position: relative;
  padding-bottom: 20px; /* Alt kısımda dots için boşluk bırak */
}

.main-slider .owl-dots {
  position: relative !important; /* absolute kaldırıldı */
  bottom: auto !important;       /* bottom kaldırıldı */
  margin-top: 10px;              /* biraz üstten boşluk */
  display: flex;
  justify-content: center;
  width: 100%;
}
























/* Yeni Yazı kutusu */


/* Masaüstü için */
.slider-caption {
  position: absolute;
  top: 200px; /* Animasyonun son konumu buraya eşitlendi */
  left: 40px;
  text-align: left;
  animation: slideDown 1.5s ease forwards;
  z-index: 2;
}

/* Yazı stilleri */
.slider-caption .line1,
.slider-caption .line2 {
  font-weight: bold;
  color: white;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

.slider-caption .line1 {
  font-size: 55px;
  margin-bottom: 5px;
}

.slider-caption .line2 {
  font-size: 55px;
}

/* Animasyon (masaüstü için) */
@keyframes slideDown {
  from {
    top: -100px;
  }
  to {
    top: 200px; /* Masaüstü animasyon hedefi */
  }
}

/* Mobil görünüm */
@media (max-width: 768px) {
  .slider-caption {
    top: 40px;
    left: 20px;
  }

  .slider-caption .line1 {
    font-size: 24px;
  }

  .slider-caption .line2 {
    font-size: 20px;
  }

  @keyframes slideDown {
    from {
      top: -100px;
    }
    to {
      top: 40px;
    }
  }
}