@font-face {
  font-family: Roslindale;
  src: url("Roslindale-DisplayLight.ttf");
}
html {
  scroll-behavior: smooth;
  max-width: 100vw;
  overflow-x: hidden;
}

* {
  font-family: Roslindale, sans-serif;
  font-optical-sizing: auto;
  color: #6d4b40;
}

body::-webkit-scrollbar {
  display: none;
}

body {
  margin: 0;
  padding: 0;
  max-width: 100vw;
  overflow-x: hidden;
}

.swiper-1 {
  width: 100vw;
  height: 100svh;
}
.swiper-1 img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.font-manrope {
  font-family: "Manrope", sans-serif !important;
}

@media screen and (max-width: 1024px) {
  .swiper-button-prev:after,
  .swiper-button-next:after {
    --swiper-navigation-size: 20px;
  }

  .swiper-button-prev {
    left: -0.5%;
  }
  .swiper-button-next {
    right: -0.5%;
  }
}

.white-filter {
  filter: brightness(0) saturate(100%) invert(99%) sepia(20%) saturate(2%) hue-rotate(157deg) brightness(112%) contrast(100%);
}

.swiper-1 .swiper-slide::before,
.swiper-1 .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 50%; /* Siyah alanların yüksekliği */
  pointer-events: none;
  z-index: 1;
}

.swiper-1 .swiper-slide::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

.swiper-1 .swiper-slide::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

img {
  user-select: none;
}