body{
    font-family: "Inter", sans-serif;
     margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
  background-color: #000; 
  position: relative; 
}
:root{
  scroll-padding: 50px;
}
#stars-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.nav-link:hover {
    color: #0000ff !important;
}

.navbar{
  transition: 0.5s;
}
.nav-link,.navbar-brand,.fa-bars{
  color: #fff;
}
#home > div{
  padding: 100px 0px !important;
}

.top{
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  z-index: 5;
  display: none;
}

.loader {
        transform: rotateZ(45deg);
        perspective: 1000px;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        color: #fff;
      }
        .loader:before,
        .loader:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: inherit;
          height: inherit;
          border-radius: 50%;
          transform: rotateX(70deg);
          animation: 1s spin linear infinite;
        }
        .loader:after {
          color: #0000ff;
          transform: rotateY(70deg);
          animation-delay: .4s;
        }

      @keyframes rotate {
        0% {
          transform: translate(-50%, -50%) rotateZ(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotateZ(360deg);
        }
      }

      @keyframes rotateccw {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(-360deg);
        }
      }

      @keyframes spin {
        0%,
        100% {
          box-shadow: .2em 0px 0 0px currentcolor;
        }
        12% {
          box-shadow: .2em .2em 0 0 currentcolor;
        }
        25% {
          box-shadow: 0 .2em 0 0px currentcolor;
        }
        37% {
          box-shadow: -.2em .2em 0 0 currentcolor;
        }
        50% {
          box-shadow: -.2em 0 0 0 currentcolor;
        }
        62% {
          box-shadow: -.2em -.2em 0 0 currentcolor;
        }
        75% {
          box-shadow: 0px -.2em 0 0 currentcolor;
        }
        87% {
          box-shadow: .2em -.2em 0 0 currentcolor;
        }
      }
.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: none;
  border: none;
  padding: 0;
   }

.slick-prev{
  left: -20px !important;
}   
.slick-next{
  right: -20px !important;
}
.slick-prev:before, .slick-next:before {
  font-family: "Font Awesome 6 Free";
  font-size: 20px;
  font-weight: 900;

}
.slick-next:before{
  content: "\f30b";
}
.slick-prev:before{
  content: '\f30a';
}
.card {
  width: 95% !important;
  margin: auto !important;
  background-color: rgba(0, 0, 0, 0.5);
}
.card img {
  height: 400px;
  object-fit: fill;
}