/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.14_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.99.0_webpack@5.106.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./inc/Components/OfficeBlock/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
.wp-block-office-block {
  display: grid;
  gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-office-block {
    gap: 8rem;
  }
}

.wp-block-office-block__section {
  display: grid;
  gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-office-block__section {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}

.wp-block-office-block__list {
  display: grid;
  gap: 5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-office-block__list {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}
@media (min-width: 567px) {
  .wp-block-office-block__list {
    display: grid;
    gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    grid-template-rows: auto;
  }
}
@media (min-width: 567px) and (min-width: 1023px) {
  .wp-block-office-block__list {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}
@media (min-width: 767px) {
  .wp-block-office-block__list {
    display: grid;
    gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    grid-template-rows: auto;
  }
}
@media (min-width: 767px) and (min-width: 1023px) {
  .wp-block-office-block__list {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}
@media (min-width: 1278px) {
  .wp-block-office-block__list {
    display: grid;
    gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    grid-template-rows: auto;
  }
}
@media (min-width: 1278px) and (min-width: 1023px) {
  .wp-block-office-block__list {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}

/*# sourceMappingURL=styles.css.map*/