@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root{
	--rojo: #ff002a;
	--azul: #1554e6;

	--rojo2: #e83037;
	--naranja: #f97501;
	--amarillo: #fed925;
	--verde: #80bc00;
	--verde2: #1a5632;
	--azul2: #5da9f3;
	--morado: #703e66;
	--rosa: #ec9a9c;
}



#bdays{
	background-color: var(--amarillo);
	padding: 14px 21px 14px;
	border-radius: 21px;

	margin-top: 1.4em;
}
#bdays h3{
	color: var(--azul);
}
#bdays h3 i{
	color: var(--rojo);
}

#bdays ul{
	padding-left: 1em;
	position: relative;
}
#bdays ul li::before{
	display: inline-block;
    font-family: bootstrap-icons !important;
    position: absolute;
    left: -7px;
    font-size: 1.4em;

	content: '\F706';
	color: var(--azul);
}
#bdays ul li.f::before{
	content: '\F707';
	color: var(--rojo);
}
/*#bdays i.city{*/
#bdays ul i{
    font-style: normal;
    font-weight: 300;
    display: block;
}