.bg-transparent {
  background-color: transparent !important;
}

body {
  background-color: #061121 !important;
  color: white !important;
  overflow-x: hidden;
  scroll-behavior: smooth;
  /* overflow-y: hidden; */
}

* {
  box-sizing: border-box;
}

a {
  color: white !important;
  text-decoration: none !important;
}

.navbar-nav>li {
  margin-left: 5px;
  margin-right: 5px;
}

.navbar-brand {
  color: white !important;
}

.nav-item {
  border-radius: 20px;
  padding: 3px 7px 3px 7px;
}

.nav-item:hover {
  background-color: #8400E4;
  border-radius: 20px;
}

.primary-item {
  background-color: #8400E4;
  border-radius: 20px;
}

.primary-color {
  color: #8400E4;
}

.fs-0 {
  font-size: 6rem !important
}

@media(max-width: 500px){
  .fs-0 {
    font-size: 5rem !important
  }
}

html {
  scroll-behavior: smooth;
}

a#scroll-btn {
  position: absolute;
  height: 10em;
  width: 6.25em;
  border: 0.5em solid #ffffff;
  margin-top: 50px;
   margin: auto;
  left: 0;
  right: 0;
  /* bottom: 12.25em;  */
  border-radius: 3em;
}

a#scroll-btn:before {
  position: absolute;
  content: "";
  margin: auto;
  left: 0;
  right: 0;
  /* top: 1.2em; */
  height: 1.2em;
  width: 1.2em;
  background-color: #ffffff;
  border-radius: 50%;
  animation: move-down 2s infinite;
}

@keyframes move-down {
  80% {
    opacity: 0.5;
  }

  100% {
    transform: translateY(5.3em);
    opacity: 0;
  }
}

a#scroll-btn:after {
  position: absolute;
  content: "SCROLL DOWN";
  width: 12em;
  display: block;
  width: 12em;
  text-align: center;
  left: -4.2em;
  bottom: -2.5em;
  font-size: 1.6em;
  color: #ffffff;
  letter-spacing: 3px;
  font-weight: 600;
}


#section2 {
  position: relative;
  top: 30vh;
  /* background-color: blue; */
}

.addtocart{
  background-color: #8400E4 !important;
  color: white !important;
  border: none !important;
  padding: 10px;
}

.quantity {
  text-align: center;
  background-color: transparent !important;
  width: 50px !important;
  border: white solid 1px;
  height: 100%;
  color: white;
  padding: 10px;
}

.a{ 
  text-decoration: none;
}

.list-group-item {
  background-color: #8400E4 !important;
  color: white !important;
}

.list-group-item:hover {
  background-color: #6a00b6 !important;
  color: white !important;
}

.list-group{
  position: sticky !important;
  top: 5vh !important;
}