/* compiled by scssphp 1.11.0 on Thu, 06 Apr 2023 18:34:47 +0000 (0.0301s) */

/* Breakpoints */
/* Variables */
/* REM Base Size */
/** Shortcode: Boxes - Start */
div[data-shortcode="boxes"] {
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin: 50px 0;
}
div[data-shortcode="boxes"] > * {
  box-shadow: 6px 6px 10px rgba(61, 86, 144, 0.25);
  padding: 25px;
  border-radius: 10px;
}
div[data-shortcode="boxes"] > *:before {
  background-image: url("../svg/checkmark-2.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 30px;
  margin-bottom: 25px;
  width: 30px;
}
/* Responsiveness */
@media (min-width: 1080px) {
  div[data-shortcode="boxes"].columns-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  div[data-shortcode="boxes"].columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  div[data-shortcode="boxes"].columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  div[data-shortcode="boxes"].columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  div[data-shortcode="boxes"].columns-3, div[data-shortcode="boxes"].columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  div[data-shortcode="boxes"].columns-1, div[data-shortcode="boxes"].columns-2, div[data-shortcode="boxes"].columns-3, div[data-shortcode="boxes"].columns-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
/** Shortcode: Boxes - End */