.services_icon {
    text-shadow: -9px 7px 4px #00377a30;
  }

  .text-center {
    text-align: center;
    color: black;
    font-size: 1.5rem;
    font-weight: 600;
  }

  .bolder {
    font-weight: bolder;
  }

  .titulo-flex-box {
    text-decoration: underline;
    line-height: 2rem !important;
  }

  .linea {
    position: absolute;
    top: 49%;
    z-index: -1;
  }

  .linea-flex {
    height: 20rem;
    margin-bottom: 9rem !important;
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .linea-img {
    width: 8rem;
  }

  .card {
    text-align: center;
    cursor: auto;
  }

  .span-linea {
    font-size: 2rem;
  }

  .texto-linea {
    font-weight: bolder;
    transition: 0.4s all ease-in-out;

  }

  .flex-item {
    max-width: 20%;
    min-width: 20%;
  }

  .linea-descripcion {
    line-height: 2rem;
    transition: 0.4s all ease-in-out;

  }

  .d-block,
  .d-none {
    transition: 0.4s all ease-in-out;
  }

  .out {
    top: -100px;
    min-height: 5.6rem;
    position: relative;
    opacity: 0;
    transition: 0.4s all ease-in-out;
  }

  .in-2 {
    top: -73px;
    opacity: 1;
    position: relative;
    transition: 0.4s all ease-in-out;
  }

  .in {
    top: 0px;
    opacity: 1;
    position: relative;
    transition: 0.4s all ease-in-out;
  }

  .tl-bg {

    filter: grayscale(0%) !important;
    filter: brightness(0.7) !important;
  }