body {
      background-color: #f8f9fa;
      color: #3a3a3a;
    }
    .navbar {
      background-color: #343a40;
    }
    .navbar-brand,
    .nav-link {
      color: #ced4da !important;
    }
    .navbar .nav-link:hover {
      color: #36a552 !important;
      text-decoration: underline;
    }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .section-title {
      border-bottom: 2px solid #36a552;
      padding-bottom: 5px;
      margin-bottom: 20px;
      font-weight: 600;
      color: #495057;
    }
    .btn-outline-primary {
      background-color: #36a552;
      color: #fff;
      border: 1px solid #36a552;
      
    }
    .btn-outline-primary:hover {
      background-color: #fff;
      color: #36a552;
      border: 1px solid #36a552;
    }

    .btn-outline-primary.active,
    .btn-outline-primary:active {
        background-color: #36a552 !important; /* Example: Darker blue */
        border-color: #36a552 !important; /* Example: Even darker blue */
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Example: Inset shadow */
}

    footer {
      background-color: #343a40;
      color: #ced4da;
    }
    .sponsor-scroller {
      overflow: hidden;
      background-color: #e9ecef;
      padding: 1rem 0;
    }
    .sponsor-track {
      display: flex;
      width: fit-content;
      animation: scroll 30s linear infinite;
    }
    .sponsor-card {
      flex: 0 0 auto;
      width: 220px;
      margin-right: 1.5rem;
      border: 1px solid #36a552;
      border-radius: 0.5rem;
      text-align: center;
      padding: 1rem;
      background-color: #f8f9fa;
      color: #495057;
    }
    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-75%); }
    }
  .password-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    color: #6c757d;
  }
  .input-group.position-relative {
    position: relative;
  }
  
  .btn-outline-success {
      background-color: #198754;
      color: #fff;
      border: 1px solid #198754;
    }

  .btn-outline-success:hover {
      background-color: #fff;
      color: #198754;
      border: 1px solid #198754;
    }

  .text-muted-less {
    color: rgb(229 229 229 / 75%) !important;
  }

  .pagination > li > a
{
    background-color: white;
    color: #36a552;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white;
    background-color: #36a552 !Important;
    border: solid 1px #36a552 !Important;
}

.pagination > .active > a:hover
{
    background-color: #36a552 !Important;
    border: solid 1px #36a552;
}