/* Titulos en page */
.titulo {
  font-weight: bold;
  color: #045e76 !important;
  font-size: 35px;
}
/* negrita */
.bold {
  font-weight: bold !important;
  margin-bottom: 10% !important;
  height: 20% !important;
}
/* parrafo en card */
.card p {
  margin-block: 0 !important;
  padding-block: 0 !important;
}
/* subtitulo en page */
.sub-titulo {
  color: #045e76 !important;
  font-size: 20px;
}
/* Para centrar */
.centrar {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* btn contacte a nuestro asesor */
.btn-content {
  background-color: #bdcc01 !important;
  color: #045e76 !important;
  border-radius: 10px !important;
  border: none !important;
  padding: 20px 40px !important;
  margin-top: 6% !important;
}
/* contenedor de tarjetas */
.tarjetas {
  margin-bottom: 10% !important;
  margin-top: 2% !important;
  padding-left: 4% !important;
  padding-right: 4% !important;
  padding-bottom: 5% !important;
}
/* start: cards */
.card {
  height: 100%;
  border-radius: 30px;
  border: none;
  color: #045e76;
  padding-top: 45%;
}
/* imagen top en tarjeta */
.card-img-top {
  position: absolute;
  top: -10%;
}
/* margen entre filas de cartas */
.cont-card {
  margin-top: 10% !important;
}

/* Div contenedor de imagen inferior de tarjeta */
.cont-img-system {
  display: flex !important;
  justify-content: end !important;
  display: -webkit-flex !important;
  -webkit-justify-content: flex-end !important;
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}
/* texto en tarjeta 
 espacio entre texto de tarjeta y logo */
.text-card {
  margin-bottom: 30% !important;
}
/* Imagen inferior de tarjetas */
.fi-logo,
.ra-logo,
.fmp-logo,
.wa-logo {
  width: 38%;
  position: absolute;
  bottom: 0;
  margin-bottom: 8%;
}
/* Imagen inferior de tarjetas */
.cid-log,
.erp-logo {
  width: 20%;
  position: absolute;
  bottom: 0;
  margin-bottom: 8%;
}
/* end: cards */

/* START slider */
.clientes {
  margin-bottom: 10%;
}
.slick-slide {
  display: flex !important;
  justify-content: center !important;
}
.slick-track {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.slick-prev:before,
.slick-next:before {
  color: black !important;
}
/* END slider */
/*
 * MediaQuerys 
 */
@media (min-width: 768px) and (max-width: 1024px) {
  /* espacio entre texto de tarjeta y logo */
  .text-card {
    margin-bottom: 40% !important;
  }
  /* titulo en cada tarjeta */
  .bold {
    height: 30% !important;
  }
  /* margen entre filas de cartas */
  .cont-card {
    margin-block: 8% !important;
  }
}
@media (min-width: 425px) and (max-width: 767px) {
  /* espacio entre texto de tarjeta y logo */
  .text-card {
    margin-bottom: 40% !important;
  }
  /* titulo de pagina */
  .titulo {
    text-align: center !important;
  }
  /* centrar boton contacte a nuestro asesor */
  .centro {
    display: flex !important;
    justify-content: center !important;
    margin-block: 10% !important;
  }
  /* espacio entre tajetas */
  .cont-card {
    margin-top: 20% !important;
  }
  /* flechas de slider */
  .slick-arrow {
    margin-inline: 5% !important;
  }
  /* contenedor de tarjetas */
  .tarjetas {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  /* espacio entre texto de tarjeta y logo */
  .text-card {
    margin-bottom: 40% !important;
  }
  /* titulo de pagina */
  .titulo {
    text-align: center !important;
  }
  .sub-titulo {
    text-align: center !important;
  }
  /* centrar boton contacte a nuestro asesor */
  .centro {
    display: flex !important;
    justify-content: center !important;
    margin-block: 10% !important;
  }
  /* espacio entre tajetas */
  .cont-card {
    margin-top: 25% !important;
  }
  /* flechas de slider */
  .slick-arrow {
    margin-inline: 5% !important;
  }
  /* contenedor de tarjetas */
  .tarjetas {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  /* espacio entre texto de tarjeta y logo */
  .text-card {
    margin-bottom: 40% !important;
  }
  /* titulo de pagina */
  .titulo {
    text-align: center !important;
  }
  .sub-titulo {
    text-align: center !important;
  }
  /* centrar boton contacte a nuestro asesor */
  .centro {
    display: flex !important;
    justify-content: center !important;
    margin-block: 10% !important;
  }
  /* espacio entre tajetas */
  .cont-card {
    margin-top: 25% !important;
  }
  /* flechas de slider */
  .slick-arrow {
    margin-inline: 5% !important;
  }
  /* contenedor de tarjetas */
  .tarjetas {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}