/* Container Background */
.nssc-quick-finder {
  background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
}

/* Nav Pills Styling */
.nssc-quick-finder .nav-pills-wrapper {
  border: 1px solid #dee2e6;
}

.nssc-quick-finder .nav-pills .nav-link {
  color: #0056b3;
  font-size: 0.95rem;
  font-weight: 500;
  background: transparent;
}

.nssc-quick-finder .nav-pills .nav-link.active {
  background-color: #002e5d; /* NSSC Deep Navy */
  color: #ffffff;
}

/* Icons and Hover States */
.nssc-icon-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.2s ease-in-out;
}

.nssc-icon-box:hover {
  transform: translateY(-5px);
}

.nssc-icon-box span {
  transition: color 0.2s ease;
}

.nssc-icon-box:hover span {
  color: #0056b3 !important;
}

/* Card Styling */
.nssc-quick-finder .tab-content {
  border: 1px solid #e9ecef;
  border-radius: 1rem !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .nssc-quick-finder .nav-pills-wrapper {
    display: block !important;
    border-radius: 15px;
  }
  .nssc-quick-finder .nav-link {
    text-align: left;
  }
}

.nssc-quick-finder {
  /* Replace with your actual background image path */
  background: url('/sites/default/files/2026-02/background.jpg') no-repeat center center;
  background-size: cover;
  
  /* Set fixed height */
  min-height: 780px;
  
  /* Center content vertically within the 780px */
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 84px;
}

/* Ensure container takes full width during flex centering */
.nssc-quick-finder .container {
  width: 100%;
}

/* Optional: Add an overlay if the background image makes text hard to read */
/*
.nssc-quick-finder::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.8); 
  z-index: 1;
}
.nssc-quick-finder .container {
  position: relative;
  z-index: 2;
}
*/