@use "../../../../src/scss/utilities.scss"; 

.gridAndText[data-g-8585] {
  .gridAndTextComponent {
    &__img {
      position: relative;
      width: 100%;
      min-height: 366px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      img.img-absolute {
        @extend %img-absolute;
      }
    }
    &__body {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }
    &__title {
      @extend %VFSans-font;
      font-weight: 600;
      font-size: 35px;
      line-height: 1;
      letter-spacing: normal;
      color: var(--a-negro-unops);
      @media (max-width: 991.98px) {
        font-size: 25px;
      }
    }
    &__description {
      font-size: 18px;
      color: var(--a-negro-unops);
      a {
        font-weight: 600;
        color: var(--a-azul-unops);
      }
      strong {
        font-weight: 600;
        color: var(--a-negro-unops);
      }
      ol {
        padding-left: 1.3rem;
      }
      ul {
        list-style: initial !important;
        margin: 0px;
        padding: 0px;
        li {
          margin-bottom: 1.2rem;
        }
      }
    }
  }
}

.insabiIconsList {
  &__icon {
    max-height: 75px;
    max-width: 251px;
    $sizes: 1 191 57, 2 118 70, 3 106 75, 4 251 58, 5 244 57, 6 69 70;
    @each $index, $w, $h in $sizes {
      &:nth-child(#{$index}) {
        width: #{$w}px;
        height: #{$h}px;
      }
    }
  }
}