.main-container {
    padding: 0 !important; 
    margin: 0 !important;  
    display: flex;
    align-items: center;    
    justify-content: space-between; 
    /*max-width: 1200px;      
    margin: 0 auto;   */    
    gap: 15px;              
}

.banner {
    flex: 2; 
}

.formulario {
    flex: 0.8; 
    min-width: 300px; 
}


@media (max-width: 991px) {
    .main-container {
        flex-direction: column; 
    }
}

.banner {
    --gap-small: 16px;
    --gap-big: 16px;
    height: 200px;
}

.banner .container {
    padding-top: 300px;
}

@media (max-width: 350px) {
     .main-container {
        flex-direction: row; 
    }
    .banner {
        --gap-small: 50px;
        --gap-big: 20px;
        height: 600px;
        background-position: center top -100px;
    }
    .banner .clients {
    margin-bottom: var(--gap-small);
    line-height: 50px;
}
}

@media (min-width: 420px) {
    .banner .container {
        padding-top: 50%;
    }
    .main-container {
        flex-direction: column; 
    }
     .banner {
        --gap-small: 30px;
        --gap-big: 20px;
        height: 500px;
        background-position: center top -100px;
    }
    .banner .clients {
    margin-bottom: var(--gap-small);
    line-height: 10px;

}
}

@media (min-width: 600px) {
    .banner {
        background-position: center right -100px;
    }

    .banner .container {
        padding-top: 55%;
    }
    .main-container {
        flex-direction: row; 
    }
}

@media (min-width: 768px) {
    .banner {
        background-position: center  -100px;
        height: 650px;
    }

    .banner .container {
        padding-top: 48%;
    }
    .main-container {
        flex-direction: row; 
    }
}

@media (min-width: 992px) {
    .banner {
        --gap-small: 50px;
        --gap-big: 20px;
        height: 600px;
        background-position: center right -100px;
    }
}

@media (min-width: 1200px) {
    .banner {
        height: 630px;
        background-position: center right -400px;
    }
}

.banner .score-note {
    margin-bottom: var(--gap-small);
}

.banner h1, .banner h1+p {
    margin-bottom: var(--gap-big);
}

.banner .clients {
    margin-top: var(--gap-small);
}