body::-webkit-scrollbar {
    width: 12px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: #f7f7f7; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: #C8C5C4; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 3px solid #f7f7f7; /* creates padding around scroll thumb */
}

div::-webkit-scrollbar {
    width: 12px; /* width of the entire scrollbar */
}

div::-webkit-scrollbar-track {
    background: #f7f7f7; /* color of the tracking area */
}

div::-webkit-scrollbar-thumb {
    background-color: #C8C5C4; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 3px solid #f7f7f7; /* creates padding around scroll thumb */
}
.no-scroll {
    overflow: hidden;
}


  .blocksite {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0); /* Semi-transparent black */
    z-index: 9999; /* Ensure it's on top of other elements */
  }

  .transparent-10 {
    opacity: 0.1; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-20 {
    opacity: 0.2; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-30 {
    opacity: 0.3; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-40 {
    opacity: 0.4; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-50 {
    opacity: 0.5; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-60 {
    opacity: 0.6; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-70 {
    opacity: 0.7; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-80 {
    opacity: 0.8; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-90 {
    opacity: 0.9; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }
  .transparent-100 {
    opacity: 1; /* Adjust the opacity value as needed (0 = fully transparent, 1 = fully opaque) */
  }

  .logo-adjust-left {
    left: 60px;
    position: relative;
  }
  .logo-adjust-right {
    right: 60px;
    position: relative;
  }

  @media (max-width: 768px) { /* Adjust the max-width as needed */
    body {
      overflow-x: hidden;
    }
  }