@use "../../../../src/scss/utilities.scss";
.bgridImageListBks {
  //max-width: 1320px;
  margin: auto;
  //border-top: solid 1px var(--f-aire);
  overflow: hidden;
  &__title {
    @extend %VFSans-font;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.37;
    color: var(--a-negro-unops);
    @media (max-width: 991.98px) {
      font-size: 23px;
    }
  }
  &__img {
    position: relative;
    min-height: 550px;
    height: 100%;
    &::after {
      content: "";
      left: 0%;
      top: 0%;
      width: 100%;
      height: 100%;
      position: absolute;
      background-image: linear-gradient(
        to bottom,
        rgba(149, 149, 149, 0) 71%,
        rgba(0, 0, 0, 0.69)
      );
      z-index: 1;
    }
    .img-absolute {
      z-index: -1;
      @extend %img-absolute;
    }
  }
  &__blocks {
    &--description {
      font-size: 18px;
      color: var(--a-negro-unops);
    }
  }
}