/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./slicing/src/scss/components/usp.scss ***!
  \***************************************************************************************************************************************************************************************/
.usp {
  margin-top: 3.75rem;
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  grid-template-rows: 1fr;
}
@media only screen and (min-width: 1200px) {
  .usp {
    grid-template-columns: 78px 1fr 78px;
    grid-template-rows: 1fr;
  }
}
@media only screen and (min-width: 1440px) {
  .usp {
    grid-template-columns: 1fr 1284px 1fr;
    grid-template-rows: 1fr;
  }
}
.usp__container {
  grid-area: 1/2/2/3;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
}
.usp__subtext {
  max-width: 39rem;
}
.usp__grid {
  margin-top: 1.375rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 0.5fr);
  grid-column-gap: 0px;
  grid-row-gap: 32px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .usp__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 56px;
  }
}
.usp__card {
  grid-row: span 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2.625rem;
  gap: 1.25rem;
  border: solid 0.0625rem #b39668;
}
@media only screen and (min-width: 992px) {
  .usp__card {
    grid-column: span 2;
  }
}

@media only screen and (min-width: 992px) {
  .usp__card:last-child:nth-child(2n-1) {
    grid-column-end: 4;
  }
}