.greyBG{
    background-color: #F4F7F7;
    max-width: 1708px;
    margin: 0 auto;
    border-radius: 26px;
    padding: 50px 0;
}

.greyBG.socios{
    padding-bottom: 110px;
}

.logos-list{
    display: block;
    margin-top: 2rem;
}

.logos-list .row>*{
    padding-left: calc(var(--bs-gutter-x) * 0.3);
    padding-right: calc(var(--bs-gutter-x) * 0.3);
}

.logos-list-item{
    background: var(--color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #00000008;
    border-radius: 26px;
    min-height: 150px;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    margin-bottom: 36px;
}

.logos-list-item:hover {
    transition: all 0.5s ease-in-out;
    transform: translateY(-10px);
    box-shadow: 0px 20px 30px #00000021;
}

.form-control, .form-control:focus, .form-control:active, .form-control:hover{
    border: none;
    border-bottom: 1px solid #353535;
    background-color: transparent;
    border-radius: 0;
    min-height: 36px;
    font-weight: var(--font-weight-medium);
    color: var(--color-353535);
    box-shadow: none;
    font-size: 18px;
    font-family: var(--font-family-archia);
}

.form-control::placeholder{
    font-weight: var(--font-weight-medium);
    color: var(--color-353535);
    font-size: 18px;
    font-family: var(--font-family-archia);
}



.input-group{
    margin-bottom: 10px;
    align-items: flex-end !important;
}

.input-group-text{
    background-color: transparent!important;
    border: none;
    border-bottom: 1px solid #353535;
    border-radius: 0;
    height: 36px;
    width: 18px;
    padding: 0;
    font-weight: medium;
    color: var(--color-353535);
}

.form-select{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;   
    height: 36px;
    font-weight: medium;
    color: var(--color-353535);
}

.form-select option{
    font-weight: var(--font-weight-medium);
    color: var(--color-353535);
    font-size: 18px;
    font-family: var(--font-family-archia);
}

.logos{
    margin-top: 110px;
    margin-bottom: 610px;
}

@media screen and (min-width: 768px) {  
    .logos {
        margin-top: 110px;
        margin-bottom: 290px;
    }

    .logos-list-item{
        padding: 20px 20px;
    }
}

@media screen and (min-width: 1024px) {  
    .greyBG{
        margin-top: -70px;
        padding: 50px 0px 400px;
    }

    .greyBG.socios{
        margin-top: -70px;
        padding: 253px 0px 200px;
    }

    .logos{
        margin-top: 460px;
        margin-bottom: 195px;
    }

    .logos.beneficios{
        margin-top: 150px;
    }

    .logos-list{
        margin-top: 115px;
    }

    .logos-list-item{
        min-height: 206px;
        padding: 20px 40px;
    }
}