.featured-matrix__bg-patttern::after {
  content: "";
  position: absolute;
  height: 60.8rem;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: var(--base-5)
}
@media (min-width:768px) {
  .featured-matrix__bg-patttern::after {
    height: 46rem
  }
}
@media (min-width:992px) {
  .featured-matrix__bg-patttern::after {
    height: 48.7rem
  }
}
.featured-matrix__cards-wrapper {
  display: flex;
  flex-direction: column
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper {
  width: 100%
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:not(:nth-child(3)) .featured-matrix__card .featured-matrix__image-wrapper {
  display: none
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card {
  position: relative;
  min-height: 30.4rem
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__image-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  padding: 0;
  display: none
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__content-wrapper {
  flex: 1
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__content-wrapper a,
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__content-wrapper p {
  color: var(--primary-1);
  text-decoration: none
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper .featured-matrix__card {
  min-height: 30.4rem;
  display: flex;
  flex-direction: column
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper .featured-matrix__card .featured-matrix__content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(1),
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3),
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(7) {
  background: var(--secondary-3)
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(2),
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(4) {
  background: var(--base-5)
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(5),
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(6) {
  background: var(--primary-3)
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(5) {
  order: 2
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) {
  order: 3
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(4) {
  order: 4;
  background: var(--base-5)
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(6) {
  order: 5;
  background: var(--primary-3)
}
.featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(7) {
  order: 6;
  background: var(--secondary-3)
}
@media (min-width:992px) {
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(1) {
    grid-column: 1;
    grid-row: 1
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(2) {
    grid-column: 1;
    grid-row: 2
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) {
    grid-column: 2;
    grid-row: 1/span 2;
    position: relative;
    height: 100%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card {
    display: flex;
    flex-direction: column-reverse;
    height: 100%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    padding: 0;
    display: none
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__content-wrapper {
    width: 100%;
    height: 50%;
    flex: 0 1 auto
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(4) {
    grid-column: 3;
    grid-row: 1
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(5) {
    grid-column: 3;
    grid-row: 2
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(6) {
    grid-column: 1;
    grid-row: 3
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(7) {
    grid-column: 2/span 2;
    grid-row: 3
  }
}
.featured-matrix__cards-wrapper .featured-matrix__blur {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  mask-image: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px)
}
@media (min-width:768px) {
  .featured-matrix__cards-wrapper {
    flex-direction: row;
    flex-wrap: wrap
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:not(:nth-child(7)) {
    width: 50%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) {
    background: 0 0
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card {
    position: relative
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__image-wrapper {
    display: block
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__content-wrapper a,
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(3) .featured-matrix__card .featured-matrix__content-wrapper p {
    color: var(--base-5)
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper .featured-matrix__card {
    display: flex;
    flex-direction: row
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper .featured-matrix__card .featured-matrix__image-wrapper {
    padding: var(--sm-1);
    width: 50%
  }
}
@media (min-width:992px) {
  .featured-matrix__cards-wrapper {
    display: grid!important;
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: repeat(3,auto)
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper {
    width: 100%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper .featured-matrix__card .featured-matrix__content-wrapper {
    width: 50%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper .featured-matrix__card .featured-matrix__content-wrapper a {
    text-decoration: none
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:not(:nth-child(3)) .featured-matrix__card {
    min-height: 62.6rem
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:not(:nth-child(3)) .featured-matrix__card .featured-matrix__image-wrapper {
    display: block;
    width: 50%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:not(:nth-child(7)) {
    width: 100%
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(4) .featured-matrix__card,
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(5) .featured-matrix__card {
    height: 100%;
    position: relative
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(4) .featured-matrix__card .featured-matrix__image-wrapper,
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(5) .featured-matrix__card .featured-matrix__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    padding: 0
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(4) .featured-matrix__card .featured-matrix__content-wrapper,
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(5) .featured-matrix__card .featured-matrix__content-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(2) .featured-matrix__card,
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:nth-child(7) .featured-matrix__card {
    flex-direction: row-reverse
  }
  .featured-matrix__cards-wrapper .featured-matrix__card-wrapper:not(:nth-child(3)) .featured-matrix__card {
    min-height: 37.6rem
  }
}