/* Modern table design */
  .table-hover tbody tr:hover {
    background-color: #e0f3ff !important;
    /* transform: scale(1.02); */
    transition: all 0.2s ease-in-out;
  }
 h1  {
    font-weight: 700 !important;
  }
  .table th, .table td {
    vertical-align: middle;
  }
.container {
    padding-top: 3vw !important;}
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Animations */
  .animate__animated {
    visibility: visible !important;
  }
  .table{
    color: var(--bs-primary) !important;
  }
          
        @media (max-width: 900px) {
          .container {
    padding-top: 10vw !important;}
        th , td {
            font-size: 0.7rem;
        }
    .py-5 {
    padding-top: 4rem !important
        }}
    h1{
        color:  var(--bs-primary);
    }