.hero-imsep{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px 50px;
    background-color: var(--primarycolor);
}
.image-hero-imsep{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}
.image-hero-imsep img{
    width: 450px;
    object-fit: contain;
}
.content-hero-imsep{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.content-hero-imsep h1{
    font-size: var(--sizeh1);
    line-height: 37px;
}
.content-hero-imsep p {
}
.content-hero-imsep .button-hero{
    background-color: #fff;
    width: 150px;
    text-align: center;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}
.content-hero-imsep .button-hero:hover{
    background-color: var(--secondarycolor);
    color: #fff;
}

/* ----------------------------- */
        /* Parts Steps */
/* ----------------------------- */

.steps-imsep{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 50px 50px;
    width: 90%;
    margin: -50px auto auto auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.main-step{
    display: flex;
    justify-content: center;
    align-items: start;
}
.main-step img{
    width: 350px;
}
.step-imsep{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.step-imsep img{
    width: 40px;
}
.step-imsep h3{
    font-size: 16px;
}
.step-imsep p{
    font-size: 12px;
}