/* width */
::-webkit-scrollbar {
  width: 0px;
}



/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  /* border-radius: 10px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
  /* border-radius: 10px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}



.kast-body {
  /* background-color: #131212 !important; */
  background-image: url("https://images.unsplash.com/photo-1526848772874-4a71ae4b288f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  /* background-image: url("../assests/bg/bg2.jpg"); */
  background-position: center;
  /* background-repeat: no-repeat; */
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  overflow-y: scroll;
  position: relative;
  /* background: "rgba(1, 5, 23, 0.9)" */
  /* background: "rgba(1, 5, 23, 0.9)" */

}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  flex: 1;
  /* background-color: rgb(0, 0, 0); */
  background-color: rgba(1, 5, 23, 0.99);
  opacity: 0.9;
  /* z-index: -1; */
}

.overlay-white {
  position: absolute;
  height: 100%;
  width: 100%;
  flex: 1;
  background-color: rgb(0, 0, 0);
  /* background-color: rgba(255, 255, 255, 0.6); */
  opacity: 0.4;
  /* z-index: -1; */
}


.scroll {
  scroll-snap-type: y mandatory !important;
}

.non-scroll {
  /* scroll-snap-type: none !important; */
}

@media screen and (min-width: 991) {
  .kast-body {
    /* background-image: url("../assests/Image/dark-bg/mobile.jpeg"); */
  }
}

.scroll-end {
  transform: rotate(180deg);
}

.blur-element1 {
  background: #102553;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  filter: blur(50px);
  position: fixed;
  right: -10px;
  z-index: -1;
}

section {
  min-height: 100vh;
  height: 100vh;
  scroll-snap-align: start;
}



.blur-element2 {
  background: #102553;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  filter: blur(50px);
  position: fixed;
  bottom: -50px;
  z-index: -1;
}

.scroll {
  /* overflow: scroll; */
}

.font-poppins {
  font-family: "Poppins" !important;
}

.fadeInLeft {
  opacity: 1;
  transition: all 2s;
  filter: blur(0);
  transform: translateX(0);
}

.fadeInRight {
  opacity: 1;
  transition: all 2s;
  filter: blur(0);
  transform: translateX(0);
}

.hideleft {
  opacity: 0;
  transition: all 2s;
  filter: blur(5px);
  transform: translateX(-100%);
}

.hideRight {
  opacity: 0;
  transition: all 2s;
  filter: blur(5px);
  transform: translateX(100%);
}

.simpleHide {
  opacity: 0;
  transition: all 2s;
}

.simpleUnHide {
  opacity: 1;
  transition: all 3s;
}

.scroll-effect {
  transform: rotate(180deg);
  display: none;
}

#profileblur {
  display: none;
}

/* .profilesection:hover > #profile {
  display: none;
}

.profilesection:hover > #profileblur {
  display: flex;
} */


.swiper-slide {
  background: rgba(1, 1, 1, 0) !important;
}

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

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #fff
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 99999;
  bottom: 0;
  /* Position the tooltip above the text */
  left: 100%;
  margin-left: -150px;
  /* Center the tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.swiper-pagination-bullet {
  opacity: 1 !important;
  background: #656565 !important;
}

.swiper-pagination-bullet-active {
  background: #ffffff !important;
}