body {
  overflow-x: hidden;
  background: #eee;
}
.banner {
  height: calc(100vh / 1.4);
  object-fit: cover;
}

.overlay {
  position: absolute;
  top: 0;
  background: linear-gradient(
    89.78deg,
    rgba(19, 7, 185, 0.4898) -0.01%,
    rgba(45, 0, 103, 0.79) 32.45%,
    rgba(129, 57, 230, 0.575955) 89.89%,
    rgba(26, 0, 222, 0.5135) 99.62%
  );
  mix-blend-mode: color;
  opacity: 0.6;
  height: calc(100vh / 1.4);
  min-width: 100vw;
  z-index: 40;
}

.background-black {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  height: calc(100vh / 1.4);
  min-width: 100vw;
  z-index: 40;
}

.banner-content {
  position: absolute;
  top: 0;
  height: calc(100vh / 1.4);
  min-width: 100vw;
  z-index: 45;
}

*{
  outline:none;
}

/* WebKit (Chrome, Safari, Opera) */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  /* Firefox */
  .no-scrollbar {
    scrollbar-width: none;       /* Firefox */
    -ms-overflow-style: none;    /* IE 10+ */
  }

   /* İmleç sürükleme sırasında “grab” ve “grabbing” */
  .grab { cursor: grab; }
  .grabbing { cursor: grabbing; }