nav
{
    background-color: #ffffff21 !important;
}
.content-wrap
{
    min-height: 100vh;
}
.form-wrap
{
    padding: 100px 50px 20px;
}
.form-wrap .upperhead
{
    font-size: 70px;
}
.form-wrap form
{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 20px 0;
}
.form-wrap form input, textarea
{
    border: 0.5px solid #747474;
    outline: none;
    background-color: #00000000;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    color: var(--secondary);
    font-family: hel-reg;
    font-size: 15px;
    transition: .3s;
}
.form-wrap form textarea
{
    width: 100%;
    grid-column-start:1;
    grid-column-end: 4;
    height: 200px;
    resize: none;
}
.form-wrap form input:hover, textarea:hover
{
    border: 0.5px solid var(--secondary);
}
.items
{
    padding: 10px 50px;
}
.items h2
{
    font-family: hel-reg;
    font-size: 20px;
    text-transform:uppercase;
    color: var(--secondary);
}
.item-wrap
{
    width: 60%;
}
.item-head, .item-box
{
    color: var(--secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: hel-reg;
}
.item-box
{
    margin-bottom: 5px;
}
.item-box .primary-btn
{
    padding: 5px 10px;
    font-size: 12px;
}
.submit-area
{
    grid-column-start:1;
    grid-column-end: 4;
}
.item-box:hover span
{
    color: var(--secondary);
}
.item-head span
{
    width: 50%;
    font-size: 18px;
}
.item-box span
{
    width: 50%;
    font-size: 15px;
    color: #919191;
    transition: .3s;
}
.item-box span:last-child, .item-head span:last-child
{
    margin-left: 20px;
}
@media screen and (max-width: 1100px)
{
    .form-wrap
    {
        padding: 120px 50px 20px;
    }
    .item-wrap
    {
        width: 80%;
    }
}
@media screen and (max-width: 500px)
{
    .form-wrap
    {
        padding: 120px 30px 20px;
    }
    .form-wrap .upperhead
    {
        font-size: 50px;
    }
    .form-wrap form
    {
        grid-template-columns: 1fr;
    }
    .form-wrap form textarea, .submit-area
    {
        grid-column: auto;
    }
    .item-wrap
    {
        width: 100%;
    }
    .items
    {
        padding: 20px 20px 10px;
    }
}