@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face {
    font-family: "Poppins";
    src: url("../css/Jost/Jost-Italic-VariableFont_wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

  body {
    font-family: "Manrope", sans-serif;
  }
.scroll-container-chat-screen::-webkit-scrollbar {
  width: 4px; /* Vertical scrollbar */
}
.swiper {
  overflow: hidden;
  /* Ensures no extra horizontal space */
}

.nav-link.active {
  color: #fff !important; /* Change text color */
  /* padding: 14px 17px; */
  background-color: #2b7fff !important;
}

.nav-link.active svg {
  fill: white; /* Change SVG color */
  color: white !important;
}
.checkbox:checked + span {
  font-weight: bold;
}
.tab a {
  background-color: #f5f5f5; /* Default gray background */
  color: #495363; /* Default text color */
}

.tab.active a {
  background-color: hwb(0 100% 0%); /* Blue background */
  color: #2b7fff; /* White text */
}
.tab.active svg {
  fill: #2b7fff; /* Change SVG color */
  color: #2b7fff !important;
}
.hiddenn { display: none; }

.hiddenn {
  display: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

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

::-webkit-scrollbar-thumb {
  background: #9aa3a3;
  border-radius: 10px;
}

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

/* Mobile-specific scrollbar */
@media (max-width: 768px) {
  .scroll-container {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 100vh;
  }

  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  ::-webkit-scrollbar-thumb {
    background: #9aa3a3;
  }
}