.job-search-form-freeword {display:flex; gap:25px;}
.job-search-form-freeword input {height:55px; border:none; border-radius:8px; box-shadow:0 0 10px 0 rgba(96, 110, 133, .2);}
.job-search-form-freeword .job-search-form-button {width:240px; height:55px; background:#ee5975; border:none; border-radius:8px; color:#fff; box-shadow:0 0 10px 0 rgba(96, 110, 133, .2); transition:all .3s ease;}
.job-search-form-freeword .job-search-form-button:hover {opacity:.75;}
.job-search-form-suggest {display:flex; gap:25px; padding:25px 0;}
.job-search-form-suggest-title {font-weight:700;}
.job-search-form-suggest-list {display:flex; gap:25px; list-style:none; margin-bottom:0; padding-left:0;}
.job-search-form-suggest-list a {color:#0086db; text-decoration:underline;}
.job-search-form-suggest-list a:hover {text-decoration:none;}
.job-search-form-detail {border:none; box-shadow:0 0 10px 0 rgba(96, 110, 133, .2);}
.job-search-form-detail-title {position:relative; display:flex; justify-content:center; align-items:center; height:60px; background-color:#517da0; text-align:center; font-weight:700; color:#fff;}
.job-search-form-detail-title span {position:absolute; right:25px; cursor:pointer;}
.job-search-form-detail-title span i {margin-right:5px; font-style:normal;}
.job-search-form-detail-content {padding:35px; background-color:#fff;}
.job-search-form-detail-table {table-layout:fixed; margin-bottom:35px;}
.job-search-form-detail-table th,
.job-search-form-detail-table td {padding:15px 20px; border-bottom:1px solid #cdcdcd;}
.job-search-form-detail-table th {width:20%; background-color:#ecf2f7; color:#517da0;}
.frontpart-job-search-form {padding:30px; background-color:#ecf2f7;}
.frontpart-job-search-form .frontpart-heading {margin-top:0;}
.job-search-form .checkbox {display:inline-block; margin:0;}
.job-search-form .checkbox:not(:last-child) {margin-right:10px;}
.job-search-form .checkbox label {padding:0;}
.job-search-form .checkbox input[type=checkbox] {position:static; margin-left:0;}
.job-search-form .checkbox input[type=checkbox] {display:none;}
.job-search-form .checkbox input[type=checkbox] + .checkbox-icon {position:relative; vertical-align:middle; top:1px;}
.job-search-form .checkbox input[type=checkbox] + .checkbox-icon:before {display:inline-block; width:16px; height:16px; content:''; margin-right:5px; background-color:#ddd;}
.job-search-form .checkbox input[type=checkbox]:checked + .checkbox-icon:before {background-color:#0086db;}
.job-search-form .checkbox input[type=checkbox]:checked + .checkbox-icon:after {position:absolute; top:-6px; left:2px; color:#fff; font-family:'FontAwesome'; content:'\f00c'; font-size:12px;}
.job-search-form .radio {display:inline-block; margin:0;}
.job-search-form .radio:not(:last-child) {margin-right:10px;}
.job-search-form .radio label {padding:0;}
.job-search-form .radio input[type=radio] {position:static; margin-left:0;}
.job-search-form .radio input[type=radio] {display:none;}
.job-search-form .radio input[type=radio] + .radio-icon {position:relative; vertical-align:middle; top:1px;}
.job-search-form .radio input[type=radio] + .radio-icon:before {display:inline-block; width:16px; height:16px; content:''; margin-right:5px; background-color:#ddd; border-radius:8px;}
.job-search-form .radio input[type=radio]:checked + .radio-icon:before {background-color:#0086db;}
.job-search-form .radio input[type=radio]:checked + .radio-icon:after {position:absolute; top:-6px; left:2px; color:#fff; font-family:'FontAwesome'; content:'\f00c'; font-size:12px;}
.salary-option-title {margin-bottom:5px;}
.salary-option-content {display:flex;}
.salary-option-content span {height:34px; line-height:34px; padding:0 10px; background-color:#ecf2f7; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.job-search-form-detail-button {text-align:center;}
.job-search-form-detail-button .job-search-form-button {width:320px; height:55px; background:#0086db; border:none; border-radius:8px; color:#fff; box-shadow:0 0 10px 0 rgba(96, 110, 133, .2); transition:all .3s ease;}
.job-search-form-detail-button .job-search-form-button:hover {opacity:.75;}

@media screen and (max-width: 767px) {
    .frontpart-job-search-form {margin-top:15px; padding:15px;}
    .job-search-form-freeword {gap:15px;}
    .job-search-form-freeword input {height:40px;}
    .job-search-form-freeword .job-search-form-button {width:150px; height:40px;}
    .job-search-form-suggest {flex-direction:column; gap:0; padding:15px 0;}
    .job-search-form-suggest-title {font-size:14px;}
    .job-search-form-suggest-list {gap:0 15px; flex-wrap:wrap;}
    .job-search-form-suggest-list a {font-size:14px;}
    .job-search-form-detail-title {height:40px;}
    .job-search-form-detail-title span {right:15px; font-size:12px;}
    .job-search-form-detail-content {padding:15px;}
    .job-search-form-detail-table {padding-top:15px;}
    .job-search-form-detail-table th,
    .job-search-form-detail-table td {padding:5px 10px; display:block; width:100%;}
    .job-search-form-detail-table th {width:100%;}
    .job-search-form-detail-button .job-search-form-button {width:100%; height:40px;}
}