<div class="breadcrumbs style-two">
    <div class="container">
        <div class="row align-items-center ">
            <div class="col-12 position-relative ">
                <div class="jobsearchBox  bg-gray-10 input-transparent with-advanced-filter height-auto-xl">
                    <div class="top-content d-flex flex-column flex-xl-row">
                        <div class="left-content">
                            <div class="search-col-4 fromGroup has-icon">
                                <input type="text" placeholder="Job tittle, Keyword...">
                                <div class="icon-badge">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
                                            stroke="#0066FF" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path d="M20.9999 21L16.6499 16.65" stroke="#0066FF" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                </div>
                            </div>
                            <div class=" search-col fromGroup has-icon">
                                <input type="text" placeholder="Location">
                                <div class="icon-badge">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z"
                                            stroke="#0066FF" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path
                                            d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z"
                                            stroke="#0066FF" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                    </svg>
                                </div>
                            </div>
                            
                            <div class="search-col fromGroup has-icon banner-select no-border">
                                <select class="rt-selectactive " name="from" style="width: 100%">
                                    <option>Category</option>
                                    <option value="2">Front End Developer</option>
                                    <option value="3">Back End Developer</option>
                                    <option value="4">Full Stack Developer</option>
                                    <option value="5">Wordpress Developer</option>
                                    <option value="6">UI / UX Designer</option>
                                    <option value="7">Facebook Marketing</option>
                                    <option value="8">Digital Marketing</option>
                                </select>
                                <div class="icon-badge">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M2 17L12 22L22 17" stroke="#0066FF" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                        <path d="M2 12L12 17L22 12" stroke="#0066FF" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                        <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#0066FF" stroke-width="1.5"
                                            stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                </div>
                            </div>
                            <div class="search-col fromGroup has-icon banner-select no-border">
                                <button class="btn btn-link dropdown-toggle no-padding  d-block open-adf">
                                    Advance Filter
                                </button>
                               
                            </div>
                        </div>
                        <div class="flex-grow-0">
                            <button class="btn btn-primary d-block d-md-inline-block ">Find Job</button>
                        </div>
                    </div>
                    <div class="advance-hidden-filter-menu">
                        <ul>
                        
                            <li class="d-block ">
                                <div class="jobwidget_tiitle2">Experiences</div>
                
                                <ul class="sub-catagory2">
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_1">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_1">
                                                Freshers
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_2">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_2">
                                                1 - 2 Years
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_3">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_3">
                                                4 - 6 Years
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_4">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_4">
                                                6 - 8 Years
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_5">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_5">
                                                8 - 10 Years
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_6">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_6">
                                                10 - 15 Years
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr_7">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr_7">
                                                15+ Years
                                            </label>
                                        </div>
                                       
                                    </li>
                                </ul>
                            </li>
                            <li class="d-block ">
                                <div class="jobwidget_tiitle2">Salery</div>
                            
                                <ul class="sub-catagory2">
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_1">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_1">
                                                $50 - $1000
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_2">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_2">
                                                $1000 - $2000
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_3">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_3">
                                                $3000 - $4000
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_4">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_4">
                                                $6000 - $8000
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_5">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_5">
                                                $8000 - $10000
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_6">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_6">
                                                $10000 - $15000
                                            </label>
                                        </div>
                                       
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="salry_7">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="salry_7">
                                                $15000+
                                            </label>
                                        </div>
                                       
                                    </li>
                                </ul>
                            </li>
                            <li class="d-block ">
                                <div class="jobwidget_tiitle2">Job Type</div>
                                <ul class="sub-catagory2">
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck01">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck01">
                                                All
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck02">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck02">
                                                Full Time
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck03">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck03">
                                                Part Time
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck04">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck04">
                                                Internship
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck05">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck05">
                                                Remote
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck06">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck06">
                                                Temporary
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="ck07">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="ck07">
                                                Contract Base
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="d-block ">
                                <div class="jobwidget_tiitle2">Education</div>
                                <ul class="sub-catagory2">
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="edu01">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="edu01">
                                                All
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="edu02">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="edu02">
                                                High School
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="edu03">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="edu03">
                                                Intermediate
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="edu04">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="edu04">
                                                Master Degree
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="edu05">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="edu05">
                                                Bachelor Degree
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-chekbox-custom">
                                            <input class="form-check-input" type="checkbox" value="" id="edu06">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="edu06">
                                                Graduation
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li class="d-block ">
                                <div class="jobwidget_tiitle2">Job Level</div>
                                <ul class="sub-catagory2">
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr1">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr1">
                                                Entry Level
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr2">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr2">
                                                Mid Level
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="cr3">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="cr3">
                                                Expert Level
                                            </label>
                                        </div>
                                       
                                    </li>
                                </ul>
                                <div class="rt-spacer-20"></div>
                                <hr>
                                <div class="rt-spacer-20"></div>
                                <div class="jobwidget_tiitle2">Gender</div>
                                <ul class="sub-catagory2">
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="gr1">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="gr1">
                                               Male
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="gr2">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="gr2">
                                               Female
                                            </label>
                                        </div>
                                    </li>
                                    <li class="d-block">
                                        <div class="form-check from-radio-custom">
                                            <input class="form-check-input" type="radio" name="ckbox"  id="gr3">
                                            <label class="form-check-label pointer text-gray-700 f-size-14" for="gr3">
                                               Others
                                            </label>
                                        </div>
                                       
                                    </li>
                                </ul>
                            </li>
                           
                           
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="job-filter-overlay"></div>