section.boxgrid .boxes .box-card {
  border-radius: 0.625rem;
  height: 100%;
}
section.boxgrid .box {
  height: 100%;
}
section.boxgrid .box .price .small {
  font: var(--body-s-font);
}
section.boxgrid .box h3 {
  margin-bottom: 1.25rem;
}
section.boxgrid .box .prices {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
section.boxgrid .box .buttons {
  margin-top: 1.25rem;
}
section.boxgrid .service-card-front, section.boxgrid .service-card-back {
  height: 100%;
  -ms-grid-rows: -webkit-max-content;
  -ms-grid-rows: max-content;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: self-end;
      -ms-flex-align: self-end;
          align-items: self-end;
}
section.boxgrid .box-card-inner {
  padding: 2.5rem;
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background-color: var(--energi-300);
  height: 100%;
  border-radius: 0.625rem;
}
section.boxgrid .box-card-inner.sand {
  background-color: var(--sand-300);
}
section.boxgrid .box-card-inner.mint {
  background-color: var(--mint-400);
}
section.boxgrid .box-card-inner.grass {
  background-color: var(--grass-100);
}
section.boxgrid .box-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  top: 0;
  background-color: var(--energi-100);
  border-radius: 0.625rem;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  padding: 2.5rem;
  margin-left: -40px;
}
section.boxgrid .box-card-back h4 {
  font: var(--h3-font);
  margin-bottom: 1.25rem;
  z-index: 9;
  position: relative;
}
section.boxgrid .box-card-back .wysiwyg {
  max-height: 15.625rem;
  overflow: auto;
  margin-bottom: 1.25rem;
  z-index: 9;
  position: relative;
}
section.boxgrid .box-card-back.sand {
  background-color: var(--sand-300);
}
section.boxgrid .box-card-back.mint {
  background-color: var(--mint-400);
}
section.boxgrid .box-card-back.grass {
  background-color: var(--grass-100);
}
section.boxgrid .box-card-back:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  opacity: 0.3;
}
section.boxgrid .box-card.active .box-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}