* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Quicksand", sans-serif;
}

.primary_bg_color {
  background-color: #d52f2f;
}

.primary_text_color {
  color: #d52f2f;
}

::-webkit-scrollbar {
  width: 0; /* Remove scrollbar space */
  background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: #ff0000;
}

/* -------------------- */

.menu {
  height: 3px;
  width: 35px;
  background-color: rgb(48, 16, 16);
  margin: 5px;
  border-radius: 2px;
  background-color: white;
}
.menuContainer {
  cursor: pointer;
  z-index: 99999;
  display: none;
}
.line1,
.line2,
.line3,
.overlay {
  transition: all 0.3s ease-in;
}
.remove {
  opacity: 0;
}
.line1Deg {
  transform: rotate(45deg) translate(7px, 5px);
}
.line3Deg {
  transform: rotate(-45deg) translate(6px, -5px);
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: white;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  opacity: 0;
}

.overlay ul {
  list-style: none;
  font-size: 20px;
}

.overlay ul li {
  margin-bottom: 20px;
  text-align: center;
}

.overlay a {
  text-decoration: none;
  color: black;
}

.opacityAndZindex {
  opacity: 1 !important;
  z-index: 1 !important;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
}

@media screen and (max-width: 640px) {
  .menuContainer {
    display: block;
  }

  .nav_items {
    display: none;
  }

  .dy_padding {
    padding-left: 40px;
    padding-right: 40px;
  }
}