.shadow1 {
  border-radius: 8px;
  background: linear-gradient(145deg, #5ad1da, #4cb0b8);
  box-shadow:  5px 5px 6px #224e52,
               -5px -5px 6px #ffffff;
}
.shadow2 {
  /* ruben 
  box-shadow:  0.5rem 0.5rem 0.5rem #803b8b;*/
  /* pro2 */
  box-shadow:  0.5rem 0.5rem 0.5rem #803b8b;
}
.shadow3 {
  /* ruben 
  box-shadow: 0rem 0rem 0.5rem #803b8b;*/
  /* pro2 */
  box-shadow: 0rem 0rem 1rem #803b8b;
}
.shadow4 {
  /* ruben 
  box-shadow: 0.5rem 0.5rem 0.5rem #803b8b;*/
  /* pro2 */
  box-shadow: 0rem 0rem 1rem #803b8b;
}
.colorp {
  /* ruben 
  background-color:#54c3cc ;
  border-color: #54c3cc ; */

  /* pro2 */
  background-color:black !important;
  border-color: #000000 !important;

}
.colortp {
  /* ruben 
  color:#54c3cc !important;*/

  /*pro2 */
  color:black !important;

}
.colors {
  /* ruben
  background:#e34870 !important;
  border-color: #e34870 !important;   */

  /* pro2 */
  background:#CB4335 !important;
  border-color: #CB4335 !important;   
}
.colorts {
  /* ruben
  color:#e34870 !important;*/

  /* pro2 */
  color:#CB4335 !important;
}
.colorbs {
  /* ruben
  border: #e34870 solid;
  color:#e34870 !important;*/

  /* pro2 */
  color:#CB4335 !important;
}
.colorbbs {
  border-bottom: 1px solid #e34870;
}
.colort {
  /* ruben
  border-color:#c78fc0 !important;
  background:#c78fc0 !important;  */

  /* pro2 */
  background:#707b7c !important;
  border-color: #707b7c !important;   
}
.colortt {
  /* ruben
  color:#c78fc0 !important;*/

  /* pro2 */
  background:#707b7c !important;
  border-color: #707b7c !important;   
}