.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      dbackground: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

	.swiper-button-next, .swiper-button-prev {
		color:#ecde4e;
	}
	.swiper-pagination-bullet {
		background:#fff;
		opacity:.75;
	}
	.swiper-pagination-bullet-active { 
		background: #ecde4e;
		opacity:1;
	}

	/*
Source - https://stackoverflow.com/q/19796799
Posted by Chuck Le Butt, modified by community. See post 'Timeline' for change history
Retrieved 2026-05-13, License - CC BY-SA 3.0
*/

/*CSS*/




.video-container {
	background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
	overflow:hidden;
    z-index: -1;
    background-color: #000; /* Videolar kaybolduğunda alttan bu siyahlık görünür */
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0; /* Varsayılan olarak hepsi görünmez */
    transition: opacity 1s ease-in-out; /* 1 Saniyelik yumuşak geçiş */
}

/* Sadece active sınıfı alan video görünür olur */
.bg-video.active {
    opacity: 1;
}