.ECXECJBHHACURWJ {
  background-color: #fff;
  border-bottom-width: 1px;
  border-color: hsl(214 32% 91%);
  --tw-shadow: 0 2px 8px -2px rgb(var(--primary-color-rgb) / .1);
  --tw-shadow-colored: 0 2px 8px -2px rgb(var(--primary-color-rgb) / .1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}


.NRSLBKBCTQWFEIK {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


@media (min-width: 1200px){
  .NRSLBKBCTQWFEIK {
    max-width: 80rem;
  }
}

.AHNLVKAOMEMAEWY {
  display: flex;
  align-items: center;
}

.AHNLVKAOMEMAEWY >:not([hidden])~:not([hidden]) {
    margin-left: .5rem;
}


.NDWTSUMVRGPTZQA {
  height: 2rem;
  width: 2rem;
}


.SOOKFPPKOTGRWSQ {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}

.SOOKFPPKOTGRWSQ  span{
  color: var(--primary-color);
}

.NISFFXADAQIOGBO {
  display: none;
  align-items: center;
}

.NISFFXADAQIOGBO>:not([hidden])~:not([hidden]) {
    margin-left: 1.5rem
}


@media (min-width: 768px){
  .NISFFXADAQIOGBO {
    display:flex;
  }
}

.ZTSGJMJZZSLFOAU {
  color: #000000;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
}


.ZTSGJMJZZSLFOAU:hover {
  /*hover:text-primary*/
  color: var(--primary-color);
}


.SMKVPZMORPXMPHI {
   border-radius: 0.375rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  gap: .5rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: .75rem;
  padding-right: .75rem;
  background-color: var(--primary-color);
  color: #fff;
}

.SMKVPZMORPXMPHI:focus-visible {
   background-color: var(--darker-primary-color);
  /*focus-visible:outline-none*/
  outline: 2px solid transparent;
  outline-offset: 2px;
  /*focus-visible:ring-2*/
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
  /*focus-visible:ring-offset-2*/
  --tw-ring-offset-width: 2px;
  /*focus-visible:ring-ring*/
  --tw-ring-color: hsl(var(--ring));
}

.SMKVPZMORPXMPHI:hover {
  background-color: var(--darker-primary-color);
}