@media screen and (max-width: 960px) {
    
    .fundo-section {
        min-height: 130vh;
    }
    
    section.fundo-section .flex {
        min-height: 130vh;
        flex-direction: column;
        padding: 0px 5%;
    }
    
    .fundo-section .container {
        margin-top: 25%;
        height: auto;
        width: 95%;
        padding: 40px 0;
    }

    .opcao-servico {
        width: 90%;
        min-height: 85px;
        gap: 5px;
    }

    .opcao-servico a.title {
        font-size: 12px;
    }
    .opcao-servico a.desc {
        font-size: 10px;
    }

    .form-container {
        background-color: transparent
            /*var(--main-bg-color)*/;
        height: 100%;
        padding: 5px 2%;
    
        /*animation: aparecer-form .5s ease-out alternate;*/
    }
    
    /* OPÇÃO DE BARBEIRO */
    .form .content{
        display: flex;
        flex-direction: column;
        margin-top: 4%;
        margin-bottom: 1%;
        gap: 5px;
    }

    .heading {
        color: #d0804e;
        font-size: 30px;
        font-weight: bolder;
        font-family: Espiritu Cond;
        text-align: center;
        margin-bottom: 5%;
        width: 100%;
    }

    .form .content .direita{
        gap: 20px;
    }

}