html{
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #004C69;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #006c98;
  }
  
  /* For Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #004C69;
  }

  .program-btn {
    background-color: #004C69 !important;
    color: #f1f1f1 !important;
  }

  .fade {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  
  .fade.in {
    opacity: 1;
  }

  .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;
  }