.card {
  background-color: #fff;
  box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  border-radius: 5px;
}

.boxContainer {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: var(--header-bg);
  padding: 10px;
  border-radius: 8px;
}


.boxContainer > .title, .titleWithIcon, .subBoxTitle {
  color: var(--h1-color);
  font-size: 1.2em;
  font-weight: 700;
  display: block;
  width:100%;
  padding-bottom:15px;
}

.card_info {
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
}

.card_info > h1 {
  font-size: 16px;
  margin-bottom:10px;
}

.card_info > span {
  font-weight: bold;
  font-size: 22px;
}