.button-pbs-1
{
    width:100%;
    background-color: #650808;
    border-block-color: black;
}

.centre-pbs{
    padding-top:5rem;
}

.pbs-card-color{
  background: #650808;
  color:white;
}

.fh-card-title-red{
  color:white;
  background:#650808;
  border-radius: 15px;
  padding-top: 4px;
  padding-bottom: 2px;
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .pbs-fade {
    animation: fadeIn 0.5s ease-in-out; /* You can adjust the duration and timing function */
  }

      /* Mobile header styles */
      .mobile-header {
        background-color: #333;
        padding: 15px;
        text-align: right;
        color: #fff;
      }
  
      /* Sign-out button styles */
      .sign-out-button {
        background-color: #fff;
        color: #333;
        padding: 8px 16px;
        border: none;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
      }
  
      /* Responsive styles */
      @media only screen and (min-width: 600px) {
        /* Add your desktop styles here if needed */
      }

      .btn-primary {
        border-color: #2c0101 !important; /*set the color you want here*/
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #2c0101;
        border-color: #2c0101; /*set the color you want here*/
    }