.personalizados {
    width: 100%;
    padding: 3em 0;
    box-sizing: border-box;
    text-align: center;
    background-image: radial-gradient(circle at 0% 0%,#123c4d,#1b1b1b 50%);

}


.personalizados-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.personalizados-title-wrapper {
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;


    }

.personalizados-form-wrapper {
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;



    }


    .personalizados-title {
        font-size: 2em;
        font-family: 'Oxygen' sans-serif;
        margin: .3em auto;
        color: #01aef0;
        max-width: 100%;
    
    }
    .personalizados-text {
        font-size: 1.5em;
        width: 80%;
        font-family: 'Fira-Sans', sans-serif;
        opacity: .6;
        margin: .5em auto;
        color: white;
    }

    .personalizados form {
        width: 100%;
    }

    .personalizados input {
        width: 100%;
        padding: .5em;
        margin: .5em auto;
        border: solid 1px #0000003a;
        color: grey;

    }

    .personalizados textarea {
        width: 100%;
        border: solid 1px #0000003a;
        color: grey;
        resize: none;
        height: 200px;
        padding: .5em;

        

    }

    #form-button {
        width: 40%;
        margin: .5em auto;
        display: block;
        color: white;
        background-color: #fc4998;
        box-shadow: 0.25em 0.25em 1.25em 0 rgb(120 135 182 / 30%);
        text-decoration: none;
        border: none;
        border-radius: 2em;
        padding: 1em 0;
    }

@media (min-width: 768px) {


    .personalizados {
        width: 100%;
        padding: 4em 0 7em 0;
        text-align: left;
        


    }

    .personalizados-area {
        display: flex;
        flex-direction: row;
    }

    .personalizados-title-wrapper {
    width: 100%;
    flex-wrap: wrap;
    }

    .personalizados-form-wrapper {
        flex-wrap: wrap;
        width: 60%;


    }

    .personalizados-title {
        font-size: 3em;
        font-family: 'Oxygen' sans-serif;
        margin-top: .3em;
        color: #01aef0;
        text-align: center;
        font-weight: 600;
    
    }
    .personalizados-text {
        font-size: 1.5em;
        width: 60%;
        font-family: 'Fira-Sans', sans-serif;
        opacity: .9;
        text-align: center;
        color: white;

    }

    .personalizados form {
        width: 100%;
    }

    .personalizados input {
        width: 100%;
        padding: .5em;
        margin: .5em auto;
        border: solid 1px #0000003a;
        color: grey;

    }

    .personalizados textarea {
        width: 100%;
        border: solid 1px #0000003a;
        color: grey;
        resize: none;
        height: 200px;
        padding: .5em;

        

    }

    #form-button {
        width: 40%;
        margin: 2em auto;
        display: block;
        color: white;
        background-color: #fc4998;
        box-shadow: 0.25em 0.25em 1.25em 0 rgb(120 135 182 / 30%);
        text-decoration: none;
        border: none;
        border-radius: 2em;
        padding: 1em 0;
    }


}

@media (min-width: 1080px) {
    .personalizados-title {

    font-size: 4em;
    }

}