body {
  font-family: "Open sans";
}

a {
  text-decoration: none !important;
}

/* Custom CSS to change Bootstrap primary button color */
.btn-primary {
  color: #ffffff; /* Text color */
  background-color: #40a9ff; /* Background color */
  border-color: #40a9ff; /* Border color */
}

/* Hover state for primary buttons */
.btn-primary:hover {
  background-color: #388ae4; /* Darker shade of primary color on hover */
  border-color: #388ae4; /* Darker border color on hover */
}

/* Focus state for primary buttons */
.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.25rem rgba(64, 169, 255, 0.5); /* Adjusted focus shadow color */
}

/* Active state for primary buttons */
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #2979cc; /* Darker shade of primary color on active state */
  border-color: #2979cc; /* Darker border color on active state */
  box-shadow: none; /* Remove shadow on active state */
}

/* Disabled state for primary buttons */
.btn-primary:disabled,
.btn-primary.disabled {
  color: #ffffff; /* Text color for disabled state */
  background-color: #40a9ff; /* Background color for disabled state */
  border-color: #40a9ff; /* Border color for disabled state */
}