.btn-primary {
  --bs-btn-bg: #e02ee0 !important;
}
:root {
  --background-color: white;
}
@font-face {
  font-family: "FuturaStd-CondensedExtraBold";
  src: url("../fonts/FuturaStd-CondensedExtraBold.otf");
}
@font-face {
  font-family: "FuturaStd-CondensedBold";
  src: url("../fonts/FuturaStd-CondensedBold.otf");
}
@font-face {
  font-family: "FuturaStd-Condensed";
  src: url("../fonts/FuturaStd-Condensed.otf");
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: #994add !important;
}
.nav-item.active {
  background: #994add !important;
  color: white !important;
}
.header {
  padding-top: 40px;
}
.nav-item:hover {
  color: #515554;
}
.nav-link {
  color: inherit !important;
}
.offcanvas-body {
  padding: 0 !important;
}
.navbar-nav {
  padding-right: 0 !important;
}
.nav-link.active {
  color: white !important;
}
.base-padding {
  padding: 10px;
  padding-left: 34px !important;
}
.menu-text {
  font-family: "FuturaStd-CondensedExtraBold" !important;
  color: #e02ee0;
}
.offcanvas-header {
  padding-top: 24px;
}
li,
.nav-item {
  color: #994add;
  font-size: 2em;
  font-family: "FuturaStd-CondensedExtraBold" !important;
  padding: 5px 34px;
  border-bottom: 1px solid #994add;
}
li,
.nav-item p {
  font-size: 1em;
  text-transform: uppercase;
  padding-bottom: 8px;
  display: block;
}
/* \375px */
li,
.nav-item p {
  font-size: 0.5em;
}
body {
  background: rgb(235, 235, 235) !important;
}
.form-text {
  padding: 20px 0;
  font-size: 11px;
  font-weight: bolder;
  line-height: 14px;
  margin: 0 auto;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn {
  font-family: "FuturaStd-Condensed" !important;
  background: #e02ee0;
  --bs-btn-border-color: #e02ee0 !important;
  display: inline-block;
  padding: 0 27px !important;
  border-radius: 50px !important;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 13px;
  right: 10px;
  top: 16px;
  z-index: 9;
}
.btn-lg {
  font-family: "FuturaStd-Condensed" !important;
  background: #e02ee0;
  --bs-btn-border-color: #e02ee0 !important;
  display: inline-block;
  padding: 0 27px !important;
  border-radius: 50px !important;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 13px;
  right: 10px;
  top: 16px;
  width: 100%;
  z-index: 9;
}
.navbar-brand {
  font-family: "FuturaStd-CondensedBold" !important;
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}
.container-fluid {
  max-width: 1310px;
  height: 40px;
}
.navbar-light {
  background: white;
  border-bottom: 1px solid #dddddd;
}
.products-background {
  background: rgb(153, 74, 221);
}
.products-box {
  padding: 50px;
  background: white;
  background-clip: content-box, padding-box;
}
.products-title {
  padding: 30px;
  font-family: "FuturaStd-Condensed" !important;
  color: rgb(153, 74, 221);
  font-size: 1rem;
}
.products-title h1 {
  font-size: 2.8rem !important;
  font-family: "FuturaStd-CondensedExtraBold" !important;
}
.form-column {
  padding-top: 15px;
  background: var(--background-color);
  height: 100%;
}

form label {
  font-family: "FuturaStd-CondensedExtraBold" !important;
  font-weight: normal;
  font-size: 3em;
  line-height: 1.23em;
  padding: 0 0 20px 0;
  color: var(--form-color);
}

span.number {
  font-family: "FuturaStd-Condensed";
  color: var(--form-color);
  border-color: var(--form-color);
  border: 1px solid;
  border-radius: 35px;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 1.4em;
  line-height: 35px;
  margin-bottom: 8px;
  display: block;
}
span.text {
  display: block;
  font-family: "FuturaStd-Condensed";
  color: var(--form-color);
  font-size: 18.2px;
}

form input {
  border-color: var(--form-color);
  color: var(--form-color);
  background: var(--background-color);
  font-size: 48px;
  line-height: 50px;
  width: 100%;
  display: block;
  /*margin-bottom: 20px;*/
  border-radius: 0;
  margin: 0;
  padding: 8px 6px;
  font-family: "FuturaStd-CondensedExtraBold";
  outline: none;
  -webkit-appearance: none;
  border: 0;
  border-bottom: 7px var(--form-color) solid;
}

.submit-form {
  text-align: right;
  padding-top: 20px;
}
.previous-form {
  text-align: left;
  padding-top: 20px;
}
.btn-form {
  float: none;
  line-height: 30px;
  height: 30px;
  font-size: 8px;
  padding: 0 15px 0 15px !important;
  /*padding: 0 15 0 15 !important;*/
  color: white !important;
  border: var(--form-color) !important;
  background: var(--form-color) !important;
}
.btn-form:hover {
  opacity: .9;
}
.btn-form:focus {
  outline: 2px solid black !important;
  outline-offset: 2px;
}
.btn-home {
  float: none;
  line-height: 30px;
  font-size: 8px;
  color: white !important;
  border: var(--form-color) !important;
  background: var(--form-color) !important;
  font-family: "FuturaStd-CondensedExtraBold" !important;
  padding: 22px 30px !important;
  max-width: 300px;
  min-width: 210px;
}
.btn-home:focus {
  outline: 3px solid black !important;
  outline-offset: 2px;
}
.btn-form .bi {
  font-size: 20px;
}

select {
  overflow: auto;
  width: 100%;
  border: none;
}

select option {
  font-family: "FuturaStd-CondensedExtraBold";
  color: var(--form-color);
  font-size: 26px;
  border: 4px solid var(--form-color);
  text-transform: none;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 11px;
  padding: 9px 5px 4px 5px;
}
.navbar-toggler {
  border: 1 solid var(--bs-navbar-toggler-border-color) !important;
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
.step {
  padding: 50px;
}

.qualified {
  color: rgb(61, 127, 234);
  font-family: "FuturaStd-CondensedExtraBold";
  font-weight: 400;
  text-align: center;
  padding-top: 50px;
  font-size: 47px;
  line-height: 25px;
}

.white-bold {
  padding-top: 350px;
  text-align: center;
  font-size: 35px;
  color: white;
  /*text-shadow: 1px 0 0 rgb(61, 127, 234), 0 -1px 0 rgb(61, 127, 234), 0 1px 0 rgb(61, 127, 234), -1px 0 0 rgb(61, 127, 234);*/
  font-family: "FuturaStd-CondensedExtraBold";
  line-height: 44.4px;
}
.black-bold {
  padding-top: 350px;
  text-align: center;
  font-size: 35px;
  color: black;
  text-shadow: 1px 0 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff;
  font-family: "FuturaStd-CondensedExtraBold";
  line-height: 44.4px;
}

.products.ul {
  border-top: 1px rgba(25, 25, 25, 0.3) solid;
  margin: 18px auto 0 auto !important;
  list-style: none;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
}
.products li {
  color: black;
  text-transform: None;
  margin: 0;
  border-bottom: 1px rgba(25, 25, 25, 0.3) solid;
  font-weight: 400;
  line-height: 17px;
  list-style: none;
  position: relative;
  padding: 7px 0 7px 28px;
  font-size: 12.506px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.products li::before {
  width: 6px;
  height: 6px;
  content: "";
  background: black;
  border-radius: 6px;
  padding: 0;
  display: block;
  position: absolute;
  left: 9px;
  top: 12px;
}
.products strong {
  color: #000;
}

.product-icon {
  font-family: "FuturaStd-CondensedExtraBold";
  text-transform: uppercase;
  font-weight: normal;
  background: #d646d6;
  width: 200px;
  height: 200px;
  color: #2b2e34;
  font-size: 28px;
  border-radius: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 40px;
  padding-left: 34px;
  padding-right: 22px;
  margin-left: auto;
  margin-right: auto;
}
.product-icon:after {
  margin-left: -16px;
  content: var(--product-icon);
}

/* menu button */
.box {
  border-radius: 2px;
  transform: translate(-50%, -50%);
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.menu-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  cursor: pointer;
  padding: 28px;
}

.menu-button span {
  display: block;
  width: 100%;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  height: 1.5px;
  background: #000;
  transition: all 0.3s;
  position: relative;
}

.placeholder {
  font-size: 20px !important;
  background-color: white;
  color: black !important;
}

.sub-question-text {
  font-size: 18.2px;
  font-weight: bolder;
  line-height: 20px;
  font-family: "FuturaStd-Condensed";
  color: rgb(118, 118, 118);
}

.menu-button span + span {
  margin-top: 5px;
}

/* .menu-button.active span:nth-child(1) {
    animation: ease-out .7s top forwards;
  }
  
  .menu-button.not-active span:nth-child(1) {
    animation: ease-out .7s top-2 forwards;
  }
  
  .active span:nth-child(2) {
    animation: ease-out .7s scaled forwards;
  }
  
  .menu-button.not-active span:nth-child(2) {
    animation: ease-out .7s scaled-2 forwards;
  }
  
  .menu-button.active span:nth-child(3) {
    animation: ease-out .7s bottom forwards;
  }
  
  .menu-button.not-active span:nth-child(3) {
    animation: ease-out .7s bottom-2 forwards;
  }
   */
@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 11px;
    transform: rotate(0);
  }
  100% {
    top: 11px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 11px;
    transform: rotate(45deg);
  }
  50% {
    top: 11px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 11px;
    transform: rotate(0);
  }
  100% {
    bottom: 11px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 11px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 11px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.animated {
  top: 90px;
  display: grid;
  grid-template-columns: 1fr;
}

.qualified-1 {
  z-index: 1001;
  top: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  /* position: absolute; */
  animation: ease-out 0.7s qualified1 forwards;
}

.qualified-2 {
  z-index: 1002;
  top: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  /* position: absolute; */
  animation: ease-out 0.7s qualified2 forwards;
}
.qualified-3 {
  z-index: 1002;
  top: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  /* position: absolute; */
  animation: ease-out 0.7s qualified3 forwards;
}
.qualified-4 {
  z-index: 1002;
  top: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  /* position: absolute; */
  animation: ease-out 0.7s qualified4 forwards;
}
.qualified-5 {
  z-index: 1002;
  top: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  /* position: absolute; */
  animation: ease-out 0.7s qualified5 forwards;
}
.qualified-6 {
  z-index: 1002;
  top: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  /* position: absolute; */
  animation: ease-out 0.7s qualified6 forwards;
}
@keyframes qualified1 {
  0% {
    transform-origin: 50% 50% 0;
    transform: none;
  }
  100% {
    transform-origin: 25% 300% 0;
    transform: translateY(280px);
  }
}

@keyframes qualified2 {
  0% {
    transform-origin: 50% 50% 0;
    transform: none;
  }
  100% {
    transform-origin: 25% 300% 0;
    transform: translateY(224px);
  }
}

@keyframes qualified3 {
  0% {
    transform-origin: 50% 50% 0;
    transform: none;
  }
  100% {
    transform-origin: 25% 300% 0;
    transform: translateY(168px);
  }
}

@keyframes qualified4 {
  0% {
    transform-origin: 50% 50% 0;
    transform: none;
  }
  100% {
    transform-origin: 25% 300% 0;
    transform: translateY(112px);
  }
}
@keyframes qualified5 {
  0% {
    transform-origin: 50% 50% 0;
    transform: none;
  }
  100% {
    transform-origin: 25% 300% 0;
    transform: translateY(56px);
  }
}

@keyframes qualified6 {
  0% {
    transform-origin: 50% 50% 0;
    transform: none;
  }
  100% {
    transform-origin: 25% 300% 0;
    transform: translateY(0px);
  }
}

.about {
  background-color: rgba(94, 27, 245, 0.77);
  color: white !important;
  padding: 40px !important;
}
.about h6 {
  display: block;
  font-family: "FuturaStd-Condensed";
  color: var(--form-color);
  font-size: 18.2px;
}
.about h1 {
  font-family: "FuturaStd-CondensedExtraBold" !important;
  font-size: 48px;
  padding-bottom: 10px;
}
.faq h1 {
  font-family: "FuturaStd-CondensedExtraBold" !important;
  font-size: 48px;
}

.about p {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
}
.about a {
  color: white;
}
.about a:hover {
  color: white;
}
hr {
  border-color: #000;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
}

.faq-header h1 {
  border: 0;
  border-radius: 0;
  font-family: "FuturaStd-CondensedExtraBold" !important;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  padding: 15px 11px 9px 11px;
}
.faq-header {
  padding-right: calc(var(--bs-gutter-x) * 0.1);
  padding-left: calc(var(--bs-gutter-x) * 0.1);
}
.faq-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.faq-header:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.faq-section {
  display: flex;
}

.info {
  width: 100%;
  background-color: rgb(153, 74, 221);
  font-family: "FuturaStd-CondensedExtraBold" !important;
  font-size: 25px;
  color: white;
  margin-bottom: 0;
}
.info a {
  color: white;
  text-decoration: none;
}
.info a:hover {
  color: white;
  text-decoration: none;
}
.accordion-button:focus {
  border: none;
  box-shadow: none;
}

.support-title a {
  color: white;
}
.support-title a:hover {
  color: white;
}
.support-subtitle {
  background-color: rgb(247, 221, 247);
  padding: 5px;
}
.support-subtitle h1 {
  font-family: "FuturaStd-Condensed";
  color: rgb(81, 85, 84);
  font-size: 15px;
}
.support-subtitle a {
  color: rgb(81, 85, 84);
}
.support-subtitle a:hover {
  color: rgb(81, 85, 84);
}
.support {
  padding: 15px;
}
.support h1 {
  font-family: "FuturaStd-CondensedExtraBold" !important;
  font-size: 48px;
  padding-bottom: 30px;
  color: rgb(81, 85, 84);
}

.support p {
  font-family: "FuturaStd-Condensed" !important;
  font-size: 16px;
  color: rgb(0, 0, 0);
}
.support-title h1 {
  font-family: "FuturaStd-CondensedBold";
  color: white;
  font-size: 23px;
}

.section h5 {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #515554;
  font-weight: bold;
  padding-left: 35px;
  padding-right: 35px;
}

.section p {
  color: rgb(0, 0, 0);
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px;
  padding-left: 35px;
  padding-right: 35px;
}
.section a {
  font-weight: 700;
  color: #994add;
}

.accordion-button:focus {
  border: none;
  box-shadow: none;
}

.info a {
  color: white;
  text-decoration: none;
}
.info a:hover {
  color: white;
  text-decoration: none;
}
.accordion-button:focus {
  border: none !important;
  box-shadow: none !important;
}

a.icon {
  font-size: 100px;
  margin-right: 30px;
}

.errorlist > li {
  color: black;
  border-bottom: none;
  font-family: "open-sans", "Open Sans", Arial, sans-serif !important;
  font-size: 11px;
  line-height: 16px;
}

.product-title {
  max-width: 65px;
  margin-right: 30px;
}

.fingerstick-test {
  background: #e02ee0;
  color: #ffffff;
  font-family: "FuturaStd-CondensedExtraBold";
  font-weight: normal;
  text-align: center;
  padding: 12px 0 5px 0;
  margin-top: 6px;
  letter-spacing: 0.05em;
  font-size: 0.94em;
}

.confirm-order {
  font-family: "FuturaStd-Condensed" !important;
  color: white;
  font-size: 1.2rem;
  padding: 30px 30px 100px;
}
.confirm-order h1 {
  font-size: 2.8rem !important;
  font-family: "FuturaStd-CondensedExtraBold" !important;
}
.confirm-order-box {
  background: #515554;
  border-bottom: 7px #fff solid;
}
.purple {
  color: #994add !important;
}

.my-account {
  background-color: white;
  color: #30c2d5 !important;
  padding: 20px !important;
  border-radius: 25px;
}
.my-account h6 {
  display: block;
  font-family: "FuturaStd-Condensed";
  color: #515554 !important;
  font-size: 18.2px;
}
.my-account h4 {
  display: block;
  font-family: "FuturaStd-Condensed";
  font-size: 16pt;
  line-height: 20pt;
  text-transform: uppercase;
}
.my-account h3 {
  color: #1dad81;
  text-decoration: none;
  font-size: 22px;
  font-family: "FuturaStd-CondensedExtraBold" !important;
}

.my-account h5 {
  font-family: "FuturaStd-CondensedExtraBold";
  color: #515554;
  font-size: 21px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.my-account h1 {
  font-family: "FuturaStd-CondensedExtraBold" !important;
  font-size: 25px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.my-account p {
  color: #000;
  border-bottom-color: rgba(48, 194, 213, 0.25);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 5px;
  line-height: 27px;
  text-transform: uppercase;
  font-size: 16px;
}
.my-account span {
  color: #000;
  padding: 21px 10px 0 10px;
  line-height: 1.5em;
  font-size: 16px;
}
.results-icon {
  color: #515554 !important;
  margin-right: 0 !important;
}
.orderid {
  font-size: 14px !important;
  padding: 0 !important;
  padding-bottom: 30px !important;
}
.order-text {
  font-size: 15px;
  color: #515554;
  margin-bottom: 20px;
}
.green {
  color: #1dad81 !important;
}
.blue {
  color: #3d7fea;
}
.grey {
  color: #515554;
}
.dropdown-text {
  font-family: 'FuturaStd-Condensed';
  text-transform: uppercase;
  width: 100%;
  font-size: 1em;
  color: #515554 !important;
  border-bottom: None !important;
  margin: 0 !important;

}
.checked {
    background-color: lightgray;
    /*background-color: var(--form-color);*/
    /*color: white;*/
  }

/* Our beautiful custom widgets */

  /* Multiselect */
div#id_add_hep_b_to_prep,
div#id_add_narcan,
div#id_interested_in_doxypep,
div#id_interested_in_prep,
div#id_connected_to_clinic,
div#id_amount_of_hiv_kits,
div#id_hep_c_test_eligible,
div#id_prior_syphilis,
div#id_has_sti_symptoms,
div#id_sex_at_birth,
div#id_race,
div#id_gender_identity,
div#id_recent_hiv_test,
div#id_taking_prep,
div#id_last_test,
div#id_add_in_home_syphilis_test,
div#id_nova {
  padding-left:  0;
}

div#id_add_hep_b_to_prep * input,
div#id_add_narcan * input,
div#id_interested_in_doxypep * input,
div#id_interested_in_prep * input,
div#id_connected_to_clinic * input,
div#id_amount_of_hiv_kits * input,
div#id_hep_c_test_eligible * input,
div#id_prior_syphilis * input,
div#id_has_sti_symptoms * input,
div#id_sex_at_birth * input,
div#id_race * input,
div#id_gender_identity * input,
div#id_recent_hiv_test * input,
div#id_taking_prep * input,
div#id_last_test * input,
div#id_add_in_home_syphilis_test * input,
div#id_nova * input {
  display: none !important;
}

div#id_add_hep_b_to_prep > div,
div#id_add_narcan > div,
div#id_interested_in_doxypep > div,
div#id_interested_in_prep > div,
div#id_connected_to_clinic > div,
div#id_amount_of_hiv_kits > div,
div#id_hep_c_test_eligible > div,
div#id_prior_syphilis > div,
div#id_has_sti_symptoms > div,
div#id_race > div,
div#id_gender_identity > div,
div#id_recent_hiv_test > div,
div#id_taking_prep > div,
div#id_sex_at_birth > div,
div#id_last_test > div,
div#id_add_in_home_syphilis_test > div,
div#id_nova > div  {
  font-family: "FuturaStd-CondensedExtraBold";
  color: var(--form-color);
  border: 4px solid var(--form-color);
  text-transform: none;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 11px;
  padding: 0;
}

div#id_add_hep_b_to_prep > div > label,
div#id_add_narcan > div > label,
div#id_interested_in_doxypep > div > label,
div#id_interested_in_prep > div > label,
div#id_connected_to_clinic > div > label,
div#id_amount_of_hiv_kits > div > label,
div#id_hep_c_test_eligible > div > label,
div#id_prior_syphilis > div > label,
div#id_has_sti_symptoms > div > label,
div#id_race > div > label,
div#id_gender_identity > div > label,
div#id_recent_hiv_test > div > label,
div#id_taking_prep > div > label,
div#id_sex_at_birth > div > label,
div#id_last_test > div > label,
div#id_add_in_home_syphilis_test > div > label,
div#id_nova > div > label {
  padding: 9px 5px 4px 5px;
  display: block;
  cursor: pointer;
  font-size: 2em;
}

div#id_add_hep_b_to_prep > div > label:hover,
div#id_add_narcan > div > label:hover,
div#id_interested_in_doxypep > div > label:hover,
div#id_interested_in_prep > div > label:hover,
div#id_connected_to_clinic > div > label:hover,
div#id_amount_of_hiv_kits > div > label:hover,
div#id_hep_c_test_eligible > div > label:hover,
div#id_prior_syphilis > div > label:hover,
div#id_has_sti_symptoms > div > label:hover,
div#id_race > div > label:hover,
div#id_gender_identity > div > label:hover,
div#id_recent_hiv_test > div > label:hover,
div#id_taking_prep > div > label:hover,
div#id_sex_at_birth > div > label:hover,
div#id_last_test > div > label:hover,
div#id_add_in_home_syphilis_test > div > label:hover,
div#id_nova > div > label:hover {
  background-color: lightgray;
}

div#id_add_hep_b_to_prep > div > label:focus,
div#id_add_narcan > div > label:focus,
div#id_interested_in_doxypep > div > label:focus,
div#id_interested_in_prep > div > label:focus,
div#id_connected_to_clinic > div > label:focus,
div#id_amount_of_hiv_kits > div > label:focus,
div#id_hep_c_test_eligible > div > label:focus,
div#id_prior_syphilis > div > label:focus,
div#id_has_sti_symptoms > div > label:focus,
div#id_race > div > label:focus,
div#id_gender_identity > div > label:focus,
div#id_recent_hiv_test > div > label:focus,
div#id_taking_prep > div > label:focus,
div#id_sex_at_birth > div > label:focus,
div#id_last_test > div > label:focus,
div#id_add_in_home_syphilis_test > div > label:focus,
div#id_nova > div > label:focus {
  /*outline: 2px solid black !important;*/
  /*background-color: #0a4594;*/
  /*background-color: lightgray;*/
  /*background-color: var(--form-color);*/
  /*color: white;*/
}