/* =========================
      BLOQUE PRINCIPAL
      ========================= */
.simple_slider_icon {
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .simple_slider_icon__title {
    margin: 2rem 0 0 0;

    .alert-heading {
      font-size: 3.75rem;
      text-align: center;
    }
  }

  .simple_slider_icon__subtext {
    margin: 2rem 0;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;

    p {
      margin: 0;
    }
  }

  .simple_slider_icon__container {
    width: 100%;
    
    ul {
      display: grid;
      gap: 24px;
      grid-template-columns: repeat(3, 1fr);
      padding: 40px 0 42px;

      li {
        background-color: var(--color-white);
        border-radius: 4px;
        display: flex;
        box-shadow: 0 5px 35px 0 rgba(27, 19, 19, 0.1);
        overflow: hidden;
        width: 100%;

        .card {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 24px;
          width: 100%;
          gap: 16px;

          .icon-list__item-icon {
            height: 56px;

            img {
              height: 100%;
            }
          }

          .image-list__item-content {
            width: 100%;

            .cta_button {
              align-items: center;
              justify-content: space-between;
              position: relative;
              display: flex;

              .field--name-field-cta.field__item {
                width: 100%;

                .button {
                  width: 100%;
                  margin-right: 0;
                }
              }
            }
          }
        }
      }
    }
  }

  .cta_button {
    .button {
      padding: 0;
      margin-right: 0.5rem;
      text-transform: lowercase;

      a {
        display: block;
        color: var(--color-body);
        white-space: normal;
        overflow: hidden;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 20px;
        text-align: left;
        padding: 0;
      }

      a:first-letter {
        text-transform: uppercase;
      }
    }
  }
}

@media (max-width: 1024px) {
  .simple_slider_icon {
    .simple_slider_icon__container {
      ul {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }
}

@media (max-width: 768px) {
  .simple_slider_icon {
    display: block;

    .simple_slider_icon__title {
      .alert-heading {
        font-size: 2.5rem;
      }
    }

    .simple_slider_icon__container {
      ul {
        grid-template-columns: 1fr;
        padding: 20px 0;
      }
    }
  }
}