.lexend-normal {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

  .lexend-bold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.inter-normal {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  
  .inter-bold {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }

  ::-webkit-scrollbar {
    width: 9px; /* Width of the scrollbar */
  }
  
  ::-webkit-scrollbar-thumb {
    background: #085979;
    background: -webkit-linear-gradient(90deg, rgba(8, 89, 121, 1) 0%, rgba(17, 132, 177, 1) 50%);
    background: -moz-linear-gradient(90deg, rgba(8, 89, 121, 1) 0%, rgba(17, 132, 177, 1) 50%);
    background: linear-gradient(90deg, rgba(8, 89, 121, 1) 0%, rgba(17, 132, 177, 1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#085979", endColorstr="#1184B1", GradientType=1);
    border-radius: 8px; /* Rounded corners */
    border: 0px solid transparent; /* Optional: border around the thumb */
    background-clip: padding-box;
  }
  
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Track color */
    border-radius: 8px; /* Rounded track corners */
  }
  
  /* Optional: Add a hover effect for the scrollbar */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(163,163,163);
    background: -moz-linear-gradient(90deg, rgba(163,163,163,1) 0%, rgba(163,163,163,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(163,163,163,1) 0%, rgba(163,163,163,1) 100%);
    background: linear-gradient(90deg, rgba(163,163,163,1) 0%, rgba(163,163,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3a3a3",endColorstr="#a3a3a3",GradientType=1);
  }