/**
 * Carousel / özel slider / metin slider animasyonu.
 */

/* OK konteyner */
.carousel-content .wd-nav-arrows {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 20;
}

.carousel-content .wd-nav-arrows .wd-btn-arrow {
	pointer-events: all;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow:
		0 4px 10px rgba(0, 0, 0, 0.08),
		0 1px 3px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.04);
	transition: all 0.25s ease;
}

.carousel-content .wd-prev {
	margin-left: -22px;
}

.carousel-content .wd-next {
	margin-right: -22px;
}

.carousel-content .wd-nav-arrows .wd-btn-arrow svg {
	width: 16px;
	height: 16px;
	fill: #555;
}

.carousel-content .wd-nav-arrows .wd-btn-arrow:hover {
	background: #e9e9e9;
	transform: scale(1.08);
}

.carousel-content .wd-nav-arrows .wd-btn-arrow:active {
	transform: scale(0.95);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.ozel-slider-nav button {
	border-radius: 100% !important;
}

body .ozel-slider-nav button {
	background: rgba(0, 0, 0, 0.2) !important;
}
    .slider-container {
      width: 100%;
      height: 50px;
 
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      color: #fff;
      font-size: 16px;
     
font-family: Georgia, serif;


   
    }

    .slider-text {
      position: absolute;
      opacity: 0;
      transform: translateX(100%);
      animation: slideIn 10s infinite;
    }

    .slider-text:nth-child(2) {
      animation-delay: 5s;
    }

    @keyframes slideIn {
      0%   { opacity: 0; transform: translateX(100%); }
      10%  { opacity: 1; transform: translateX(0); }
      40%  { opacity: 1; transform: translateX(0); }
      50%  { opacity: 0; transform: translateX(-100%); }
      100% { opacity: 0; transform: translateX(-100%); }
    }