.remove-bullets {
                            list-style-type: none;
                            }
                            .none
                            {
                                text-decoration: underline;
                            }

                            .container_saf {
                                padding: 20px;
max-width: 1200px;
margin: 0 auto;
color: #333;
width: 100%;
}

h1 {
font-size: 2rem;
margin-bottom: 1rem;
line-height: 1.3;
}

.subtitle {
color: #666;
margin-bottom: 3rem;
line-height: 1.5;
}

.timeline {
position: relative;
padding-left: 30px;
}

.timeline::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background-color: #000;
}

.step {
position: relative;
margin-bottom: 3rem;
padding-bottom: 1rem;
}

.step::before {
content: '';
position: absolute;
left: -34px;
top: 0;
width: 9px;
height: 7px;
/* border-radius: 50%; */
background-color: #000;
}

.step-image {
background-color: #f0f7f0;
padding: 1.5rem;
border-radius: 8px;
margin-bottom: 1.5rem;
}

.step-image img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}

.step-content h2 {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}

.step-content p {
color: #666;
line-height: 1.6;
}

@media (min-width: 768px) {
h1 {
font-size: 2.5rem;
}

.timeline {
padding-left: 50px;
}

.step {
display: flex;
gap: 2rem;
align-items: flex-start;
}

.step::before {
left: -54px;
}

.step-image {
flex: 0.5;
margin-bottom: 0;
}

.step-content {
flex: 1;
padding-top: 1rem;
}

.step-content h2 {
font-size: 1.5rem;
}
}