/*font-family: 'Barlow', sans-serif;
font-family: 'Barlow', sans-serif;*/

:root {
    --primary: #002EFF;
    --light: #ffffff;
    --grey: #efefef;
    --dark: #000;
}
body{
  font-family: 'Barlow', sans-serif;
  color: #191919;
}
strong{
  font-weight: 600;
}


/* cambia el color de fondo del menu lateral */
.bg-primary { background-color: var(--primary) !important; }

/* cambia el color de fondo del menu superior */
.bg-light { background-color: var(--light) !important; }

/* cambia el color de fuente del menu superior */
.text-dark { color: var(--dark) !important; }


.contenedor{
   margin: 20px 20px 20px 30px;
}
.full-width-image img {
  width: 100%;
}
.row-cards{
  margin: 20px 20px 0px 30px;
}

.card{
   border-radius: 8px;
}
.card-title{	
	font-family: 'Barlow', sans-serif;
	font-size: 26px;  
	color: var(--primary);
}
.card-body li{	
	list-style: none;
	font-family: 'Barlow', sans-serif;
	font-size: 16px;  
}
.card-body li::before {
  content: "• ";
  color: var(--primary);/* or whatever color you prefer */
}
.titulo-interior{
  color: var(--primary);
  font-size: 22px;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.contenedor-texto-banner .titulo-banner-interior{
  color: var(--light);
  left: 20%;
  margin-bottom: 0px;
  font-size: 24px;
  margin-left: 10px;
  margin-bottom: 15px;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  line-height: 28px;
}
.contenedor-texto-banner .titulo-banner-interior span{
  font-size: 24px;
  display: block;
}
.icono-texto-banner{
  margin-bottom: 15px;
  position: absolute;
  left: 5%;
}
.texto-interior{
  font-family: 'Barlow', sans-serif;
  color: #191919;
  font-size: 18px;
}
.texto-interior p{
  line-height: 22px;
}
.boton-interior{
  font-family: 'Barlow', sans-serif;
  width: 255px;
  height: 45px;
  background: #5CDEB1;
  border-radius: 22.5px;
  margin-bottom: 80px;
  margin-top: 10px;
}
.boton-interior a{
  text-decoration: none;
  color: #020247;
  font-size: 18px;
  font-weight: 600;
}
footer{
  display: flex;
  margin-bottom: 22px;
  padding-top: 23px;
  border-top: 1px solid #CCCCCC;
  align-items: center;
  justify-content: flex-end;
}
footer h4{
  font-size: 14px;
  color: #636467;
}
@media (max-width: 567px){
  .contenedor-texto-banner .titulo-banner-interior{
    font-size: 24px;
  }
  .boton-interior{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
  }
  .texto-interior{
    font-size: 16px;
  }

}