/*!****************************************************************************************************************************************************************************************!*\
  !*** 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/grid.scss ***!
  \****************************************************************************************************************************************************************************************/
.grid {
  margin-top: 3.75rem;
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  grid-template-rows: 1fr;
}
@media only screen and (min-width: 1200px) {
  .grid {
    grid-template-columns: 78px 1fr 78px;
    grid-template-rows: 1fr;
  }
}
@media only screen and (min-width: 1440px) {
  .grid {
    grid-template-columns: 1fr 1284px 1fr;
    grid-template-rows: 1fr;
  }
}
.grid__container {
  grid-area: 1/2/2/3;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.grid__container h2 {
  margin-bottom: 3.75rem;
}
.grid__row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .grid__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 285px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}
.grid__text {
  grid-row: span 1;
  padding: 1.875rem;
  padding-top: 2.4375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(179, 150, 104, 0.05);
  gap: 1.375rem;
}
.grid__img {
  grid-row: span 1;
  width: 100%;
  height: 100%;
  max-inline-size: fit-content;
  block-size: auto;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}
.grid__image {
  width: 100%;
  height: 100%;
  max-inline-size: fit-content;
  object-fit: cover;
  overflow: hidden;
}
