.hero-overlay{
    background: rgba(0, 0, 0, 0.3);         
    pointer-events: none;                     
  }

  @media (min-width: 992px){
    .hero-overlay{
      background: linear-gradient(
        rgba(0,0,0,.45),
        rgba(0,0,0,.30)
      );
    }
  }
  .form-group .btn-primary {
    background-color: var(--color-1);
    color: var(--color-2);
  }
  .form-group .btn-primary:hover {
    background-color: var(--color-3);
    color: var(--color-2);
  }
  .nav-tabs .nav-link.active {
    color: var(--color-3);
    background-color: var(--color-1);
    border-color: var(--color-1);
  }
  .nav-tabs {  
    border-color: var(--color-1);
    column-gap: 20px;
  }
  .nav-tabs .nav-link {
    color: var(--color-4);
    background-color: var(--color-2);
  }
  .nav-tabs .nav-link:hover {
    border-color: var(--color-1);
  }
  .item-title {
    text-transform: uppercase;
  }
  .toast-container {
    display: none !important;
  }