.formulario {
    background: url(/img/servicos-bg.webp) no-repeat center;
    background-size: cover;
    padding: 80px 10px;
}

.formulario-grid {
    display: grid;
    justify-items: center;
    gap: 55px;
    position: relative;
    z-index: 2;

    h3 {
        text-align: center;
    }

    .formphp {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px 60px;
        max-width: 730px;

        div {
            max-width: 342px;
        }

        textarea,
        input {
            background-color: transparent;
            outline: none;
            border: none;
            width: 100%;
            border-bottom: 1px solid $light;
            padding: 10px;
            padding-bottom: 15px;
            padding-left: 10px;
            margin-bottom: 20px;

            &::placeholder {
                color: $light;
                font-size: rem(18);
                padding-left: 0;
            }
        }

        textarea {
            height: 100%;
        }

        .btn {
            grid-column: 2;
            background: transparent;
            box-shadow: 0 0 0 1px $main inset;
            color: $light;

            &:hover {
                box-shadow: 0 0 10px 30px $main inset;
            }
        }

        @media only screen and (max-width:760px) {
            grid-template-columns: 1fr;

            .btn {
                grid-column: 1;
                margin: 10px auto 0;
            }
        }
    }
}