/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/highlights-cards-container/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable prettier/prettier */
.dg-container {
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 16px;
  padding-left: 16px;
}
@media (max-width: 1200px) {
  .dg-container {
    width: 100%;
  }
}
.dg-row {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .dg-row {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
.dg-row > * {
  min-width: 0;
}
@supports not ((-moz-column-gap: 32px) or (column-gap: 32px)) {
  .dg-row > * {
    margin: 0 calc(16px / 2);
  }
  @media screen and (min-width: 1024px) {
    .dg-row > * {
      margin: 0 calc(32px / 2);
    }
  }
}
.dg-col {
  flex-basis: 0;
  flex-grow: 1;
}
.dg-col1 {
  flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
.dg-col2 {
  flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
.dg-col3 {
  flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
.dg-col4 {
  flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
.dg-col5 {
  flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
.dg-col6 {
  flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
.dg-col7 {
  flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
.dg-col8 {
  flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
.dg-col9 {
  flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
.dg-col10 {
  flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
.dg-col11 {
  flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
  flex-grow: unset;
}
@media screen and (min-width: 1024px) {
  .dg-col11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
.dg-col12 {
  flex-basis: 100%;
}
@media only screen and (min-width: ) {
  .dg-col {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dg-col1 {
    flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
@media only screen and (min-width: ) {
  .dg-col2 {
    flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
@media only screen and (min-width: ) {
  .dg-col3 {
    flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
@media only screen and (min-width: ) {
  .dg-col4 {
    flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
@media only screen and (min-width: ) {
  .dg-col5 {
    flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
@media only screen and (min-width: ) {
  .dg-col6 {
    flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
@media only screen and (min-width: ) {
  .dg-col7 {
    flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
@media only screen and (min-width: ) {
  .dg-col8 {
    flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
@media only screen and (min-width: ) {
  .dg-col9 {
    flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
@media only screen and (min-width: ) {
  .dg-col10 {
    flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
@media only screen and (min-width: ) {
  .dg-col11 {
    flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
    flex-grow: unset;
  }
}
@media only screen and (min-width: ) and (min-width: 1024px) {
  .dg-col11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
@media only screen and (min-width: ) {
  .dg-col12 {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dg-colXs1 {
    flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs2 {
    flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs3 {
    flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs4 {
    flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs5 {
    flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs6 {
    flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs7 {
    flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs8 {
    flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs9 {
    flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs10 {
    flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs11 {
    flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 426px) and (min-width: 1024px) {
  .dg-colXs11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
@media only screen and (min-width: 426px) {
  .dg-colXs12 {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dg-colSm1 {
    flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm2 {
    flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm3 {
    flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm4 {
    flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm5 {
    flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm6 {
    flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm7 {
    flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm8 {
    flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm9 {
    flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm10 {
    flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm11 {
    flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .dg-colSm11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
@media only screen and (min-width: 768px) {
  .dg-colSm12 {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dg-colTb1 {
    flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb2 {
    flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb3 {
    flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb4 {
    flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb5 {
    flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb6 {
    flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb7 {
    flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb8 {
    flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb9 {
    flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb10 {
    flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb11 {
    flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1024px) {
  .dg-colTb11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
@media only screen and (min-width: 992px) {
  .dg-colTb12 {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dg-colMd1 {
    flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd2 {
    flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd3 {
    flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd4 {
    flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd5 {
    flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd6 {
    flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd7 {
    flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd8 {
    flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd9 {
    flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd10 {
    flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd11 {
    flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .dg-colMd11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
@media only screen and (min-width: 1024px) {
  .dg-colMd12 {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dg-colLg1 {
    flex-basis: calc(8.3333% * 1 - 16px / 12 * (12 - 1));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg1 {
    flex-basis: calc(8.3333% * 1 - 32px / 12 * (12 - 1));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg2 {
    flex-basis: calc(8.3333% * 2 - 16px / 12 * (12 - 2));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg2 {
    flex-basis: calc(8.3333% * 2 - 32px / 12 * (12 - 2));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg3 {
    flex-basis: calc(8.3333% * 3 - 16px / 12 * (12 - 3));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg3 {
    flex-basis: calc(8.3333% * 3 - 32px / 12 * (12 - 3));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg4 {
    flex-basis: calc(8.3333% * 4 - 16px / 12 * (12 - 4));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg4 {
    flex-basis: calc(8.3333% * 4 - 32px / 12 * (12 - 4));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg5 {
    flex-basis: calc(8.3333% * 5 - 16px / 12 * (12 - 5));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg5 {
    flex-basis: calc(8.3333% * 5 - 32px / 12 * (12 - 5));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg6 {
    flex-basis: calc(8.3333% * 6 - 16px / 12 * (12 - 6));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg6 {
    flex-basis: calc(8.3333% * 6 - 32px / 12 * (12 - 6));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg7 {
    flex-basis: calc(8.3333% * 7 - 16px / 12 * (12 - 7));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg7 {
    flex-basis: calc(8.3333% * 7 - 32px / 12 * (12 - 7));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg8 {
    flex-basis: calc(8.3333% * 8 - 16px / 12 * (12 - 8));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg8 {
    flex-basis: calc(8.3333% * 8 - 32px / 12 * (12 - 8));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg9 {
    flex-basis: calc(8.3333% * 9 - 16px / 12 * (12 - 9));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg9 {
    flex-basis: calc(8.3333% * 9 - 32px / 12 * (12 - 9));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg10 {
    flex-basis: calc(8.3333% * 10 - 16px / 12 * (12 - 10));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg10 {
    flex-basis: calc(8.3333% * 10 - 32px / 12 * (12 - 10));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg11 {
    flex-basis: calc(8.3333% * 11 - 16px / 12 * (12 - 11));
    flex-grow: unset;
  }
}
@media only screen and (min-width: 1201px) and (min-width: 1024px) {
  .dg-colLg11 {
    flex-basis: calc(8.3333% * 11 - 32px / 12 * (12 - 11));
  }
}
@media only screen and (min-width: 1201px) {
  .dg-colLg12 {
    flex-basis: 100%;
  }
}
.ss-highlights-cards-container {
  width: 100%;
}
.ss-highlights-cards-container .dg-row.ss-highlights-cards-container__row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .ss-highlights-cards-container .dg-row.ss-highlights-cards-container__row {
    gap: 32px;
  }
}
.ss-highlights-cards-container .dg-row.ss-highlights-cards-container__row > .wp-block-ss-blocks-highlights-card {
  width: 100%;
}
.ss-highlights-cards-container .dg-row.ss-highlights-cards-container__row > .wp-block-ss-blocks-highlights-card:first-child {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .ss-highlights-cards-container .dg-row.ss-highlights-cards-container__row > .wp-block-ss-blocks-highlights-card:first-child {
    padding-top: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .ss-highlights-cards-container .dg-row.ss-highlights-cards-container__row > .wp-block-ss-blocks-highlights-card:first-child {
    padding-top: 64px;
  }
}

/*# sourceMappingURL=style-index.css.map*/