/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/featured-blog/src/featured-blog.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/featured-blog/src/featured-blog.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-hero--content-overlap + .row:has(.twz-featured-blogs) .twz-featured-blogs__title {
  --text-color: var(--white);
}

.twz-featured-blogs__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}
@media (max-width: 767px) {
  .twz-featured-blogs__items {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 2rem;
  }
}
@media (min-width: 768px) {
  .twz-featured-blogs .twz-card-blog:nth-child(1) {
    grid-area: 1/1/2/3;
  }
}
@media (min-width: 768px) {
  .twz-featured-blogs .twz-card-blog:nth-child(2) {
    grid-area: 1/3/2/4;
  }
}
@media (min-width: 768px) {
  .twz-featured-blogs .twz-card-blog:nth-child(3) {
    grid-area: 2/1/3/2;
  }
}
@media (min-width: 768px) {
  .twz-featured-blogs .twz-card-blog:nth-child(4) {
    grid-area: 2/2/3/3;
  }
}
@media (min-width: 768px) {
  .twz-featured-blogs .twz-card-blog:nth-child(5) {
    grid-area: 2/3/3/4;
  }
}