html,
body {
  font-family: "Inter", Helvetica, sans-serif !important;
}

.navbar {
  background-color: #28511c;
}

.navbar-brand {
  color: #a7c957 !important;
}

.nav-link {
  color: #fff !important;
}

.bg-greenshare {
  background-color: #28511c;
  color: #fff;
}

.fg-greenshare {
  color: #a7c957 !important;
}

.google-apple-badge {
  width: auto;
  height: 50px;
}

.screenshot-img {
  width: 45%;
}

.text-greenshare {
  color: #28511c;
}

.btn-greenshare {
  color: #000;
  background-color: #a7c957 !important;
  border-color: #a7c957 !important;
  font-size: 1.25rem !important;
}

.btn-greenshare:hover,
.btn-greenshare:checked,
.btn-greenshare:active {
  background-color: #678d39 !important;
  border-color: #678d39 !important;
}

.btn-greenshare:focus {
  background-color: #678d39;
  border-color: #678d39 !important;
  box-shadow: 0 0 0 0.25rem rgb(103, 141, 57 / 50%);
}

.accordion-button:not(.collapsed) {
  color: #28511c !important;
  background-color: rgb(167, 201, 87, 0.5) !important;
}

.accordion-button:focus {
  border-color: #678d39 !important;
  box-shadow: 0 0 0 0.25rem rgb(40, 81, 28, 0.5) !important;
}

.gs-a {
  color: #000 !important;
  text-decoration: none !important;
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
  /* border-bottom: 6px solid #a7c957; */
}

.gs-a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  background-color: #a7c957;
  z-index: -10;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.gs-a:hover:after {
  height: 100%;
}