.Contact-Form {
    position: relative;
    top: 70px;
    overflow: visible;
}

.contact-quote {
    margin-top: 25px;
    padding-left: 25%;
    margin-right: 25%;
    text-align: center;
    padding-bottom: 40px;
    color: #666666;
}

.custom-grid-container {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    align-items: center; 
    padding: 5% 5%;
    margin: 0 auto;
}

.contact-image {
    grid-column: 1 / 8; 
    grid-row: 1;
    width: 100%;
    height: auto;
    z-index: 1;
    display: block; 
}

.contact-form-wrapper {
    grid-column: 6 / 13; 
    grid-row: 1;
    z-index: 2;
    background: #f4f7f8;
    padding: 60px 80px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
}


.nf-form-cont {
    display: block !important;
}

.nf-form-content .nf-field-label label {
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1.2px;
    font-weight: 400;
    color: #333;
}

/* Datum label */
.nf-label-field-5,
.nf-label-span {
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1.2px;
    font-weight: 400;
    color: #333;
}

.nf-form-content input[type="text"],
.nf-form-content input[type="email"],
.nf-form-content select,
.nf-form-content textarea {
    border: none;
    border-bottom: 1px solid #333;
    background: transparent;
    box-shadow: none;
    padding: 10px 0;
    font-family: serif;
    border-radius: 0;
}

.nf-form-content select {
    appearance: none;
    -webkit-appearance: none;
    background-color: #f4f7f8;
    background-repeat: no-repeat;
    background-position: right center;
}
/*Gömma error meddelanden */
.nf-error-msg {
    display: none !important;
}

#nf-error-1,
#nf-error-6,
#nf-error-8,
#nf-error-2 {
    display: none;
}

.nf-form-error-1 {
    display: none !important;
}

.nf-form-fields-required {
    display: none;
}

.nf-form-content input:focus,
.nf-form-content textarea:focus {
    border-bottom: 1px solid #000;
}

.nf-form-content input[type="submit"] {
    text-transform: uppercase;
    background-color: #edbae3;
    border: none;
    color: white;
}

.nf-form-content input[type="submit"]:hover {
    cursor: pointer;
    background-color: #f1ccea;
}


@media (max-width: 768px) {
    .custom-grid-container {
        display: block !important;
    }
    .contact-image, .contact-form-wrapper {
        width: 100%;
        margin: 0;
    }
}