Vacancy_details	 <style>
        section#four {
            padding-top: 40px;
        }
		.vacancy label {
    font-family: 'Montserrat';
}
#link{
    margin-left: 10px;
}

        .data_3 h2 {
            color: #1a3c69;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .data_3 h5 {
            color: #1a3c69;
            font-weight: 700;
        }

        .data_3 p {
            color: #000;
            line-height: 26px;
            font-size: 15px;
        }

        .clients {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 33px;
        }

        .client_1 img {
            width: 160px;
        }


        section#five {
            background: #1A3C69;
            margin-top: 62px;
            padding: 40px 0px;
        }

        .form_1 input {
            padding: 6px;
            width: 265px;
            border-radius: 8px;
            border: 1px solid #a1a1a1;
            margin-bottom: 30px;
            height: 45px;
        }

        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

        .client_1 h3 {
            text-align: center;
            color: #fff;
            font-weight: 700;
        }

        .client_1 p {
            text-align: center;
            font-size: 16px;
            color: #fff;
        }

        .vacancy_form {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            position: relative;
        }

        #seven h3 {
            text-align: center;
            margin-bottom: 20px;
            color: #1a3c69;
            font-weight: 700;
            font-size: 28px;
        }


        section#seven {
            padding-top: 40px;
        }

        input#myFile {
            position: absolute;
            left: 30px;
            margin-top: 30px;
        }

        label#cv {
              position: absolute;
    left: -2px;
    margin-top: -36px;
    font-weight: bolder;
        }

        .vacancy_form textarea {
            margin-top: 55px;
            width: 90%;
            padding: 0;
            position: relative;
           
        }

        .vacancy_form_1 {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 23px;
            margin-top: 22px;
        }

        .submit_form a {
            background: #1a3c69;
            color: #fff;
            padding: 6px 12px;
            border-radius: 5px;
        }

        lable.fnames {
            position: absolute;
            margin-top: -20px;
        }

        form.vacancy {
            width: 50%;
            margin: 0 auto;
            box-shadow: 0px 4px 26px 8px rgb(0 0 0 / 3%);
            border-radius: 10px;
            background: #FDFDFD;
            padding: 48px;
        }

        input#vehicle1 {
            position: absolute;
            margin-left: -14px;
            margin-top: 2px;
        }

        .btn_radio {
            width: 100%;
        }

        .btn_radio label {
            font-weight: 400;
            font-size: 12px;
			margin-left: -1px;
			padding: 0px;
        }

        div#cly {
            margin-top: 20px;
        }


        section.het_hollistate h2 {
            color: #1a3c69;
            text-align: center;
            font-weight: 700;
            padding-top: 40px;
            margin-bottom: 30px;
        }

        section.het_hollistate P {
            font-size: 16px;
            margin: 0;
        }

        section.het_hollistate h3 {
            color: #1a3c69;
            font-weight: 700;
            margin-top: 0;
            font-size: 20px;
        }

        .lite a {
            position: relative;
        }

        .lite a i {
            position: absolute;
            top: 28px;
            left: -34px;
            color: #fff;
            font-size: 22px;
            font-weight: 600;
        }

        .forms {
            width: 100%;
            position: relative;

        }

        p#motivate {
            position: absolute;
            top: 25px;
            left: 0px;
			font-family: 'Montserrat';
        }

        .submit_form button {
            background: #1a3c69;
            color: #ffff;
            border: 1px solid transparent;
            padding: 6px;
			border-radius: 10px;
			margin-right: 36px;
        }

        input#myfile {
               position: relative;
    left: -24%;
    margin-top: 20px;
        }
		
@media only screen and (max-width: 768px) and (min-width: 1024px)  {
   .offers:nth-child(3) {
    display: none;
}
.offers {
    width: 50%;
}
}


        @media only screen and (min-width: 768px) and (max-width: 1024px) {

            form.vacancy {
                width: 50%;
            }
		

            .main_background_lite {
                padding: 6px 16px 19px 25px;
            }

            .vacancy_form {
                display: block;
            }

            .form_1 input {
                width: 100%;
            }

            label#cv {
                position: relative;
                left: 0;
            }

            input#myfile {
                left: 0;
            }

            .vacancy_form textarea {
                left: 0;
            }

            p#motivate {
                left: 0;
            }

            .vacancy_form_1 {
                display: block;
            }

            .btn_radio {
                margin-left: 15px;
            }

            .submit_form {
                margin-left: 14px;
                margin-top: 12px;
            }

        }



        @media screen and (max-width: 767px) {

            .vacancy_form {
                display: block;
            }
				#link {
    margin-left: 0px;
}


            form.vacancy {
                width: 100%;
                margin: 0;
                padding: 25px;
            }

            label#cv {
                position: relative;
                left: 0;
            }

            input#myfile {
                position: relative;
                left: 0;
            }

            .vacancy_form textarea {
                left: 0;
            }

            .submit_form {
                margin-left: 17px;
                margin-top: 8px;
            }

            .vacancy_form_1 {
                display: block;
            }

            .form_1 input {
                width: 100%;
            }
        }
    </style>
    <form class="vacancy" action="https://werkenbijhellebrekers.nl/applly/" method="post" enctype="multipart/form-data">
        <div class="vacancy_form">
            <div class="form_1">
                <label class="fnames">Volledige naam</label>
                <input type="text" id="fname" name="fname" required>
            </div>
            <div class="form_1">
                <label class="fnames">Telefoonnummer</label>
                <input type="text" id="numbers" name="tel" required>
            </div>
        </div>
        <div class="vacancy_form">
            <div class="form_1">
                <label class="fnames">E-mailadres</label>
                <input type="email" id="email" name="email" required>
            </div>
            <div class="form_1" id="link">
                <label class="fnames">Linkedin profiel</label>
                <input type="text" id="linkedin" name="linkedin">
                <input type="hidden" id="hide" name="slug" value="java-software-engineer-5">
            </div>
        </div>
        <div class="vacancy_form">
            <label id="cv" for="myfile">Upload C.V</label><br>
            <input type="file" id="myfile" name="file" required>
        </div>
        <div class="vacancy_form">
            <div class="forms">
                <p id="motivate">Motivatie</p>
                <textarea name="comment" rows="4" cols="50" required></textarea>
            </div>
        </div>
        <div class="vacancy_form_1">
            <div class="btn_radio">
               
                <label for="vehicle1">Door op verzenden te klikken ga je akkoord met het<a href="https://werkenbijhellebrekers.nl/privacy-en-cookies/"> privacy statement.</a></label>
            </div>
            <div class="submit_form">
                <button type="submit" name="submit"> Verzenden </button>
            </div>
        </div>
    </form>