body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

#slider,
.wrap,
.slide_content {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

header {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.3); /* %30 şeffaflık */
  z-index: 1000;
  transition: background 0.3s ease;
}

.wrap {
  position: relative;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  will-change: opacity, transform;
}

.slide:first-child {
  opacity: 1; /* İlk slayt hemen görünür */
}

.slide_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.slide_content span {
  font-size: 5rem;
  color: white;
  opacity: 0.6;
}

.arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}

#arrow_left {
  border-width: 15px 20px 15px 0;
  border-color: transparent white transparent transparent;
  left: 30px;
  z-index: 1;
}

#arrow_right {
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent white;
  right: 30px;
  z-index: 1;
}

.slide-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.item-color{
  color: #FFFFFF;
}
/* Menü Renk Geçişleri */
.srex-header.srex-header--home-two>.container>nav>ul>li>a {
  color: #FFFFFF;
  transition: color 0.2s ease-in-out;
}

.srex-header.srex-header--home-two.sticky-top>.container>nav>ul>li>a,.srex-header.srex-header--home-two.sticky-top>.container>nav>.srex-header__call>div>p,.srex-header.srex-header--home-two.sticky-top>.container>nav>.srex-header__call>div>p>a{
  color: #24231D;
  transition: color 0.2s ease-in-out;
}

.ud-main-menu ul > li > a:hover {
  color: #2195d3 !important;
}
