.jobs .text { margin: 2.2rem 0 }

.jobs {
    background: white;
}

.jobs .form {
    margin: 4.0rem 0 0;
}

.jobs .form .btn {
    padding: 1.6rem 0;
}

.jobs .form .btn svg {
    width: 1.6rem;
    margin: 0 0 0 2.0rem;
    transition: transform 0.3s ease-out;
}

.jobs .form .input { margin: 0 0 1.6rem }
.jobs .form .input.half { width: calc(50% - 0.5rem) }

.jobs .form .input label {
    margin: 0 0 0.8rem;
    display: block;
}

.jobs .form .input input,
.jobs .form .input select,
.jobs .form .input textarea {
    width: 100%;
    padding: 1.2rem 2.4rem;

    border-width: 1px;
    border-style: solid;
    border-color: #ABAAAA;
    border-radius: 1.2rem;
}

.jobs .form .input select {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzIxMjdfMTYwMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgeD0iMjQiIHk9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMjQgMjQpIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTI3XzE2MDIpIj4KPHBhdGggZD0iTTEyIDEzLjJMMTYuNiA4LjZMMTggMTBMMTIgMTZMNiAxMEw3LjQgOC42TDEyIDEzLjJaIiBmaWxsPSIjNzA3MDcwIi8+CjwvZz4KPC9zdmc+Cg==");
    background-size: 2.4rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 2.4rem) center;
}

.jobs .form .input textarea {
    height: 11.0rem;
}


@media (any-hover: hover) {
    .jobs .form .btn:hover svg {
        transform: rotate(45deg);
    }
}