@font-face {
  font-family: LibreBaskerville;
  src: url("../fonts/LibreBaskerville-Bold.ttf");
}
@font-face {
  font-family: Zoheir;
  src: url("../fonts/BMitraBd.ttf");
}
body {
  font-family: LibreBaskerville;
}

.BMitraBd {
  font-family: Zoheir;
}

.LibreBaskerville {
  font-family: LibreBaskerville;
}

.nav-link {
  color: #bd0d00;
  transition: 0.4s;
}
.nav-link:hover {
  transition: 0.4s;
  color: #790800;
}

.brand {
  height: 3.2rem;
  filter: invert(18%) sepia(90%) saturate(5603%) hue-rotate(356deg) brightness(98%) contrast(115%);
}

.brand2 {
  height: 3.2rem;
  filter: invert(100%);
}

.menu {
  background-color: rgba(207, 0, 0, 0.1921568627);
  z-index: 3;
  transition: 0.4s;
}

.menu2 {
  background-color: rgba(0, 0, 0, 0.6352941176);
  z-index: 3;
  transition: 0.4s;
}

.color2 {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 25px;
  display: none;
  color: #ffffff;
}

.color {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 25px;
  display: none;
  color: #ff0000;
}

.dropdown-item {
  cursor: pointer;
  transition: 0.4s;
}

@media only screen and (max-width: 990px) {
  .list {
    display: block;
  }
}
#arrow2 {
  display: none;
}

#moon {
  display: none;
}

#menu {
  display: none;
}

.bi-moon-stars,
.bi-sun {
  cursor: pointer;
  transition: 0.4s;
}

.hover {
  color: #ffffff;
  transition: 0.4s;
}
.hover:hover {
  transition: 0.4s;
  color: #a0a0a0;
}

.hover2 {
  color: #bd0d00;
  transition: 0.4s;
}
.hover2:hover {
  transition: 0.4s;
  color: #790800;
}

.red {
  color: #bd0d00;
  transition: 0.4s;
}

.white {
  color: #ffffff;
  transition: 0.4s;
}

.font {
  font-size: 0.8rem;
}

.item {
  cursor: pointer;
  transition: 0.3s;
  color: #000000;
}
.item:hover {
  color: #bd0d00;
  background-color: #110404;
  transition: 0.3s;
}

.item2 {
  cursor: pointer;
  transition: 0.3s;
  color: #ffffff;
}
.item2:hover {
  color: #000000;
  background-color: #818181;
  transition: 0.3s;
}

.bg {
  background-color: rgba(0, 0, 0, 0.8705882353);
}

.background {
  background: linear-gradient(#3a0402, rgb(20, 20, 20));
  transition: 0.3s;
}

.background2 {
  background: linear-gradient(#161616, rgb(34, 34, 34));
  transition: 0.3s;
}

.btn-2 {
  border: 1px solid #00bd1f;
  color: #00bd1f;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  transition: 0.4s;
  padding: 5px;
}
.btn-2:hover {
  transition: 0.4s;
  transform: scale(1.2);
  color: #ffffff;
  background-color: #00bd1f;
}

.btn-3 {
  border: 1px solid #bd0d00;
  color: #bd0d00;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  transition: 0.4s;
  padding: 5px;
}
.btn-3:hover {
  transition: 0.4s;
  transform: scale(1.2);
  color: #ffffff;
  background-color: #bd0d00;
}

.berserk {
  filter: invert(18%) sepia(90%) saturate(5603%) hue-rotate(356deg) brightness(98%) contrast(115%);
}

.berserk2 {
  filter: invert(100%);
}

.bi-telegram {
  transition: 0.3s;
}
.bi-telegram:hover {
  transition: 0.3s;
  color: #0084ff;
}

.bi-instagram {
  transition: 0.3s;
}
.bi-instagram:hover {
  transition: 0.3s;
  color: #6200ff;
}

.bi-github {
  transition: 0.3s;
}
.bi-github:hover {
  transition: 0.3s;
  color: #9b00af;
}

.bi-envelope-at {
  transition: 0.3s;
}
.bi-envelope-at:hover {
  transition: 0.3s;
  color: #949494;
}

::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-track {
  background: #888;
}

::-webkit-scrollbar-thumb {
  background: #5f5f5f;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: #272727;
}

.cart {
  color: #941600;
  border: 1px solid #941600;
  transition: 0.4s;
}
.cart:hover {
  transition: 0.4s;
  color: #fff;
  background-color: #941600;
  border: 1px solid #941600;
}

.cart2 {
  color: #8a8a8a;
  border: 1px solid #8a8a8a;
  transition: 0.4s;
}
.cart2:hover {
  transition: 0.4s;
  color: #000;
  background-color: #8a8a8a;
  border: 1px solid #8a8a8a;
}

.position {
  position: absolute;
  z-index: 4;
}

.toast {
  background-color: rgba(0, 0, 0, 0.8235294118);
}

.modal-content {
  background-color: #000000;
}
.modal-content .berserk {
  filter: invert(18%) sepia(90%) saturate(5603%) hue-rotate(356deg) brightness(98%) contrast(115%);
}
.modal-content .berserk2 {
  filter: invert(100%);
}

.img {
  height: 16rem;
}

.hover3 {
  transition: 0.3s;
}
.hover3:hover {
  transition: 0.3s;
  transform: scale(1.04);
}

.hog {
  border-radius: 10px;
  box-shadow: 0 0 9px #000000;
}

#hog {
  text-shadow: 5px 5px 20px #000000;
}

.search-div {
  border: 1px solid #bd0d00;
  border-radius: 10px;
}

.search-div2 {
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.search {
  color: #bd0d00;
  transition: 0.4s;
  padding: 7px;
  background-color: transparent;
}

.search2 {
  color: #ffffff;
  transition: 0.4s;
  padding: 7px;
  background-color: transparent;
}

.search-input {
  outline: none;
  border: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #bd0d00;
}
.search-input::placeholder {
  color: rgba(189, 13, 0, 0.5568627451);
}

.scroll {
  height: 40vh;
  overflow-y: auto;
}

.search-input2 {
  outline: none;
  border: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #ffffff;
}
.search-input2::placeholder {
  color: rgba(255, 255, 255, 0.4941176471);
}

.position-absolute {
  top: 50px;
}

.position-search {
  position: absolute;
  left: 60%;
}

.text {
  font-size: 10px;
}

@media only screen and (max-width: 990px) {
  .position-absolute {
    top: 90px;
  }
}

/*# sourceMappingURL=index.css.map */