body {
    font-family: "Inter", sans-serif;
  }

  input[type="radio"]:checked + span {
    color: #0b2f5a;
    font-weight: 600;
  }
  input[type="checkbox"]:checked + span {
    color: #0b2f5a;
    font-weight: 600;
  }

   .active-underline {
    border-bottom-width: 2px;
    border-color: #2c026d;
  }
  .heading-underline {
    border-bottom-width: 2px;
    border-color: #d60056;
    width: 80px;
  }
  nav {
    transition: box-shadow 0.3s ease;
    z-index: 50;
  }
  nav.sticky {
    box-shadow: 0 4px 10px rgba(12, 46, 96, 0.2);
    background-color: #f8fafd;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .nav-extra {
    display: none;
  }
  .nav-extra.show {
    display: inline-flex;
  }
  .main-content{
    height: 80vh;
  }

  @media only screen and (max-width: 900px) {
    .main-content{
        height: auto;
      }
  }

  form::-webkit-scrollbar {
    width: 2px;
  }
  
  form::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  form::-webkit-scrollbar-thumb {
    background: #f2f0f0;
    border-radius: 10px;
  }
  
  form::-webkit-scrollbar-thumb:hover {
    background: #f2f0f0;
  }
  
  form {
    scrollbar-width: thin; 
    scrollbar-color: #fff #fff; 
  }
  
  .max-h-96 {
    max-height: 37rem !important;
}