.step {
margin-bottom: 30px;
}
.step h2 {
font-size: 1.4em;
margin-bottom: 10px;
color: #007bff;
}
.instructions {
display: flex;
align-items: center;
}
.instructions img {
width: 50px;
margin-right: 15px;
}
.instructions p {
flex: 1;
font-size: 1em;
margin: 0;
}
.arrow {
display: block;
text-align: center;
font-size: 2em;
margin: 10px 0;
color: #555;
}
.note {
background-color: #e7f3fe;
border-left: 6px solid #2196F3;
padding: 10px;
margin-top: 20px;
border-radius: 4px;
}
@media(max-width: 600px){
.instructions {
flex-direction: column;
}
.instructions img {
margin-bottom: 10px;
}