/*-------nuevo css-----------*/	
	

	
.intro-referidos {
    height: 520px;
    width: 100%;
   background-color:#3C5EFC;
    color: #FFFFFF;
    margin-top: 80px;
    display: flex;
    align-items: center;
}	
	
h1.titleIntro{
color: #FFF;
font-family: "Outfit Medium";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px;	
}
	
	
	img.img-fluid.img-intro-referidos {
    margin-top: 120px;
}

p.subtextIntro.px-2 {
	color: #FFF;
font-family: "Outfit Regular";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}	
	


h2.title-section {
color: #0C122D;
text-align: center;
font-family: "Outfit Medium";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;

}	
	
section.seccion-pasos-referidos .title-section span {
    color: #2E54FF;
}	
	
	
p.subText{
color:  #707382;
font-family: "Outfit Regular";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px;
	}
	
p.subText span {
	font-family: "Outfit Medium";
    color: #3E64FB;
	font-weight: 500;
}	
	
	
h1.title-hero-home{
color: #0C122D;
font-family: "Outfit Medium";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 72px; 
}	
	
	.subText-hero{
color:#657085;
font-family: "Outfit Regular";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px; 
		
	}
	
	

.seccion-pasos-referidos {
    padding: 10rem 0 2rem;
}

	.card-pasos-referidos {
    display: flex;
    flex-direction: column;
    width: 228px;
		text-align:center;
}

.card-pasos-referidos h3{
color:#0C122D;
font-family: "Outfit Medium";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 32px;
margin-bottom: 10px;
	}
	
.card-pasos-referidos p{	
color: #657085;
font-family: "Outfit Regular";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; 
}
	
.card-pasos-referidos.second-card {
    margin-top: 10rem;
}
	
	.card-pasos-referidos.third-card {
    margin-top: 20rem;
}
	
	img.img-fluid.second-card-arrow {
    margin-top: 10rem;
}
	
	
	.section-cupon{
		padding:5rem 0;
	}
	
	
ul.list-referidos {
    list-style: none;
    padding: 0;
    margin: 0;
}
	
	ul.list-referidos li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
		margin-bottom:16px;
}
	
.li-content-referidos{
	margin-left:8px;

}	
	
.li-content-referidos p{
color:#657085;
font-family: "Outfit Regular";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
	
	.li-content-referidos span{
color:#002DF9;

}

p.subIntro span {
    color: #2E54FF;
}

	
@media only screen and (max-width: 600px) {
	
	
	    .intro-referidos {
        height: 601px;
        align-items: start;
		padding-top: 5rem;
    }	
	
	
img.img-fluid.img-intro-referidos {
    margin-top: 20px;
}
	
	img.first-card-arrow {
    position: absolute;
    width: 90px;
    top: 9rem;
}
	
	img.second-card-arrow {
    position: absolute;
    width: 100px;
    right: 0;
		top:-10rem;
		
}
	
	.card-pasos-referidos.second-card {
    margin-top: 5rem;
}
	
	.card-pasos-referidos.third-card {
    margin-top: 5rem;
}
	
		
	
	
h1.title-hero-home {
    font-size: 40px;
    line-height: 48px;
}	
	

	
h2.title-section {
    font-size: 32px;
    line-height: 40px;
}	
	
.card-pasos-referidos h3{
text-align:center;
	}	
	
	.card-pasos-referidos p{
text-align:center;
	}
	

	
}