html,body {
    height: 100%;
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    top: 0;
    font-family:  'Roboto', sans-serif;
    scroll-behavior: smooth;
    line-height: 20px;
    overflow-x: hidden;
    /* font-size: 14px; */
   
  }



  .no-copy {

  user-select: none; /* For most modern browsers */
  -webkit-user-select: none; /* For Safari */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For Internet Explorer/Edge */
}

  
  *::-webkit-scrollbar {
    display: none; 
  }


  #main-wrapper {
    margin-top: 3.6rem;
    min-height: calc(100dvh - 3.6rem);
    background-color:#EBEBEC;
  }
  

  body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image:  url('bg3.jpg');
  background-size: contain;
  background-position: center;
    background-color: rgba(0, 0, 0, 0.3); /* light black overlay */
  background-blend-mode: darken;
  opacity: 0.1; /* Adjust for desired transparency */
  z-index: -1;
}