:root {
      --chitspot-green: #8BC53F;
      --chitspot-navy: #2C2F5A;
      --cta-gradient: linear-gradient(90deg, #8BC53F 0%, #2C2F5A 100%);
      --bs-primary: #ff5733; /* New primary color */
    }
html, body {
            height: 100%;
            margin: 0;
        }
body {
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.body_height_100 {
            flex: 1;
        }
a {
  color:var(--chitspot-navy);
}

.btn-primary {
  background-color: var(--chitspot-navy);
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.btn-primary:hover {
  background-color: #8BC53F;
}
.text-primary {
  color: var(--chitspot-navy) !important;
}