body {
      font-family: 'Inter', sans-serif;
      background-color: #f9f9f9;
      color: #333;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Poppins', sans-serif;
    }
    .sidebar {
      background: #ffffff;
      padding: 20px;
      height: 100vh;
      border-right: 1px solid #dee2e6;
    }
    .sidebar .nav-link {
      color: #333;
      margin-bottom: 10px;
    }
    .nav-pills .nav-link.active {
      background-color: #ffe6f5;
      color: #ff00b8;
    }
    .card {
      background-color: #ffffff;
      border: 1px solid #e0e0e0;
      color: #333;
    }
    .btn-pink {
      background-color: #ff00b8;
      color: #fff;
    }
    .btn-pink:hover {
      background-color: #e600a3;
    }
    .status-badge {
      border-radius: 7px;
      padding: 5px 15px;
      font-size: 0.8rem;
      font-weight: 500;
    }
    .status-approved { background-color: #00c896; color: white; }
    .status-pending { background-color: #fcd59f; color: #a35f00; }
    .status-rejected { background-color: #ff4d4f; color: white; }
    .status-in-creation { background-color: #1890ff; color: white; }
    .table th, .table td {
      vertical-align: middle;
    }
    .search-bar .form-control,
    .search-bar .form-select {
      min-width: 150px;
    }

    .mil-dot-fill {
      background-image: radial-gradient(#6c757d 0.5px, transparent 0.5px);
      background-size: 6px 6px;
      background-color: #1b1b1b; /* Dark base to match bg-dark */
    }

    .table thead th {
      font-weight: 400; /* removes bold */
      font-size: 0.9rem; /* adjust size as needed */
    }



	.bg-dark-green{
		background-color: #027A48;
	}
	.bg-pumpkin-orange{
		background-color: #DC6803;
	}

	.bg-crimson-red{
		background-color: #B42318;
	}

	.bg-royal-blue{
		background-color: #175CD3;
	}
	.bg-dark-grey{
		background-color: #444;
	}
	.bg-magenta{
		background-color: #BF0787;
	}
	.bg-soft-blue{
		background-color: #F5FAFF;
	}
	.fs-15{
		font-size: 15px;
	}
	.fs-12{
		font-size: 12px;
	}

	.fs-10{
		font-size: 10px;
	}
	.fs-9{
		font-size: 9px;
	}
	.fs-8{
		font-size: 8px;
	}

	.fs-7{
		font-size: 7px;
	}

	.dot-pattern {
	  background-image: radial-gradient(#444 1px, transparent 1px);
	  background-size: 10px 10px;
	}

	/* Style active tab like the screenshot */
	.nav-tabs .nav-link.active {
	  color: #ff00b8;
	  border: none;
	  border-bottom: 3px solid #ff00b8;
	  background-color: transparent;
	  font-weight: 600;
	}

	/* Optional: default tab styling */
	.nav-tabs .nav-link {
	  border: none;
	  color: #6c757d;
	  font-weight: 500;
	}

	.nav-tabs .nav-link:hover {
	  color: #ff00b8;
	  background-color: transparent;
	}

	.text-magenta{
		color: #BF0787;
	}

	.border-pink {
	  border: 1px solid #BF0787;
	}
	.btn-magenta{
		background-color: #BF0787;

	}

	.btn-light-magenta {
	  background-color: #FDECF8; /* light magenta */
	  color: #BF0787;
	  border: none;
	}


	.border-crimson-red {
	  border: 1px solid #B42318;
	}

	.text-crimson-red {
	  color: #B42318;
	}
	.mt-6 {
    margin-top: 4.5rem; /* or any value you want */
  }

  .copyright{
  	background-color: #5b5757;
  }

  .footer{
  	background-color: #000000;
  }

  .our-verticals {
	  background-image: url('{{ asset('assets/images/Union.png') }}'); /* Update with correct image path */
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	}