/*global style starts here*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; }
html { -webkit-text-size-adjust: none }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer }
:focus { outline: 0 }
ol {margin: 20px 0 20px 16px;}
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: 400 }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
table { border: 0 none; border-collapse: collapse; border-spacing: 0 }
td { vertical-align: top }
img { border: 0 none; max-width: 100% }
.none { display: none }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both }
img { max-width: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both }
.cf { *zoom:1 }
::selection { background: #000; color: #fff }
::-moz-selection { background: #000; color: #fff }
#page {overflow: hidden;position: relative;}

p {font-size: 18px;margin-bottom: 20px;font-weight: 400;line-height: 1.35;}
p:last-child { margin-bottom: 0; }

h1 {font-size: 45px;margin-bottom: 20px;font-weight: 600;line-height: 1.56;}
h2 {font-size: 30px;margin-bottom: 26px;font-weight: 600;line-height: 1.34;}
h3 {font-size: 26px;margin-bottom: 20px;font-weight: 500;line-height: 1.48;}
h4 {font-size: 18px;margin-bottom: 20px;font-weight: 600;line-height: 1.4;}
h5 {font-size: 16px;margin-bottom: 20px;font-weight: 500; line-height: 1.35; }
h6 {font-size: 12px;margin-bottom: 20px;font-weight: 500;line-height: 1.2;  }


ul {margin: 20px 0 20px 20px;}


a, input, textarea,button { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none!important; }
a { text-decoration: none; color: inherit; }

body {font-size: 16px;font-weight: 400;margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;overflow-x: hidden;line-height: 1.56;}

textarea,input[type="text"], input[type="tel"], input[type="email"],input[type="password"],input[type="date"], input[type="search"], textarea, select {font-size: 12px;line-height: 16px;font-weight: 400;box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-moz-box-shadow: none;color: #434343;background: #fff;width: 100%;display: inline-block;vertical-align: middle;border: 1px solid rgb(112 112 112 / 30%);text-align: left;padding: 17px 18px 17px;border-radius: 4px}


input[type="text"]:focus,input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, textarea:focus {border-color: #8a2be2;color: #4B4B4B;}
textarea {height: 135px;resize: none;}

button, input[type="button"], input[type="submit"],input[type="reset"] {font-weight: 700;font-size: 14px;color: #ffffff;line-height: 16px;display: inline-block;vertical-align: middle;padding: 18px 20px 16px;border: 1px solid transparent;text-align: center;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;background: #8a2be2;text-transform: uppercase;border-radius: 4px;}


button[disabled], input[type="button"][disabled],
input[type="submit"][disabled], input[type="reset"][disabled],
button[disabled]:hover, input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover,
button[disabled]:focus, input[type="button"][disabled]:focus,
input[type="submit"][disabled]:focus, input[type="reset"][disabled]:focus { background-color: #9c9c9c; color: #fff; border-color: #9c9c9c; cursor: no-drop; }

input::-moz-placeholder {opacity: 1 !important;color: #9c9c9c;}
input:-moz-placeholder {opacity: 1 !important;color: #9c9c9c;}
input::-webkit-input-placeholder {color: #9c9c9c !important;opacity: 1 !important;}
input:-ms-input-placeholder {opacity: 1 !important;color: #9c9c9c;}
textarea::-moz-placeholder {opacity: 1 !important;color: #9c9c9c;}
textarea:-moz-placeholder {opacity: 1 !important;color: #9c9c9c;}
textarea::-webkit-input-placeholder {color: #9c9c9c !important;opacity: 1 !important;}
textarea:-ms-input-placeholder {opacity: 1 !important;color: #9c9c9c;}



.solid_btn { background: #8a2be2; color: #fff; }

.blue-btn { background: #000; }

.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }

select {-webkit-appearance: none;width: 100%;color: rgb(100 115 130 / 80%);border: 1px solid #dbdbdb;font-weight: 500;cursor: pointer;background-image: url('../images/down_arrow.svg');background-position: center right 29px;background-repeat: no-repeat;background-size: 19px;border-radius: 10px;font-size: 14px;line-height: 18px;padding: 16px 18px 16px;background-color: #F9F9F9;}
select::-ms-expand {display: none;}

#wrapper { position: relative; }

.open-popup,.open-popup .site { overflow: hidden; position: relative; }
.open-popup .mfp-wrap { top: 0 !important; }

/** custom selectbox style starts here **/
.sbSelector {background-image: url(../images/down-arrow.svg);background-position: center right;background-repeat: no-repeat;background-size: 9px;padding-right: 12px;}
.sbSelector a { display: inline-block; vertical-align: middle; color: #857874; }
.sbHolder { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; color: #857874; line-height: 1; position: relative; }
.sbOptions { margin: 0; position: absolute; top: 100%; background: #857874; color: #fff; padding: 7px 10px 7px; min-width: 100px; z-index: 1; }
.sbOptions li { list-style: none; margin-bottom: 7px; }
.sbOptions li:last-child { margin-bottom: 0; }
/** custom selectbox style ends here **/

.main {max-width: 1180px;padding: 0 20px;margin: 0 auto;}

.bg-white {background-color: #fff !important;}

button.mfp-close,.close__ic { position: absolute; top: 0;right: 0; color: #000; background: #fff; width: 70px; height: 70px; line-height: 71px; font-size: 0; font-weight: 400; border-radius: 0; right: 0px; opacity: 1; }
button.mfp-close:after,.close__ic:after {content: "X";position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;font-size: 30px;}
button.mfp-close:hover,button.mfp-close:focus,.close__ic:hover,.close__ic:focus {background: #000; color: #fff;}

.d-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.m-auto { margin-top: auto; margin-bottom: auto; }

.mfp-container { background: #fff; padding: 0; overflow: auto; }

ul { margin: 0; }
ul li { 
  /* list-style: none;  */
  position: relative; font-size: 18px; line-height: 1.35; margin-bottom: 8px; }



.text-danger { color: #e74a3b !important; font-size: 12px; width: 100%; }
.text-danger strong { font-weight: 600; }

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.35rem; }
.alert:empty { display: none; }
.alert-success { color: #0f6848; background-color: #d2f4e8; border-color: #bff0de; }
.alert-error { color: #78261f; background-color: #fadbd8; border-color: #f8ccc8; }
/** header style starts here **/
.site-header { padding: 20px 0 20px; }
.header-main { display: flex; flex-direction: row; flex-wrap: wrap; }
.logo_left { width: 200px; }
.logo_left a { display: inline-block; vertical-align: middle; }
.logo_left a img { display: block; }
.right_nav {width: calc(100% - 205px);display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.site_nav { padding-right: 30px; }
.menu-icon {display: none}
.site_nav ul {margin: 0;display: flex;flex-wrap: wrap;}
.site_nav ul li { list-style: none; font-size: 15px; font-weight: 600; color: #4B4B4B; padding-left: 22px; margin: 0; }
.site_nav ul > li.active > a {color: #8a2be2;}
.site_nav ul li:after {display: none;}
.site_nav ul li:first-child { padding-left: 0; }
.header_btn { display: flex; align-items: center; }
.header_btn .btn { border-radius: 5px; text-transform: none; margin-left: 20px; min-width: 97px; }
.header_btn .btn:first-child {margin-left: 0}
.header_btn .btn.solid_btn { min-width: 200px; }
.dashboard-link { font-size: 16px; font-weight: 600; color: #4B4B4B; }
/** header style ends here **/


/** footer style starts here **/
.site-footer {padding-bottom: 23px;}
.footer_top { padding: 70px 0 0; }
.top_wrap {display: flex;flex-wrap: wrap;justify-content: space-between;width: 71.5%;margin: 0 auto 34px;padding-right: 56px;}
.footer_logo { text-align: center; margin-bottom: 28px; }
.footer_logo a { display: inline-block; vertical-align: middle; }
.footer_logo a img { display: block; }

.social_ic { text-align: center; }
.social_ic ul { margin: 0; line-height: 1; }
.social_ic ul li { list-style: none; display: inline-block; vertical-align: middle; line-height: 1; color: #000; font-size: 21px; padding: 0 28px; margin-bottom: 0; }
.social_ic ul li a { display: inline-block; vertical-align: middle; line-height: 1; }
.footer_col {padding: 57px 0 0;}
.footer_col ul {margin: 0;display: inline-block;}
.footer_col > ul li { font-size: 14px; list-style: none; text-decoration: underline; margin-bottom: 17px; padding: 0; }
.footer_col > ul li:last-child { margin-bottom: 0; }
.site-footer li:after {display: none;}

.footer_middle {text-align: center;margin-left: auto;margin-right: auto;}
.footer_bottom { text-align: center; position: relative; padding-bottom: 3px; }
.footer_bottom:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 1px;background: #B7B6B6;margin: auto;}
.footer_bottom p { font-size: 14px; display: inline-block; vertical-align: middle; background: #fff; position: relative; z-index: 1; padding: 0 55px; }
/** footer style ends here **/

/** register popup style starts here **/
.mfp-bg { opacity: 0; }
.popup_wrap {position: relative;padding-bottom: 114px;background: #fff;z-index: 1;min-height: 100vh;}
#register_popup {width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;overflow: auto;display: none;}
.popupOpen #register_popup.popup_wrap {display: block;z-index: 1111;}
.popupOpen, .popupOpen .site { overflow: hidden; position: relative; }
.select2-container .select2-dropdown { z-index: 1111; }
.logo_header { padding: 40px 0 40px; }
.logo_col a { display: inline-block; vertical-align: middle; }
.logo_col a img { display: block; }
.register_img {background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;top: 0;left: 0;right: 0;z-index: -1;padding-bottom: 63.21%;width: calc(100%);}
.register_img:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #656565;opacity: 0.3;z-index: -1;}

.register_form {background: #fff;margin-top: 36px;border-top: 5px solid #000;padding: 55px 110px 57px;-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);}
.register_form form { margin-top: 20px; }
.register_form h2 { font-size: 45px; text-align: center; line-height: 1.25; margin-bottom: 24px; }
.register_form p { text-align: center; margin: 0; }

.field_wrap {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 -10px 21px;}
.form_field {width: 100%;padding: 0 10px;}
.form_field label,.form_field .text-danger {font-size: 12px;display: block;line-height: 1;margin-bottom: 7px;margin-top: 5px; color: #4B4B4B; opacity: 0.8; }
.form_field .text-danger + .select2 { margin-bottom: 7px; }
.form_field label:only-child { margin-bottom: -2px; }
.three_field .form_field { width: 33.33%; }
.two_field .form_field { width: 50%; }
.field_wrap.availability_field + [class="field_wrap"] {margin-top: 20px;}
/* .form_field .text-danger { padding-left: 0px; } */

.availability_field {position: relative;margin-bottom: 10px;}
.availability-row { width: 100%;margin-top: 10px;position: relative;}
.availability-row:first-child {margin-top: 0;}
.field_left { padding: 0 10px; width: 50%; }
.field_right { padding: 0 10px; width: calc(50% - 99px); display: flex; flex-wrap: wrap; justify-content: space-between; }
.field_right_select {width: calc(50% - 10px);}
.field_right select { background-position: center right 20px; }
.add_field { width: 99px; padding: 0 10px; }
.add_field input,.remove_field input { width: 79px; height: 52px; padding: 0; min-width: 1px; background: #F9F9F9; color: #4b4b4b; font-weight: 600; font-size: 26px; text-transform: none; line-height: 42px; }
.register_img {background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;top: 0;left: 0;right: 0;z-index: -1;padding-bottom: 63.21%;width: calc(100%);}
.remove_field { position: absolute; top: 0; right: -79px; bottom: 0; }

.form_field.radio_wrap { margin-top: 15px; }
.radio_wrap > label { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 38px; margin-bottom: 0; }
/** custom radio button style starts here **/
.custom_radio { display: inline-block; vertical-align: middle; line-height: 1; margin-right: 32px; }
.custom_radio label { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; margin: 0; line-height: 1; opacity: 0.7; font-weight: 400; padding: 0 0 0 30px; }
.custom_radio label:before,.custom_radio label:after {content: "";position: absolute;top: -4px;left: 0;bottom: 0;width: 16px;height: 16px;border: 1px solid #707070;border-radius: 100%;}
.custom_radio label:after { background: #707070; transform: scale(0); transition: all 0.5s ease-in-out; }
.custom_radio input[type="radio"] { position: absolute; left: -999999px; opacity: 0; }
.custom_radio:last-child { margin-right: 0; }
.custom_radio input[type="radio"]:checked + label:after { transform: scale(1);}
/** custom radio button style starts here **/

/** custom file upload style starts here **/
.custom_file_upload { position: relative; width: 100%; padding: 15px 10px 0; overflow: hidden; }
.file_upload_btn {z-index: 999; opacity: 0; width: 320px; height: 200px; position: absolute; right: 0px; left: 0px; margin-right: auto; margin-left: auto;}
.file_upload_wrap { width: 100%; border: 1px dashed rgb(112 112 112 / 30%); border-radius: 10px; padding: 17px 20px 37px; }
.file_upload_wrap p small { font-size: 12px; text-align: left; display: block; color: #4B4B4B; opacity: 0.5; }
.file_upload_text { text-align: center; padding: 6px 0 0; }
.upload_btn { display: block; border-radius: 100%; width: 65px; height: 65px; background: #8a2be2; margin: 0 auto 6px; line-height: 79px; }
.file_upload_text p { font-size: 14px; font-weight: 500; }
/** custom file upload style ends here **/

.field_submit { text-align: center; padding: 23px 0 0; }
.field_submit input { font-size: 14px; font-weight: 600; text-transform: uppercase; background: transparent; color: #8a2be2; border: 2px solid #8a2be2; border-radius: 10px; min-width: 210px; }
.field_submit input:hover,.field_submit input:focus {background: #8a2be2;color: #fff;}

.bottom_link {padding: 26px 0 0;}
.bottom_link ul { margin: 0; text-align: right; }
.bottom_link ul li { list-style: none; display: inline-block; vertical-align: middle; font-size: 14px; color: #8a2be2; font-weight: 600; padding-left: 26px; margin: 0; }
.bottom_link ul li:after {display: none;}
.bottom_link ul li a { display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: underline; }
/** register popup style ends here **/

/** login popup style starts here **/
.popup_wrap.login_popup { padding-bottom: 0; }
.login_popup .logo_header { position: absolute; top: 0; left: 0; right: 0; z-index: 11; }
.full__page { height: 100vh; }
.page__img {width: 50%;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 77px;}
.page__img h2 {color: #fff;text-align: center;margin-bottom: 41px;}
.page__img:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.3;z-index: -1;}
.page__content { width: 50%; padding: 50px 90px 50px 110px; background: #fff; }
.login_popup h2 { font-size: 45px; }
.page__content p { font-size: 18px; opacity: 0.9; margin-bottom: 0; }
.page__content_col form {margin-top: 38px; padding-right: 20px; }
.form__field { margin-bottom: 30px; }
.btn__wrap button { min-width: 235px; margin: -2px 11px; }
.page__img .btn__wrap button:hover,.page__img .btn__wrap button:focus { border-color: #fff; color: #fff; }


/** custom checkbox style starts here **/
.remember_me {margin: 23px 0 10px;}
.remember_me label {font-size: 12px;color: #4B4B4B;opacity: 0.7;position: relative;padding-left: 24px;cursor: pointer;line-height: 18px; display: inline-block; vertical-align: middle;}
.remember_me input[type="checkbox"] { opacity: 0; position: absolute; }
.remember_me label:before,.remember_me label:after {content: "";border: 1px solid #707070;width: 15px;height: 15px;position: absolute;top: 0;left: 0;bottom: 0;}
.remember_me label:after {background: #707070; transform: scale(0); content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 900; text-align: center; color: #fff; line-height: 16px;}
.remember_me input[type="checkbox"]:checked + label::after { transform: scale(1); }
/** custom checkbox style ends here **/
.form__btn .btn { width: 100%; }
/** login popup style ends here **/

/** employee register popup start here **/
.page__content:first-child { padding-top: 140px; }
.btn__wrap { text-align: center; }
#employe_register .page__img { padding-bottom: 8px; }
#employe_register .btn__wrap button { border-color: #fff; color: #fff; background: transparent; min-width: 210px; }
/** employee register popup ends here **/

/** board_owner home page style starts here **/
.main_slider_wrap { padding: 28px 0 0; position: relative; overflow: hidden; }
.main_slider { margin: 0 -108px; }
.slider_item { padding: 0 108px; }
.slider_item_wrap {display: flex;flex-direction: row;flex-wrap: wrap;position: relative;}
.slider_img {background-size: cover;background-position: center center;background-repeat: no-repeat;padding-bottom: 66.8%;border-top-left-radius: 28px;width: calc(70%);border-top-right-radius: 28px;}
.slider_content {width: 703px;border-radius: 100%;background: rgb(30 38 81 / 91%);margin-top: auto;position: absolute;bottom: 0;right: -108px;color: #fff;min-height: 703px;margin-bottom: -161px;padding: 50px 16px 50px 50px;}
.slider_content_inner { max-width: 452px; margin: 0 auto; padding: 41px 0 0; }
.slider_content p span,.slider_content_inner h2 {display: block;font-size: 45px;font-weight: 600;line-height: 1.23;color: #fff;}
.slider_content_inner p { margin-bottom: 17px; }
.slider_content_inner p strong {font-weight: 600;}
.slider_content_inner .btn.solid_btn { margin-top: 23px; }
.main_slider ul.slick-dots {position: absolute;bottom: 60px;left: 78px;}
.main_slider ul.slick-dots li {margin-bottom: 14px;line-height: 1;padding: 0;}
.main_slider ul.slick-dots li:after {display: none}
.main_slider ul.slick-dots li:last-child { margin-bottom: 0; }
.slider_content_inner li:after {background: #fff;}

.slick-dots {margin: 0;}
.slick-dots li {list-style: none;}
.slick-dots li button { min-width: 1px; padding: 0; margin: 0; font-size: 0; width: 10px; height: 10px; border-radius: 100%; background: #C1C1C1; }
.slick-dots .slick-active button { background: #8a2be2; }



.green_wrap_content {background: #8a2be2;color: #fff;padding: 121px 0 120px;}
.green_wrap_content h2 {color: #fff;}
.green_wrap_content ol { margin: 0; counter-reset: listing; }
.green_wrap_content ol li { list-style: none; counter-increment: listing; position: relative; padding-left: 60px; margin-bottom: 25px; }
.green_wrap_content ol li:before { content: "0"counter(listing) ". "; position: absolute; top: -10px; left: 0px; bottom: 0; font-size: 30px; font-weight: 600; }
.green_wrap_content ol li:last-child { margin-bottom: 0; }
.green_box_wrap { display: flex; flex-wrap: wrap; }
.wrap_left { width: 37%; padding-right: 60px; }
.wrap_right {width: 63%;padding: 5px 0 0;}
.wrap_right h4 { color: #fff; margin-bottom: 6px; }
.wrap_right p { font-size: 16px; }


.img_content_sec { position: relative; padding: 125px 0 126px; }
.img_content_wrap { display: flex; flex-wrap: wrap; }
.img_content_wrap p { margin-bottom: 40px; }
.img_content_wrap p span { display: block; }
.img_col { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 50%; position: absolute; top: 120px; left: 0; bottom: 119px; }
.content_col { width: 39.5%; margin-left: auto; }

.our_features_sec {background: #F9F9F9;margin-top: 120px;position: relative;padding: 60px 0 30px;}
.feature_title { width: 43%; margin-bottom: 30px; }

.feature_content {display: flex;flex-wrap: wrap;margin: 0 -15px;}
.feature_column {width: 20%;padding: 0 15px;margin-bottom: 31px;}
.feature_column:nth-child(2) {margin-right: 60%;}
.feature_column h5 { margin-bottom: 9px; padding-right: 45px; }
.feature_column p {font-size: 16px;margin-bottom: 9px;}
.col__img {display: block;margin-bottom: 8px;}
.col__img img { display: block; }
.circle_ic {display: inline-block;vertical-align: middle;width: 26px;height: 26px;border: 1px solid #8a2be2;border-radius: 100%;color: #8a2be2;position: relative;}
.circle_ic:after {content: "\f061";font-family: "Font Awesome 5 Pro";font-weight: 900;position: absolute;top: 1px;left: 0;right: 0;bottom: 0;text-align: center;font-size: 11px;line-height: 1;display: flex;align-items: center;justify-content: center;}
.circle_ic:hover,.circle_ic:focus { background: #8a2be2; color: #fff; }

.feature_img { position: absolute; top: -119px; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 50%; padding-bottom: 24%; }

.faq_sec { padding: 120px 0; }
.faq_wrap {display: flex;flex-wrap: wrap;margin: 0 auto;max-width: 924px;}
.faq_title {width: 40%;}
.faq_title .btn.solid_btn { margin-top: 20px; min-width: 210px; }

.faq_accordian {width: 49%;margin-left: auto;padding-top: 12px;}
.acc__card { border-top: 1px solid #E1E1E1; }
.acc__card:last-child { border-bottom: 1px solid #E1E1E1; }
.acc__title {position: relative;padding: 24px 75px 24px 25px;cursor: pointer;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;color: #4B4B4B;}
.acc__title:hover,.acc__title:focus { background: #8a2be2; color: #fff; }
.acc__title:after {content: "+";position: absolute;top: 0;right: 13px;bottom: 0;font-size: 25px;font-weight: 500;line-height: 0.5;height: 13px;margin: auto;}
.acc__title.active:after {content: "-";}
.acc__title h5 { margin: 0; color: inherit;}
.acc__panel {display: none;border-top: 1px solid #E1E1E1;padding: 17px 46px 20px 26px;}
.acc__panel p { font-size: 14px; opacity: 0.9; line-height: 1.45; }

.get_in_touch_sec {background: #000;margin-top: 76px;color: #fff;position: relative;}
.get_in_touch_sec h2 { color: #fff; }
.get_in_touch_wrap { display: flex; flex-wrap: wrap; }
.sec_img { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 50%; position: absolute; top: -76px; left: 0; bottom: 94px; }
.sec_content { width: 40.7%; margin-left: auto; padding: 100px 0 128px; }
.sec_content .btn.solid_btn { margin-top: 40px; min-width: 210px; }
/** board_owner home page style ends here **/

/** provider home page style starts here **/
.care_slide_item {background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;z-index: 1;height: 790px;overflow: hidden;}
.care_slide_item:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;z-index: -1;opacity: 0.5;}
.care_slide_wrap { display: flex; flex-wrap: wrap; flex-direction: row; padding: 111px 0 0; }
.care_slide_content {width: 48%;position: relative;z-index: 1;}
.care_slide_content h2 { color: #fff; font-size: 45px; line-height: 1.13; margin-bottom: 41px; }
.care_slide_content h2 span { font-size: 55px; display: block; color: #8a2be2; line-height: inherit; }
.care_slide_content .btn.solid_btn { min-width: 210px; }
.care_slide_img { position: absolute; bottom: 0; right: -21px; width: 59.7%; max-width: 1199px; }
.care_slide_img:after {content: "";position: absolute;top: -4px;left: 52px;width: 587px;height: 587px;border: 2px solid #fff;border-radius: 100%;}
.care_slide_img img {display: block;margin-left: auto;position: relative;z-index: 1;}

.provider_main_slider .slick-dots { position: absolute; bottom: 37px; left: 0; max-width: 1180px; margin: 0 auto; right: 0; padding: 0 20px; line-height: 1; }
.provider_main_slider li {line-height: 1;display: inline-block;vertical-align: middle;margin-right: 10px;padding: 0;margin-bottom: 0;}
.provider_main_slider li:after {display: none;}
.provider_main_slider .slick-dots button { width: 7px; height: 7px; }

.content_col.content_left { margin-left: 0; }
.content_col.content_left + .img_col { left: auto; right: 0; }
.content_col.content_left {padding: 40px 20px 37px 0;}
.content_col.content_left h2 { padding-right: 60px; }
.content_col.content_left .btn.solid_btn { min-width: 210px; }

.center_content_info { padding: 0 0 120px; }
.center_title { text-align: center; margin: 0 auto; max-width: 830px; }
.center_title p span {display: block;}
.gray_content_info { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -60px; }
.gray_col { background: #F9F9F9; width: 32%; margin-right: 2%; margin-top: 40px; border-bottom: 5px solid #000; padding: 31px 31px 31px 40px; }
.gray_col:nth-child(3n) { margin-right: 0; }
.gray_col h2 { font-size: 60px; font-weight: 500; margin-bottom: 13px; line-height: 1.4; }
.gray_col h3 { margin-bottom: 14px; opacity: 1; }
.gray_col p { font-size: 16px; line-height: 1.4; padding-right: 2px; }

.full_width_sec { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; }
.full_width_sec:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0,0,0);background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);z-index: -1;opacity: 0.35;}
.inner_content {margin-left: auto;width: 44%;padding: 87px 0 88px 0; position: relative; right: -67px;}
.inner_content h2 { color: #fff; }
.inner_content p { color: #fff; font-size: 26px; font-weight: 500;}
.inner_content .btn.solid_btn { margin-top: 20px; }
.provider_main_slider .slick-dots li:only-child { display: none; }
/** provider home page style starts here **/

/** About Us page style starts here **/
.inner_banner { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; color: #fff; height: 790px; display: flex; flex-wrap: wrap; align-items: flex-end; }
.inner_banner:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.5;z-index: -1;}
.inner_banner h1 { color: #fff; }
.banner_caption { text-align: center; padding-bottom: 140px; max-width: 650px; margin: 0 auto; }
.banner_caption .btn.solid_btn { margin-top: 20px; }
.banner_caption p {padding: 0 10px;}

.inner_content_wrap { background: #F9F9F9; position: relative; margin: 159px 0 155px; padding: 66px 0 69px; }
.inner_content_row { display: flex; flex-wrap: wrap; }
.content__img { position: absolute; top: -39px; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; bottom: -37px; width: 39.8%; }
.content_info { width: 52.5%; margin-left: auto; }

.ic_img { display: block; margin: 14px 0 16px; }
.ic_img img { display: block; min-width: 70px; max-width: 70px; }

.full_img_sec {background-size: cover;background-repeat: no-repeat;background-position: center center;padding-top: 60px;position: relative;padding-bottom: 60px;margin-bottom: 197px;}
.full_img_bg { position: absolute; top: 60px; left: 0; right: 0; bottom: 60px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.img_content_col {background: #000;color: #fff;width: 41.3%;margin-left: auto;position: relative;padding: 50px 50px 50px;margin-bottom: -61px;margin-top: -61px;}
.img_content_col h2 { color: #fff; }
.img_content_col ul { padding-right: 10px; }
.img_content_col ul li { font-size: 16px; }
.img_content_col ul li:after { background: #fff; }
.img_content_col .btn.solid_btn { margin-top: 30px; }
/** About Us page style ends here **/

/** Faq page style starts here **/
.faq_page {padding: 119px 0 122px;}
.faq_main {padding: 0 125px;margin-bottom: 160px;}
.faq_main:last-child { margin-bottom: 0; }
.faq_main > h2 { margin-bottom: 39px; }
.faq_page .acc__title:after { right: 24px; }
.faq_page .acc__panel { padding-right: 140px; }
/** Faq page style ends here **/

/** Contact Page style starts here **/
.inner_banner.bg_banner { height: 590px; }

.contact_page { padding-bottom: 50px; }
.contact_main {max-width: calc(100% - 131px);margin: -384px auto 0;position: relative;z-index: 11;padding: 37px 40px 43px;-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);}
.contact_head { text-align: center; max-width: 800px; margin: 0 auto 29px; }
.contact__form { margin: 0 auto; max-width: 543px; }
.contact__form .form_field { margin-bottom: 10px; padding: 0; }
.contact__form .form_field textarea { height: 121px; }
.contact__form .form__btn { margin-top: 55px; }
.contact__form .form__btn .g-recaptcha { margin-bottom: 20px; }

.bottom__sec { margin: 70px 0 0; position: relative; }
.bottom__wrap { flex-wrap: wrap; display: flex; padding: 87px 0 90px; }
.bot_con_left { width: 31%; }
.bot_con_left h2 { margin-bottom: 38px; }
.bot_con_right { width: 55.9%; display: flex; position: absolute; top: 0; bottom: 0; right: 0; flex-wrap: wrap; justify-content: space-between; }
.bottom_img { width: calc(50% - 10px); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.bottom_img:nth-child(odd) {width: calc(47% - 10px);}
.bottom_img:nth-child(even) {width: calc(53% - 10px);}
/** Contact Page style ends here **/

/** Privacy page style starts here **/
.blue-banner-sec { background: #8f4be6; color: #fff; text-align: center; padding: 184px 0 60px; }
.blue-banner-sec h1 { color: #fff; }
.inner__content {padding: 27px 0 110px;font-size: 18px;line-height: 1.35;color: rgb(75 75 75 / 90%);}
.inner__content h2 {margin-top: 40px;padding-right: 20px;margin-bottom: 15px;}
.inner__content h4 {margin-bottom: 17px;}
.inner__content ul {margin-top: 9px;color: rgb(75 75 75 / 90%);padding-left: 30px;}
/* .inner__content ul li { font-weight: 600; } */
.inner__content ul li::after { background: #4B4B4B; }
.inner__content ul li strong {font-weight: 600;}
.inner__content p {margin-bottom: 10px;}
.inner__content p a {color: rgb(146 189 60 / 90%);}
.inner__content span { display: block; }

.sec_content p { margin-top: 18px; margin-bottom: 0; }
.sec_content p a { display: table; color: rgb(146 189 60 / 90%); }
.sec_content p strong { font-weight: 600; }
.sec_content p span { display: block; }
/** Privacy page style ends here **/

/** Pricing page style starts here **/
.pricing__sec {padding: 118px 0 68px;}
.pricing_heading { text-align: center; max-width: 720px; margin: 0 auto 0px; }
.btn.blue_btn { background: #000; border-radius: 50px; border-color: #000; color: #fff; min-width: 1px; text-transform: none; padding: 9px 28px; }
.btn.blue_btn:hover,.btn.blue_btn:focus { background: transparent; color: #000; }
.pricing_heading .blue_btn { margin-top: 21px; }
.pricing_heading .btn.blue_btn { pointer-events: none; }

.pricing_plan {display: flex;flex-direction: row;flex-wrap: wrap;margin: 30px -24px 0;justify-content: center;}
.plan_content {width: 33.33%;padding: 0 10px;margin-bottom: 40px;}

.plan_wrap {border: 1px solid #C8C8C8;text-align: center;padding: 35px 30px 42px 30px;font-size: 14px;height: 100%; border-bottom: 5px solid #000;}
.plan_content:nth-child(2) .plan_wrap { background: #F9F9F9; border: none; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1); border-top: 5px solid #8a2be2;border-bottom: none;}
.plan_wrap h3 {margin-bottom: 0px;}
.price_text { margin-top: 0; margin-bottom: 8px; }
.price_text span {font-size: 40px;font-weight: 500;display: block;line-height: 1;color: #000;}
.plan_content:nth-child(2) .plan_wrap .price_text span { color: #8a2be2; }
.plan_wrap p { margin-bottom: 23px; margin-top: 2px; }
.plan_wrap p small { font-size: 14px; color: rgb(75 75 75 / 90%); }
.plan_wrap .btn { margin-top: 21px; }
.plan_content:nth-child(2) .plan_wrap .btn { background: #679211; border-color: #679211; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1); }
.plan_content:nth-child(2) .plan_wrap .btn:hover,.plan_content:nth-child(2) .plan_wrap .btn:focus { color: #679211; background: transparent; }
.plan_wrap ul {text-align: left;margin-top: 40px;padding: 0 0 0 10px;}
.plan_wrap ul li { font-size: 14px; margin-bottom: 19px; }
.plan_wrap ul li::after { width: 7px; height: 7px; top: 7px; }
.plan_wrap ul li:last-child { margin-bottom: 0; }
/** Pricing page style ends here **/



.forgot_pwd { color: #8a2be2; text-decoration: underline; font-weight: 500; }
.forgot_pwd:hover,.forgot_pwd:focus { color: #000; }

.loader_div {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 40%);z-index: 11111;color: #fff;display: none;}

.loader_ic {border: 5px solid currentcolor;border-bottom-color: transparent;border-radius: 50%;-webkit-animation: 1s loader-03 linear infinite;animation: 1s loader-03 linear infinite;position: relative;width: 50px;height: 50px;}

@-webkit-keyframes loader-03 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-03 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*** alert msg styling ***/
.swal2-popup.swal2-toast {background: #fff !important;box-shadow: none !important; border-radius: 10px;padding: 7px !important;}
.swal2-title,.swal2-popup.swal2-toast .swal2-title { font-size: 14px !important; font-weight: 600; line-height: 16px;/* color: #8a2be2;*/ margin: 0 0.5em; }
.swal2-container {padding: 25px !important;z-index: 11111 !important;} .swal2-popup.swal2-toast .swal2-icon { border-width: 3px; }
.select2-selection__rendered .select2-search.select2-search--inline:only-child {width: 100%;}


.admin_page_sec .field_wrap label { margin-bottom: 6px; display: block; }

.page_not_found { text-align: center; padding: 90px 0; }
.page_not_found h1 { font-size: 200px; margin-bottom: 0; }
.page_not_found p { font-size: 40px; }

.text-warning {font-size: 12px;width: 100%;color: #ffc107; width: 100%; }
.text-warning strong { font-weight: 600; }
.open-popup.popupOpen .mfp-wrap { display: none; }

#register_popup.popup_wrap .logo_header { display: flex; flex-wrap: wrap; align-items: center; }
.login-popup-button { margin-left: auto; }
.login-popup-button .btn { border-color: #fff; color: #fff; }
.login-popup-button .btn:hover { background: #fff; color: #8a2be2; }
.clear_img {   display: inline-block;   vertical-align: middle;   font-size: 18px;   font-weight: 700;   margin-left: 5px;   position: relative;   z-index: 1111; }
.clear_doc {   display: inline-block;   vertical-align: middle;   font-size: 18px;   font-weight: 700;   margin-left: 5px;   position: relative;   z-index: 1111; }


.availability_field .fas.fa-question { font-size: 9px; font-weight: 900; }

.tool-tip_wrap {position: relative;z-index: 1;}

[data-tooltip] { cursor: pointer; display: inline-block; line-height: 1; position: relative; padding: 0px 0 1px; }
[data-tooltip]::after { background-color: rgba(51, 51, 51, 0.9); border-radius: 0.3rem; color: #fff; content: attr(data-tooltip); font-size: 1rem; font-size: 13px; font-weight: normal; line-height: 1.15rem; opacity: 0; padding: 0.25rem 0.5rem; position: absolute; text-align: center; text-transform: none; transition: opacity 0.2s; visibility: hidden; max-width: 500px; min-width: 540px; }
[data-tooltip].tooltip-top::before { border-style: solid; border-width: 0.3rem; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: rgba(51, 51, 51, 0.9) transparent transparent transparent; top: 0; left: 50%; margin-left: -0.3rem; z-index: 111; }
[data-tooltip].tooltip-top::after { bottom: 100%; left: 50%; transform: translate(-50%); }
[data-tooltip].tooltip-bottom::before { border-style: solid; border-width: 0.3rem; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: transparent transparent rgba(51, 51, 51, 0.9) transparent; bottom: 0; left: 50%; margin-left: -0.3rem; /* z-index: 111; */ }
[data-tooltip].tooltip-bottom::after { top: 100%; left: -20px; transform: translate(0%); }
[data-tooltip].tooltip-left::before { border-style: solid; border-width: 0.3rem; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: transparent transparent transparent rgba(51, 51, 51, 0.9); top: 0.3rem; right: calc(110% - 0.3rem); margin-top: -0.3rem; z-index: 111; }
[data-tooltip].tooltip-left::after { top: -0.3rem; right: calc(110% + 0.3rem); max-width: 350px; min-width: 350px; }
[data-tooltip].tooltip-right::before { border-style: solid; border-width: 0.3rem; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s; visibility: hidden; border-color: transparent rgba(51, 51, 51, 0.9) transparent transparent; top: 50%; top: 0.3rem; left: calc(110% - 0.3rem); margin-top: -0.3rem; z-index: 111; }
[data-tooltip].tooltip-right::after { top: -0.3rem; left: calc(110% + 0.3rem); z-index: 111; }

@media (max-width: 767px) {
    [data-tooltip].tooltip-mobile::before { display: none; }
    [data-tooltip].tooltip-mobile:after { font-size: 1rem; max-width: 20rem;position: fixed;bottom: auto; top: 50%; left: 50%; text-align: left; transform: translate(-50%); }
    [data-tooltip]::after { min-width: 290px; max-width: 290px; font-size: 12px; }
    [data-tooltip].tooltip-top::after { margin: 0 auto; left: 38px; }
    [data-tooltip].tooltip-bottom::after { left: 38px; transform: translate(-50%); }
}

[data-tooltip]:hover::after, [data-tooltip][class*=tooltip-]:hover::before { visibility: visible; opacity: 1; }


.blue-text {color: #000 !important;}
.green-text {color: #8a2be2 !important;}
.order_summery { width: 90%; background: #fff; margin-left: 5.1%; padding: 47px 39px 20px; }
.pac-container{ z-index: 10000 !important; }
.pac-container:after { background-image: none !important; height: 0px; }




/** browse job start **/
.custom_radio1 {display: inline-block;vertical-align: middle;line-height: 1;}
.custom_radio1 label {display: inline-block;vertical-align: middle;position: relative;cursor: pointer;margin: 0;line-height: 1;font-weight: 500;padding: 2px 0 2px 28px;opacity: 0.9;font-size: 14px;}
.custom_radio1 label:hover { color: #000; }
.custom_radio1 label:before,.custom_radio1 label:after {content: "";position: absolute;top: -1px;left: 0;bottom: 0;width: 17px;height: 17px;border: 1px solid #707070;border-radius: 100%;background: #fff;}
.custom_radio1 label:after {background: #fff;width: 6px;height: 6px;top: 0;left: 6.5px;opacity: 0;border: none;margin-left: 0px;bottom: 0;margin: auto 0;}
.custom_radio1 input[type="radio"] { position: absolute; left: -999999px; opacity: 0; }
.custom_radio1:last-child { margin-right: 0; }
.custom_radio1 input[type="radio"]:checked + label:after { opacity: 1;}
.custom_radio1 input[type="radio"]:checked + label:before {background: #000;}
.custom_radio1 input[type="radio"]:checked + label { opacity: 1; color: #000; font-weight: 500; }

.custom_radio_wrap .custom_radio label { font-size: 14px; font-weight: 500; color: rgb(75 75 75 / 80%); }
.browse__job__page {padding: 29px 0 121px;background: #f8f9fa;}
.custom_radio_wrap .custom_radio1 {margin-right: 26px;margin-bottom: 10px;margin-top: 14px;}
.browse_job_head {display: flex;flex-wrap: wrap;align-items: center;}
.left_job_filter {width: 66%;}
.right_job_search {width: 34%;} .search_bar form { display: flex; flex-wrap: wrap; }
.search_box {position: relative;margin-left: 4%;width: 48%;} .search_box:first-child { margin-left: 0; }
.search_box input[type="text"] {border-radius: 50px;font-size: 11px;line-height: 14px;min-width: 100%;padding: 14px 10px 12px 35px;}
.search_box input[type="text"]::-webkit-input-placeholder {color: rgb(75 75 75 / 70%) !important;opacity: 1 !important;}
.search_box input[type="submit"] {position: absolute;top: 1px;left: 14px;bottom: 0;background-color: transparent;padding: 0;margin: 0;font-size: 0;width: 15px;height: 14px;margin: auto;background-image: url(../images/search_ic.svg);background-repeat: no-repeat;background-position: center center;background-size: 14px;border: none;}
.search_box input[type="submit"]:hover, .search_box input[type="submit"]:focus {background-color: transparent;}
.custom_radio_wrap .custom_radio1:last-child { margin-right: 0; }

.content_row_wrap { margin-top: 61px; }
.content_row {-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);display: flex;flex-wrap: wrap;padding: 19px 40px 13px;margin-top: 0;max-width: 1007px;margin-left: auto;margin-right: auto;margin-bottom: 21px;}
.row_img { width: 40px; margin-bottom: auto; }
.row_title { padding-left: 11px; width: 60%; padding-right: 11px; }
.row_img img { display: block; }
.row_title p { font-size: 14px; font-weight: 400; color: rgb(75 75 75 / 60%); margin-bottom: 8px; }
.row_title h4 { font-weight: 500; margin-bottom: 0; }
.browse__job__page .row_title p span:not(:last-child) { margin-right: 10px;}
.job__info {margin-top: 10px;}
.job__info ul { margin: 0; }
.job__info ul li { list-style: none; /*display: inline-block; vertical-align: middle; margin-right: 27px;*/ padding-left: 0; font-size: 14px; color: #000; font-weight: 500; }
.job__info ul li:after { display: none; }
.job__info ul li img { display: inline-block; vertical-align: middle; margin-right: 8px; max-width: 22px;}
.row_btn { margin-left: auto; max-width: 35%; }


.pagination_nav ul li a {width: 30px;height: 30px;display: inline-block;vertical-align: middle;line-height: 31px;text-align: center;font-size: 14px;}
.pagination_nav ul li a:hover { color: #8a2be2; }
.pagination_nav ul li a.current { background: #8a2be2; color: #fff; }
.pagination_nav ul { margin: 0; display: flex; flex-wrap: wrap; }
.pagination_nav ul li { list-style: none; display: inline-block; vertical-align: middle; padding: 0; margin: 0; margin-right: 0px; }
.pagination_nav ul li:after { display: none; }
.pagination_nav ul li a:hover,.pagination_nav ul li a:focus { background: #8a2be2; color: #fff; }
.pagination_nav { display: flex; justify-content: center; margin-top: 58px; }
.nav-page {display: inline-block;vertical-align: middle;text-transform: uppercase;border-bottom: 1px solid;color: #4B4B4B;line-height: 1;margin: auto 0;font-size: 14px;position: relative;}
.nav-page:before { position: absolute; content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 300; }
.nav-page.page-prev {margin-left: 21px;margin-right: 42px;position: relative;}
.nav-page.page-prev:before { content: "\f053"; left: -13px; line-height: 19px; }
.nav-page.page-next { margin-left: 33px; margin-right: 21px; }
.nav-page.page-next:before { content: "\f054"; right: -13px; line-height: 19px; }

/** browse job end **/



/** job detail **/
.blue-banner-sec.detail_blue_bg { min-height: 357px; }
.browse_job_detail { padding-bottom: 80px; }

.info_page { background: #fff; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1); margin-top: -297px; padding: 40px 40px 40px; }
.job_details {display: flex;flex-wrap: wrap;margin-bottom: 32px;}
.job_img { width: 73px; }
.job_img img { width: 73px; }

.job__content {width: calc(76.8% - 73px);padding-left: 21px;}
.job__content p {color: rgb(75 75 75 / 60%);margin: 0 0 4px;font-size: 14px;margin-bottom: 9px;}
.nopadding .job__content {width: calc(76.8% - 73px);padding-left: 0px;}
.job__title {display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 8px;margin-top: 9px;}
.job__title h3 {margin: 0 18px 0 0;font-weight: 600;font-size: 20px;line-height: 1.3;}
.job__title ul { margin: 0; }
.job__title ul li {list-style: none;display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 500;background: #000;border-radius: 50px;color: #fff;line-height: 14px;padding: 7px 21px 6px;margin-right: 7px;min-width: 89px;text-align: center;}
.job__title ul li:after { display: none; }

.more_info {display: flex;flex-wrap: wrap;margin-bottom: 36px;}
.more_info h6 {text-transform: uppercase;color: rgb(75 75 75 / 60%);margin: 0 0 10px;}
.info_left {width: 50%;padding-right: 0;display: flex;flex-wrap: wrap;}
.info_left > h6 {width: 100%;}
.info_day {width: 50%;padding-right: 30px;margin-bottom: 20px;}
.info_timing {width: 50%;margin-bottom: 20px;}
.info_left p {margin-bottom: 10px;font-size: 14px;margin-top: 0;}
.info_left p:last-child { margin-bottom: 0px; }
.info_right {padding-left: 0;width: 100%;margin-bottom: 30px;}
.info_right ul { margin: 0; }
.info_right ul li {list-style: none;background: rgb(30 38 81 / 10%);border-radius: 50px;color: #fff;display: inline-block;vertical-align: middle;font-weight: 500;font-size: 12px;color: #000;padding: 8px 14px 9px;line-height: 14px;margin-right: 6px;margin-bottom: 5px;}

.info_content h6 {text-transform: uppercase;opacity: 0.6;margin-bottom: 11px;font-weight: 600;}
.info_content p {color: rgb(75 75 75 / 80%);margin-bottom: 10px;font-size: 14px;}
.info_content h5 {font-size: 14px;opacity: 0.8;margin-bottom: 10px;font-weight: 600;margin-top: 23px;}
.info_right ul li:after { display: none; }
.info_content ul {margin-top: 18px;margin-bottom: 41px;}
.info_content ul li {font-size: 14px;margin-bottom: 9px;}
.info_content ul li:after { top: 7px; }

.similar_job_sec { padding: 38px 0 99px; }
.similar_job_sec .main > h2 { text-align: center; }
.similar_job_sec .content_row_wrap { margin-top: 39px; }
/** browse job detail end **/
.pagination_nav nav > div { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px; width: 100%; padding-right: 7px; }
.pagination_nav nav span span,.pagination_nav nav span a {width: 27px;height: 27px;text-align: center;line-height: 27px;}
.pagination_nav nav a[rel="prev"] {/* width: 12px; */}
.pagination_nav nav span [aria-current="page"] span { background: #8a2be2 !important; color: #fff !important; }
.pagination_nav nav span,nav.flex.items-center.justify-between a {color: #4B4B4B !important;display: inline-block;vertical-align: top;padding: 0 !important;background: transparent !important;font-size: 12px;font-weight: 500;box-shadow: none !important;border: none !important;}
nav.flex.items-center.justify-between a:hover { background: #8a2be2 !important; color: #fff !important; }
.pagination_nav nav span svg {width: 23px;height: 23px;margin-top: 2px;}
.pagination_nav nav .sm\:hidden { display: none; }
.pagination_nav p {font-size: 12px;font-weight: 500;display: inline-block;vertical-align: middle;margin-right: 5px;}



.register_form .remember_me .green-text {text-decoration: underline;color: #466507 !important;font-weight: 600;}
.btn.disabled { pointer-events: none; border-color: #b3b3b3; color: #b3b3b3; }







/* --- Job page update --- */
/* --- Multiselect ---*/
.multi-select-container {display: inline-block; position: relative; }
.multi-select-menu {position: absolute; left: 0; top: 0.8em; z-index: 1; float: left; min-width: 100%; background: #fff; margin: 1em 0; border: 1px solid #aaa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: none; overflow: hidden !important; z-index: 50; }
.multi-select-menuitem {display: block; font-size: 0.875em; padding: 17px 50px 17px 30px; white-space: nowrap; font-size: 14px; line-height: 16px; }
.multi-select-menuitem--titled:before {display: block; font-weight: bold; content: attr(data-group-title); margin: 0 0 0.25em -20px; }
.multi-select-menuitem--titledsr:before {display: block; font-weight: bold; content: attr(data-group-title); border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.multi-select-menuitem + .multi-select-menuitem {padding-top: 0; }
.multi-select-presets {border-bottom: 1px solid #ddd; }
.multi-select-menuitem input {position: absolute; margin-top: 0.25em; margin-left: -20px; }
.multi-select-button {display: inline-block; font-size: 0.875em; padding: 0.2em 0.6em; max-width: 16em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: -0.5em; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); cursor: default; }
.multi-select-button:after {content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0.4em 0.4em 0 0.4em; border-color: #999 transparent transparent transparent; margin-left: 0.4em; vertical-align: 0.1em; }
.multi-select-container--open .multi-select-menu {display: block; }
.multi-select-container--open .multi-select-button:after {border-width: 0 0.4em 0.4em 0.4em; border-color: transparent transparent #999 transparent; }
.multi-select-container--positioned .multi-select-menu {box-sizing: border-box; }
.multi-select-container--positioned .multi-select-menu label {white-space: normal; }
.multi-select-container { display: block; width: 100%; max-width: 100%; position: relative; }
.multi-select-container.multi-select-container--open span.multi-select-button { background: #f9f9f9; border-color: #f9f9f9; border-radius: 7px 7px 0 0; }
.multi-select-container span.multi-select-button { width: 100%; max-width: 100%; cursor: pointer; box-shadow: none; border-radius: 7px; }
.post_job_form .add_field input, .post_job_form .remove_field input { height: 52px; }
.multi-select-button {width: 100%; font-weight: 500; border: 1px solid rgb(112 112 112 / 30%); padding: 17px 50px 17px 20px; position: relative; font-size: 14px; line-height: 16px; color: #4e4e4e; }
.multi-select-button:after {border: none; height: 20px; width: 20px; display: inline-block; background-image: url(../images/down_arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 15px; position: absolute; right: 20px; top: 4px; bottom: 0; margin: auto; }
.multi-select-menu { margin: 0; padding: 10px 20px; top: 100%; border: 1px solid #dedede; border-top: none; position: absolute; top: 100%; left: 0; width: 100%; box-shadow: none; border-radius: 0 0 7px 7px; }
.multi-select-menuitems label {font-size: 14px; line-height: 16px; color: #4e4e4e; }
.multi-select-menu .multi-select-presets { position: absolute; top: 10px; left: 20px; width: 33.33%; border: none; }
.multi-select-menuitems { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.multi-select-menuitem { padding: 10px 10px 10px 20px; }
.multi-select-menuitems .multi-select-menuitem { width: 33.33%; padding: 10px 10px 10px 20px; position: relative; cursor: pointer; }
.multi-select-menuitems .multi-select-menuitem:first-child { width: 33.33%; margin-left: 33.33%; }
.multi-select-menuitem input { padding: 0; margin-left: 0; }
.multi-select-menuitem { position: relative; cursor: pointer; display: inline-block; }
.SelectJobtype { padding-bottom: 10px; }
.right--wrapper .d-flex { position: relative; padding-right: 89px; }
.right--wrapper .d-flex .field_right { padding-left: 0; padding-right: 20px; }
.newfields .field_wrap.availability_field { padding-right: 0 !important; margin-bottom: 50px; }
.right--wrapper .remove_field { right: 0 !important; }
.right--wrapper .field_right { width: 100%; }
.right--wrapper .add_field { padding: 0; }
.newfields .selectbox .select2-container--default .select2-selection--single { background-color: #ffffff; background-position: center right 10px; background-size: 15px; padding: 13px 20px; min-height: 46px; }
.newfields .field_wrap.two_field select,
.newfields .field_wrap.three_field .form_field select { padding-right: 40px; background-position: center right 15px; background-size: 15px; }
.newfields .field_right_select { width: calc(50% - 6px); }
.post_job_form.new__field .add_field input, .post_job_form.new__field .remove_field input { font-weight: 400; }
.post_job_form.new__field .remove_field input { font-size: 22px; }

.shift_wrapper .field_left.w-50 { width: calc(100% - 496px) !important;}
.shift_wrapper .right--wrapper.w-50 { width: 496px !important; padding-left: 10px; }
.new__field .field_wrap.availability_field.tool-tip_wrap { margin-bottom: 0; }
.new__field .field_wrap.availability_field { margin-bottom: 40px; }
.new__field .field_right select { background-size: 15px; }
.add_field, .remove_field { z-index: 10;}
/* Input design */
.multi-select-menuitem input { padding: 0; margin-left: 0; }
.multi-select-menuitem { position: relative; cursor: pointer; }
.multi-select-menuitem input,
.multi-select-menuitems .multi-select-menuitem input {opacity: 1; -webkit-appearance: none;   -moz-appearance: none; appearance: none; }
.multi-select-menu input:before { content: ' '; height: 14px; width: 14px; border: 1px solid #4e4e4e; border-radius: 50%; display: block !important; position: absolute; top: 5px; bottom: 0; margin: auto; left: -20px; background: none; }
.multi-select-menu input:checked:before {  background: #4e4e4e; }
/* Input design */
.post_job_head .select2 .select2-selection { background-color: transparent; background-position: center right 15px; background-size: 14px; border: 1px solid #dbdbdb; color: rgb(100 115 130 / 80%); padding: 12px 21px 13px; min-height: 45px; }



.profile_form.new__field .availability-row.shift_wrapper { flex-wrap: nowrap !important; }
.profile_form.new__field .shift_wrapper .field_left.w-50 ,

.profile_form.new__field .field_left  { width: 600px !important;}
.profile_form.new__field .shift_wrapper .field_left.w-50 { width: 600px !important;}
.profile_form.new__field .field_right  { width: calc(100% - 700px) !important; padding-left: 20px; }
.profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 600px) !important;}

.d-flex.availability-row.shift_wrapper .field_left { padding-left: 0 !important; }
/* Popup box */
.register_form.new__field .availability_field .field_left { width: calc(100% - 416px) !important;}
.register_form.new__field .availability_field { padding-right: 89px;}
.register_form.new__field .availability_field .field_right { width: calc(416px - 99px);}
.register_form.new__field .add_field input { font-size: 26px; }
.register_form.new__field .remove_field input { font-size: 22px; }
.register_form.new__field .remove_field input,
.register_form.new__field .add_field input { background: #8a2be2; color: #ffffff; border-color: #8a2be2; font-weight: 400; }
.register_form.new__field .remove_field input:hover,
.register_form.new__field .add_field input:hover { background: #ffffff; color: #8a2be2; }
.register_form.new__field .multi-select-menu:before {  content: '';  position: absolute; top: 0;  left: 0;  right: 0;  width: calc(100% - 40px);  margin: 0 auto;  height: 1px;  background-color: #d0d0d0;}
.register_form.new__field .multi-select-button,
.register_form.new__field .multi-select-menu {  background: #f9f9f9;  border-color: #f9f9f9;}
.register_form.new__field .multi-select-menu { margin-top: -1px; }
.register_form.new__field .select2-selection.select2-selection--multiple,
.register_form.new__field select { border-color: #f9f9f9; background-color: #f9f9f9; color: #727272; }
.register_form.new__field select .select2-selection__rendered li { color: #727272;}
.register_form.new__field .availability-row .field_right input,
.register_form.new__field .availability-row.shift_wrapper .field_left input { font-size: 14px; }
/* Popup box */
.login_popup .logo_header {position: relative;padding: 0;} 
div#sign_in_main .page__content { padding: 0; width: 100%; margin: 0; } 
.login_popup .logo_header img { max-width: 200px; display: block; margin: 0 auto; } 
.login_popup .logo_header .logo_col { text-align: center; } 
div#sign_in_main .full__page { height: unset; } 
.popup_wrap.login_popup { min-height: unset; padding: 30px 50px; } 
.mfp-container.mfp-s-ready.mfp-inline-holder { height: unset; top: 50%; left: 50%; transform: translate(-50%, -50%);max-width: 500px;} 
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready { display: flex; align-items: center; justify-content: center; } 
.login_popup h2 { text-align: center; font-size: 32px; } 
div#sign_in_main .page__content_col form { padding: 0; }
.mfp-wrap:before { content: ''; height: 100%; width: 100%; position: fixed; left: 0; top: 0; background: rgb(0 0 0 / 80%); }
.register_img { background: none !important; padding-bottom: 0; } 
.register_img:after {background-color: rgb(0 0 0 / 80%);opacity: 1;display: none;} 
#register_popup { background: none; padding-bottom: 0; } 
div#register_popup .main { max-width: 540px; } 
.register_form { padding: 30px 50px 30px; } 
.register_form h2 { font-size: 32px; }
@media(max-width: 2600px){
  .profile_form.new__field .field_left  { width: 1800px !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 1800px !important;}
  .profile_form.new__field .field_right  { width: calc(100% - 1900px) !important;}
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 1800px) !important;}
}
@media(max-width: 1920px){
  .profile_form.new__field .field_left  { width: 1000px !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 1000px !important;}
  .profile_form.new__field .field_right  { width: calc(100% - 1100px) !important;}
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 1000px) !important;}
}
@media(max-width: 1650px){
  .profile_form.new__field .field_left  { width: 800px !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 800px !important;}
  .profile_form.new__field .field_right  { width: calc(100% - 900px) !important;}
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 800px) !important;}
}


@media(max-width: 1400px){
  .post_right .btn { width: 100%; min-width: 100%; }


  .profile_form.new__field .availability-row.shift_wrapper { flex-wrap: nowrap !important; }
  .profile_form.new__field .shift_wrapper .field_left.w-50 ,

  .profile_form.new__field .field_left  { width: 600px !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 600px !important;}
  .profile_form.new__field .field_right  { width: calc(100% - 700px) !important; }
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 600px) !important;}
}
@media(max-width: 1200px){
  .newfields .right--wrapper .d-flex { padding-right: 70px !important; }
  .newfields .availability-row .field_left { width: calc(100% - 420px) !important; }
  .newfields .right--wrapper { width: 420px !important; }
  .post_job_form.newfields .add_field { width: 60px; margin-left: auto; }
  .right--wrapper .d-flex .field_right { padding-right: 10px; }
  .shift_wrapper .field_left.w-50 { width: calc(100% - 446px) !important; }
  .shift_wrapper .right--wrapper.w-50 { width: 446px !important;}
  .post_job_form .field_wrap.availability_field { padding-right: 78px !important; }

  .profile_form.new__field .field_left  { width: 400px !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 400px !important;}
  .profile_form.new__field .field_right  { width: calc(100% - 500px) !important; }
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 400px) !important;}
  /* Popup box */
  .register_form.new__field .availability_field .field_left { width: calc(100% - 386px) !important;}
  .register_form.new__field .availability_field .field_right { width: calc(386px - 90px); }
  .register_form.new__field .add_field input, .register_form.new__field  .remove_field input { width: 60px; }
  .register_form.new__field  .remove_field { width: 60px; right: -60px; }
  .register_form.new__field .add_field { width: 80px;}
  .register_form.new__field .availability_field { padding-right: 70px;}
  /* Popup box */
}
@media(max-width: 991px){
  .newfields.post_job_form .field_right { width: calc(100% - 60px); }
  .newfields .availability-row .field_left { width: calc(100% - 380px) !important; }
  .newfields .right--wrapper { width: 380px !important; }
  .post_job_form .field_wrap.availability_field { padding-right: 70px !important; }
  .shift_wrapper .field_left.w-50 { width: calc(100% - 376px) !important; }
  .shift_wrapper .right--wrapper.w-50 { width: 376px !important;}
  .multi-select-button { padding: 13.5px 50px 13.5px 15px ;}
  .multi-select-button:after { right: 15px; }

  .profile_form.new__field .field_left  { width: 250px !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 250px !important;}
  .profile_form.new__field .field_right  { width: calc(100% - 330px) !important; }
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: calc(100% - 250px) !important;}
  /* Popup box */
  .register_form.new__field .shift_wrapper .field_left.w-50 { width: calc(100% - 446px) !important;}
  .register_form.new__field .shift_wrapper .right--wrapper.w-50 { width: 446px !important;}
  /* Popup box */
}
@media(max-width: 767px){
  .newfields .availability-row .field_left { width: calc(100% - 320px) !important; }
  .newfields .right--wrapper { width: 320px !important; }
  .right--wrapper .d-flex .field_right { margin-top: 0 !important; }
  .availability-row .field_left { width: 100% !important; }
  .right--wrapper {  width: 100% !important; padding-left: 5px; padding-right: 5px; }
  .newfields .availability-row {padding-right: 0 !important;}
  .SelectJobtype { padding-top: 0; }
  .right--wrapper .d-flex { padding-right: 54px !important; }
  .post_job_form.newfields .add_field input { font-size: 26px; padding: 10px; }
  .post_job_form.newfields .remove_field input { padding: 10px; font-size: 22px; }
  .multi-select-button:after { background-size: 12px; right: 6px; }
  .multi-select-menu .multi-select-presets { width: 50%; }
  .multi-select-menuitems .multi-select-menuitem:first-child { width: 50%; margin-left: 50%; }
  .multi-select-menuitems .multi-select-menuitem { width: 50%; }
  .post_job_form .field_wrap.availability_field,
  .flex-wrap.availability-row.shift_wrapper,
  .field_wrap.availability_field { padding-right: 0 !important;}
  .post_job_form .field_right { margin-top: 0; }

  .shift_wrapper .field_left.w-50 { width: calc(100% - 300px) !important;}
  .shift_wrapper .right--wrapper.w-50 { width: 300px !important; padding-left: 5px; }
  .new__field .field_wrap.availability_field .d-flex.flex-wrap.availability-row { padding-left: 5px;}
  .new__field .add_field input { font-size: 24px !important; }
  .new__field .remove_field input { font-size: 18px !important; padding: 12px; }

  .new__field .field_wrap.availability_field { padding-left: 5px; padding-right: 5px; }
  .new__field .post_job_form .field_wrap.availability_field .d-flex.flex-wrap.availability-row { padding-left: 0;}
  .new__field .field_wrap.availability_field .field_right { padding-left: 0; }
  /* .availability-row.shift_wrapper .right--wrapper { padding-right: 0; }
  .shift_wrapper .SelectJobtype { padding-right: 0;} */
  .multi-select-menuitems .multi-select-menuitem:first-child { width: 100%; margin-left: 0; }
  .multi-select-menuitems .multi-select-menuitem { width: 100%; }
  .multi-select-menu .multi-select-presets { position: relative; top: 0; left: 0; }

  .new__field.post_job_form .add_field { top: -55px; right: 5px; }
  .new__field.post_job_form .remove_field { top: 0px; right: 5px; }
  .availability-row.shift_wrapper { margin-top: 30px; }
  .new__field .field_wrap.availability_field.tool-tip_wrap { margin-bottom: -30px; }
  .new__field .field_wrap.availability_field.tool-tip_wrap .form_field { margin-bottom: 5px;}
  .shift_wrapper .field_left.w-50 { padding-left: 0;}
  .new__field .field_wrap.availability_field  { padding-left: 0;}
  .shift_wrapper .d-flex.flex-wrap.availability-row { padding-left: 0;}
  .new__field .availability-row { padding-right: 60px;}


  .profile_form.new__field .field_left  { width: 100% !important;}
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 50% !important;}
  .profile_form.new__field .field_right  { width: 100% !important; margin-top: 0; }
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { width: 50% !important; padding-right: 0; }
  .profile_form.new__field .shift_wrapper .SelectJobtype { padding-right: 0;}
  .profile_form.new__field .shift_wrapper { padding-right: 60px !important; }
  .profile_form.new__field .add_field { top: -55px; right: 5px; z-index: 10; }
  .profile_form.new__field .remove_field { top: 0; right: 5px; z-index: 10; }
  .new__field .field_wrap.availability_field.tool-tip_wrap .form_field { padding-left: 0 !important;}
  .new__field .field_wrap.availability_field { margin-bottom: 20px; }
  /* Popup box */
  .register_form.new__field .shift_wrapper .field_left.w-50 { width: 50% !important;}
  .register_form.new__field .shift_wrapper .right--wrapper.w-50 { width: 50% !important; }
  .register_form.new__field .availability_field .field_right { width: 100%;}
  .register_form.new__field .add_field { width: 60px; right: 5px; }
  .register_form.new__field .shift_wrapper .SelectJobtype { padding-right: 0;}
  .register_form.new__field .field_wrap.availability_field { padding-right: 65px !important; }
  .register_form.new__field .availability-row.shift_wrapper { padding-right: 0 !important; }
  .register_form.new__field .add_field input, .register_form.new__field .remove_field input { line-height: 1; }
  .register_form.new__field .remove_field { top: 0; right: -65px; }
  .new__field .field_wrap.availability_field .field_right { margin-top: 0; padding-right: 15px; }
  .register_form.new__field .availability-row .field_right input, .register_form.new__field .availability-row.shift_wrapper .field_left input,
  .multi-select-button { font-size: 12px;}
  .register_form.new__field .field_right select { background-size: 12px;}
  .register_form.new__field .multi-select-menuitem { padding-left: 25px;}
  .register_form.new__field .multi-select-menu input:before { left: -25px; }
  /* Popup box */
  /* Landing page */
  .site_nav { order: 2; padding-left: 20px; padding-right: 0 !important; }
  .header_btn { order: 1; }
  /* Landing page */
}
@media(min-width: 641px) and (max-width: 767px){
  .right--wrapper .d-flex .field_right { padding-right: 5px; }
  .SelectJobtype { padding-right: 55px; }
  .post_job_form.newfields .right--wrapper  .add_field { top: -55px; }
  .post_job_form.newfields .right--wrapper  .remove_field { top: 0; }
  .post_job_form.newfields .add_field { text-align: right; }
  .newfields.post_job_form .field_right { width: 100%; }
  .newfields .right--wrapper .d-flex { padding-right: 55px !important; }
}

@media(max-width: 640px){
  .newfields .availability-row .field_left { width: 100% !important; }
  .newfields .right--wrapper { width: 100% !important; }
  .right--wrapper .d-flex .field_right { padding-right: 5px; }
  .SelectJobtype { padding-right: 55px; }
  .post_job_form.newfields .right--wrapper  .add_field { top: -55px; }
  .post_job_form.newfields .right--wrapper  .remove_field { top: 0; }
  .post_job_form.newfields .add_field { text-align: right; }
  .newfields.post_job_form .field_right { width: 100%; }
  .newfields .right--wrapper .d-flex { padding-right: 55px !important; }
  .SelectJobtype { padding-top: 0; }

  .shift_wrapper .right--wrapper.w-50 { width: 100% !important; margin-top: 10px; padding-left: 0; padding-right: 0; }
  .shift_wrapper .field_left.w-50 { width: 100% !important;  padding-left: 0; padding-right: 55px; }
  .new__field .field_wrap.availability_field .d-flex.flex-wrap.availability-row { padding-left: 0; }
  .new__field .field_wrap.availability_field { padding-left: 5px;}
  .shift_wrapper .field_left.w-50 { padding-right: 60px;}
  .SelectJobtype { padding-right: 60px; }

  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { margin-top: 0; }
  .profile_form.new__field .shift_wrapper .field_left.w-50 { padding-right: 10px;}
  /* Popup box */
  .register_form.new__field .shift_wrapper .right--wrapper.w-50 { width: 100% !important; padding-right: 60px !important; }
  .register_form.new__field .shift_wrapper .field_left.w-50 { width: 100% !important;}
  .register_form.new__field .add_field input, .register_form.new__field .remove_field input { width: 50px;}
  .register_form.new__field .availability_field .field_right { width: 100%; padding-right: 0; }
  .new__field .field_wrap.availability_field .d-flex.flex-wrap.availability-row {  width: 100%; padding-right: 0 !important; }
  .register_form.new__field .add_field { top: -55px; }
  .register_form.new__field .remove_field,
  .register_form.new__field .add_field { right: -70px;}
  /* Popup box */
}
@media(max-width: 500px){
  /* Landing page */
  .site_nav { order: 1; margin-bottom: 0 !important; width: 100% !important; }
  .header_btn { order: 2; }
  .header-main .header_btn { justify-content: flex-end; }
  div.header-main { align-items: flex-start;}
  /* Landing page */
}
@media(max-width: 480px){
  .profile_form.new__field .availability-row.shift_wrapper { flex-wrap: wrap !important; }
  .profile_form.new__field .shift_wrapper .field_left.w-50 { width: 100% !important; padding-right: 0; }
  .profile_form.new__field .shift_wrapper .right--wrapper.w-50 { padding-left: 0 !important; width: 100% !important; margin-top: 10px !important; }
}
/* --- End Multiselect ---*/
/* --- Job page update --- */

/* Shift Time Design */
.view_shifts .info_left { width: 100%; max-width: 100%; }
.view_shifts .info_day { width: 200px; }
.view_shifts .info_timing { width: calc(100% - 200px);}
.view_shifts .info_timing .row .col-sm-6 { max-width: inherit; flex: inherit; width: 100%; }
.job__title ul { margin-top: 10px; }
.view_shifts .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;  }
.view_shifts .info_timing .row .col-sm-6:first-child { margin-bottom: 5px;}
.view_shifts .info_timing .row .col-sm-6:first-child p { font-weight: 500;}

.view_shifts .info_timing .row .col-sm-6:first-child p { background: #000; color: #ffffff; border-radius: 20px; padding: 5px 20px; margin: 5px 10px 5px 0; display: inline-block; }
.view_shifts .info_timing .row .col-sm-6:last-child { margin-top: 10px; }
.view_shifts .info_timing { margin-bottom: 40px; }
@media(max-width: 640px){
  .view_shifts .info_day { width: 100%; padding-right: 0; margin-bottom: 8px; margin-top: 4px; }
  .view_shifts .info_timing p { margin-bottom: 8px;}
  .view_shifts .info_left { max-width: 100%; }
  .view_shifts .info_timing { width: 100%; }
  .view_shifts .info_timing .row .col-sm-6:first-child p { padding: 5px 10px; margin-right: 5px; margin-bottom: 0; font-size: 11px; }
  .view_shifts .info_timing { margin-bottom: 10px; }
}
/* Shift Time Design */

.availability-row.shift_wrapper .field_left input { font-weight: 600; }

/* New add Employee 08-11-2022 */
.dvl__popup { position: fixed; top: 0; left: 0; z-index: 1;
  background: rgba(0, 0, 0, 0.5); height: 100vh; overflow: auto; width: 100%; }
.popup__row h4 { color: #000; font-size: 20px; font-weight: 600; line-height: 1.2; padding-top: 10px; margin: 0; }
.new_user_add_wrap { padding-top: 29px;}
.popup__wrapper { min-height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-top: 20px; padding-bottom: 20px; }
.popup__row { width: 100%; max-width: 1077px; margin: 0 auto; background-color: #FCFCFC; position: relative; padding: 40px; padding-right: 137px; }
.flexbox { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.popup_close_btn { position: absolute; top: 16px; right: 28px; }
.popup_close_btn:hover { opacity: 0.5; }
.popup_close_btn a { font-size: 26px; font-weight: 500; color: #4B4B4B;  }
.left-input-wrap .input__wrap { margin: 0 -10px; }
.left-input-wrap .input { padding: 0 10px 15px; width: 25%; }
.left-input-wrap .input input { text-align: center; height: 3rem;  color: #4B4B4B; border-color: #707070; font-size: 14px; line-height: 20px; background: none; }
.left-input-wrap .input input:focus { border-color: #8a2be2; }

.left-input-wrap .input input::-webkit-input-placeholder { color: #4B4B4B !important; opacity: 1 !important; }
.left-input-wrap .input input::-moz-placeholder { color: #4B4B4B !important; opacity: 1 !important; }
.left-input-wrap .input input:-ms-input-placeholder { color: #4B4B4B !important; opacity: 1 !important; }
.left-input-wrap .input input:-moz-placeholder { color: #4B4B4B !important; opacity: 1 !important; }

.input .errormsg { width: 100%; text-align: center; padding-top: 5px; display: none; }

.left-input-wrap { position: relative; padding-right: 50px; margin-bottom: 9px; }
.delete-line { position: absolute; top: 8px; right: 4px; z-index: 100; }
.right-two-btn { margin-left: auto; }
.add_user_btn_wrapper { padding-bottom: 15px; }
.add_user_btn_wrapper a { text-transform: uppercase; position: relative; border: 2px solid #707070; line-height: 1.2; border-radius: 8px; padding: 15px 22px 15px 50px; font-weight: 600; -webkit-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out; display: inline-block; color: #707070; }
.add_user_btn_wrapper a:hover { background: #8a2be2; color: #fff; border-color: #8a2be2; }
.add_user_btn_wrapper a:hover span:before,
.add_user_btn_wrapper a:hover span:after { background: #fff; }
.add_user_btn_wrapper a span { height: 100%; width: 40px; position: absolute; top: 0; bottom: 0; left: 12px; display: block; }
.add_user_btn_wrapper a span:after,
.add_user_btn_wrapper a span:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; display: block; background-color: #707070; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.add_user_btn_wrapper a span:after { width: 15px; height: 3px; }
.add_user_btn_wrapper a span:before { height: 15px; width: 3px; }
.save_complete_btn { margin-right: 20px; }
.save_complete_btn input { background: #8a2be2; color: #ffffff; border: 2px solid #8a2be2; }
.save_complete_btn input:hover { background: none; color: #8a2be2; border-color: #8a2be2; }
.save_btn input { background: none; color: #8a2be2; border: 2px solid #8a2be2; }
.save_btn input:hover { background: #8a2be2; color: #ffffff;   }
.flex-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;  }
.new_btn_wrap { margin-top: 15px;}
.new_btn_wrap input { width: 100%; max-width: 400px; text-align: center; min-width: 210px; font-size: 14px; font-weight: 600; }
.download-btn { margin-left: 20px; padding-top: 18px; }
.file__upload { margin-bottom: 5px;}
.file__upload label { cursor: pointer; text-align: center; width: 210px; background-color: #8a2be2; border-radius: 6px; color: #ffffff; padding: 15px; display: block; border: 2px solid #8a2be2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.file__upload label:hover { background-color: transparent; color: #8a2be2; }
.file__upload label:hover p { color: #8a2be2; }
.file__upload label p { color: #ffffff; font-weight: 500; position: relative; text-transform: uppercase; position: relative; line-height: 1.2; width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; display: block; padding: 0; margin: 0; font-size: 14px; width: 100%; font-weight: 600; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.file__upload label:hover p { text-decoration: none; }
.file__upload label .file-upload { position: absolute; left: -9999px; }
.right-two-btn { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.delete-box { background-color: transparent !important; height: 30px; width: 30px; background-image: url(../images/delete-icon.svg) !important; background-size: 22px  !important; background-position: top right  !important; background-repeat: no-repeat  !important; display: block; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; border-radius: 0; border: none; padding: 0; margin: 0; }
.delete-box:focus,
.delete-box:hover { opacity: 0.5; }
.download-btn a { position: relative; color: #8a2be2; font-weight: 500; position: relative; text-transform: uppercase; position: relative; line-height: 1.2; font-size: 14px; line-height: 1; border-bottom: 1px solid #8a2be2; display: block; font-weight: 600; }
.download-btn a:hover { border: none; }
.error__message { width: 100%; font-size: 12px; color: #f44336; }
.errormsg { width: 100%; font-size: 12px; color: #f44336; }
.add__new__emp h4 { display: inline-block; vertical-align: middle; }
.add__new__emp h4 span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  line-height: 1;
}
.add__new__emp h4 span sup { font-size: 100%; top: 0; height: 14px;
  width: 14px;
  color: #fff;
  background-color: #8a2be2;
  border-radius: 50%;
  font-size: 10px;
  display: inline-block;
  line-height: 14px;
  text-align: center; }
.add__new__emp h4 span p { position: absolute; top: 100%; left: -100px; right: 0; margin: auto; width: 200px; font-size: 12px; line-height: 15px; padding: 10px; background-color: #8a2be2; color: #ffffff; border-radius: 6px; z-index: 100; margin-top: 5px; opacity: 0; visibility: hidden; text-align: center; }
.add__new__emp h4 span p:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 12px;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #8a2be2;
}
.add__new__emp h4 span:hover p { opacity: 1; visibility: visible; }
@media(max-width: 1200px){
  .popup__row { padding: 50px;}
  .popup__row { max-width: calc(100% - 40px); }
  .popup_close_btn { top: 10px; right: 20px; }
  .popup_close_btn a { font-size: 20px; }
}
@media(max-width: 991px){
  .left-input-wrap .input { width: 50%;}
  .popup__row { padding: 40px;}
  .left-input-wrap { margin-bottom: 20px; }
}
@media(max-width: 767px){
  .right-two-btn { width: 100%; padding-top: 30px; }
  .popup__row { padding: 20px 30px; }
  .file__upload label { padding: 10px 15px; margin-right: 20px;}
  .download-btn { padding-top: 12px; margin-left: 0; }
  .add_user_btn_wrapper a span { left: 0; }
  .add_user_btn_wrapper a { padding: 12px 15px 12px 40px;}
  .new_btn_wrap { margin: 0;}
  .save_btn,
  .save_complete_btn { margin-top: 10px; margin-bottom: 5px;}
  .new_btn_wrap input { min-width: 200px;}
  .new_btn_wrap input { padding: 12px 15px !important; }
}
@media(max-width: 640px){
  .left-input-wrap .input { width: 100%; }
  .left-input-wrap { padding-right: 40px; }
  .popup__row { padding: 20px;}
}

.success__message_wrap,
.error__message_wrap { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 15px; padding-right: 40px; border-radius: 10px; position: relative; margin: 10px 0; }
.success__message_wrap p,
.error__message_wrap p { color: #721c24; padding: 0; margin: 0; }
.close__success__message,
.close__error__message { padding: 10px; font-size: 35px; line-height: 1; position: absolute; top: 8px;  right: 10px; color: #721c24; padding: 0; }
.success__message_wrap p { color: #155724; }
.success__message_wrap { background-color: #d4edda; border-color: #c3e6cb;}
.close__success__message { color: #155724; }



/*
 jqueryui-com
*/
#banner-secondary p.intro {	padding: 0;	float: left;	width: 50%;}
#banner-secondary .download-box {	border: 1px solid #aaa;	background: #333;	background: -webkit-linear-gradient(left, #333 0%, #444 100%);	background: linear-gradient(to right, #333 0%, #444 100%);	float: right;	width: 40%;	text-align: center;	font-size: 20px;	padding: 10px;	border-radius: 5px;	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);}
#banner-secondary .download-box h2 {	color: #71d1ff;	font-size: 26px;}
#banner-secondary .download-box .button {	float: none;	display: block;	margin-top: 15px;}
#banner-secondary .download-box p {	margin: 15px 0 5px;}
#banner-secondary .download-option {	width: 45%;	float: left;	font-size: 16px;}
#banner-secondary .download-legacy {	float: right;}
#banner-secondary .download-option span {	display: block;	font-size: 14px;	color: #71d1ff;}
#content .dev-links {	float: right;	width: 30%;	margin: -15px -25px .5em 1em;	padding: 1em;	border: 1px solid #666;	border-width: 0 0 1px 1px;	border-radius: 0 0 0 5px;	box-shadow: -2px 2px 10px -2px #666;}
#content .dev-links ul {	margin: 0;}
#content .dev-links li {	padding: 0;	margin: .25em 0 .25em 1em;	background-image: none;}
.demo-list {	float: right;	width: 25%;}
.demo-list h2 {	font-weight: normal;	margin-bottom: 0;}
#content .demo-list ul {	width: 100%;	border-top: 1px solid #ccc;	margin: 0;}
#content .demo-list li {	border-bottom: 1px solid #ccc;	margin: 0;	padding: 0;	background: #eee;}
#content .demo-list .active {	background: #fff;}
#content .demo-list a {	text-decoration: none;	display: block;	font-weight: bold;	font-size: 13px;	color: #3f3f3f;	text-shadow: 1px 1px #fff;	padding: 2% 4%;}
.demo-frame {	width: 70%;	height: 420px;}
.view-source a {	cursor: pointer;}
.view-source > div {	overflow: hidden;	display: none;}
@media all and (max-width: 600px) {
	#banner-secondary p.intro,
	#banner-secondary .download-box { float: none; width: auto; }
	#banner-secondary .download-box { overflow: auto; }
}

@media only screen and (max-width: 480px) {
	#content .dev-links { width: 55%; margin: -15px -29px .5em 1em; overflow: hidden; }
}
/*
 jqueryui-com
*/

/* --- Application Pages --- */
.startdate { width: calc(50% - 100px); padding-right: 30px; }
.enddate { width: calc(50% - 100px); padding-right: 30px; }
.date-filter-btn { width: 200px; }
.date-filter-btn input { width: 100%; }
.enddate input,
.startdate input { background-image: url(../images/calendar_date_icon.svg);background-position: 15px 50%; background-repeat: no-repeat; background-size: 20px; padding-left: 50px !important; }
.ui-state-default,
.ui-widget-content .ui-state-default { line-height: 2; padding: 2px 0; text-align: center;  font-weight: 400; border: none !important; border-radius: 50%; }
.ui-state-default.ui-state-active { background: #000; font-weight: 600; color: #ffffff !important; }
.ui-datepicker-calendar .ui-state-default.ui-state-highlight { background: #8a2be2; font-weight: 600; color: #ffffff !important; }
.ui-datepicker-prev.ui-corner-all,
.ui-datepicker-next.ui-corner-all { border: none !important; outline: none !important; }
.ui-datepicker-next.ui-corner-all { right: 3px !important; top: 3px !important; }
.ui-datepicker-prev.ui-corner-all { left: 3px !important; top: 3px !important; }
.ui-datepicker .ui-datepicker-header { border: none !important; background-color: #8a2be2; color: #fff; }
.ui-datepicker th { color: #8a2be2 !important; }
.ui-datepicker th span { text-transform: uppercase; }
.ApplicationListTable { margin-top: 25px; }
.ApplicationListTable tr th:first-child { width: 100px; max-width: 100px; min-width: 100px; }
.edit__btn { color: #707070; margin: 0 3px;}

.fullwidth { width: 100% !important; }
.add-employee-form .profile_form.new__field { padding-top: 30px; }
.add-employee-form .form_field select { padding: 15px; padding-right: 60px; background-position: center right 15px; background-size: 16px; }
.add-employee-form .form_field textarea,
.add-employee-form .form_field input { padding: 15px; }
.add-employee-form .form_field label { padding-left: 0;}
.add-employee-form .form_field textarea,
.add-employee-form .form_field select,
.add-employee-form .form_field input { font-size: 14px; line-height: 16px; border-radius: 7px; }
.add-employee-form .profile_info { align-items: flex-start; }
.add-employee-form .form_field textarea:focus,
.add-employee-form .form_field select:focus,
.add-employee-form .form_field input:focus { border-color: #8a2be2; }

.add-employee-form .form_field input::-moz-placeholder {  font-weight: 500; }
.add-employee-form .form_field input:-moz-placeholder {  font-weight: 500; }
.add-employee-form .form_field input::-webkit-input-placeholder {  font-weight: 500; }
.add-employee-form .form_field input:-ms-input-placeholder {  font-weight: 500; }

a.ui-datepicker-next,
a.ui-datepicker-prev { cursor: pointer; }
@media(max-width: 991px){
  .startdate{
    width: 50%;
    padding-right: 10px;
  }
  .enddate {
    width: 50%;
    padding-left: 10px;
    padding-right: 0;
  }
  .date-filter-btn { width: 100%; margin-top: 10px; }
}
@media(max-width: 767px){
  .add-employee-form .form_field textarea,
  .add-employee-form .form_field select,
  .add-employee-form .form_field input { font-size: 13px; line-height: 16px; }
}
@media(max-width: 450px){
  .startdate{width: 100%; padding-right: 0; }
  .enddate {width: 100%; padding-left: 0; padding-right: 0; margin-top: 10px; }
  .date-filter-btn { width: 100%; margin-top: 10px; }
}
/* --- Application Pages --- */

#register-form .select2-selection.select2-selection--multiple { padding-right: 50px; }
select.text-danger { color: #727272 !important }

#register_popup .remember_me { position:relative; }

.register_form .select2 .select2-selection.select2-selection--multiple,
.register_form .form_field select { background-color: transparent; font-size: 12px; border: 1px solid rgb(112 112 112 / 30%); color: rgb(100 115 130 / 80%); }
.register_form .select2-selection__rendered li { font-size: 12px; }


.emp-footer-wrapper {
  padding: 10px 18px;
  display: none;
  /* background: rgb(191, 191, 191); */
}
.emp-footer{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
  text-align: center;
  justify-content: center;
}
.emp-footer .links{
  text-align: center;
  font-size: 0.9rem;
  padding: 10px 15px;
  text-decoration: underline;
}

.avatar-upload { position: relative; max-width: 205px; margin: 50px auto; }
#UploadImg { display: block; margin: 0 auto; max-height: 200px;}
.avatar-upload .avatar-edit input { display: none; }
.avatar-upload .avatar-edit .fileselectwrap { display: block; margin-bottom: 0; cursor: pointer;  transition: all 0.2s ease-in-out; }
.avatar-upload .avatar-preview { width: 100%; position: relative; }
.company-logo-option { width: 100%; border: 1px dashed rgb(112 112 112 / 30%); border-radius: 10px; padding: 22px 20px 29px; }
.company-logo-option .avatar-upload { max-width: 100%; margin: 0 auto; width: 100%; }
.company-logo-option .avatar-preview { margin-bottom: 20px; }
.company-logo-option .uploadtext { font-size: 12px; text-align: left; display: block; color: #4B4B4B; opacity: 0.5; }
.avatar-preview { text-align: center;}

.avatar-edit { position: relative; }
.avatar-edit #file_upload_btn { display: block; opacity: 0; position: absolute; top: 0;
  left: 0; width: 100%; height: 100%; }

.text-small { font-size: 11px; font-weight: bold;}
.job_details .job_button { width: 210px; }
.apply-content{font-size: 14px; margin-top: 20px; color: rgb(75 75 75 / 60%); line-height: 1.5; }


.copyText { color: #8a2be2; display: inline-block;}
.copyText:hover { text-decoration: underline; }
.CopyLink{ position: relative; }
.CopyLink:before {content: 'Copied!'; background: #8a2be2; display: inline-block; padding: 5px 10px; line-height: 1.2; border-radius: 4px; color: #ffffff; position: absolute; top: -28px; left: 0; right: 0; margin: 0 auto; width: 60px; text-align: center; font-size: 12px; font-weight: bold; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

.show-mobile-link { display: none; padding-right: 40px; }
.show-mobile-link button { border: none; padding: 10px; background: none !important; color: #000 !important; min-width: inherit; font-size: 16px; }
.login-text { text-align: center; padding-bottom: 15px; display: none; }
.login-text p { color: #ffffff; font-size: 20px; font-weight: 600;}
.login-text p a { font-weight: 700; color: #8a2be2; text-decoration: none; }
.login-text p a:hover { text-decoration: underline; }

@media(max-width: 767px){
	.show-mobile-link { display: block; margin-left: auto; }
	.login-text { display: block; }
	.hide-mobile{ display: none; }
	.register_img { background: #9ca55b !important; }
}



/* Complete profile Page */
.profile--page .flex-wrap{ position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.complete-profile-form { position: relative; z-index: 10; background: #fff; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1); padding: 40px 40px 40px; }
.profile--page { position: relative; padding-top: 40px; }
.profile--page:before{ content: ' '; position: absolute; top: 0; left: 0; width: 100%;; min-height: 357px; background: #000; }
.new-header .page-logo { width: 250px; padding: 22px 30px 22px; border-right: 1px solid #C1C1C1; }
.new-header .page_heading { width: calc(100% - 250px); padding: 15px 30px;; }
.new-header .page_heading h2 { padding: 0; margin: 0; font-size: 24px;; }
.new-header .page_heading p { padding: 0; margin: 0; margin-top: 10px; font-size: 14px; color: rgb(75, 75, 75); }
.new-header .mobile__logo,
.show-mobile-heading  { display: none; }
.complete-profile-form .fullwidth { width: 100% !important; }
.complete-profile-form .pro_img { width: 112px;  position: relative; }
.complete-profile-form .pro_heading { width: calc(100% - 412px); padding-left: 30px; margin-top: auto; margin-bottom: auto; }
.complete-profile-form .profile_form.new__field { padding-top: 30px; }
.complete-profile-form .form_field select { padding: 15px; padding-right: 60px; background-position: center right 15px; background-size: 16px; }
.complete-profile-form .form_field textarea,
.complete-profile-form .form_field input { padding: 15px; }
.complete-profile-form .form_field label { padding-left: 0; opacity: 1; }
.complete-profile-form .form_field textarea,
.complete-profile-form .form_field select,
.complete-profile-form .form_field input { font-size: 14px; line-height: 16px; border-radius: 7px; }
.complete-profile-form .profile_info { display: flex; flex-wrap: wrap; align-items: flex-start; }
.complete-profile-form .select2-container--default .select2-selection--multiple { padding-right: 55px !important;}
.complete-profile-form .form_field textarea:focus,
.complete-profile-form .form_field select:focus,
.complete-profile-form .form_field input:focus { border-color: #8a2be2; }
.complete-profile-form .form_field input::-moz-placeholder {  font-weight: 500; }
.complete-profile-form .form_field input:-moz-placeholder {  font-weight: 500; }
.complete-profile-form .form_field input::-webkit-input-placeholder {  font-weight: 500; }
.complete-profile-form .form_field input:-ms-input-placeholder {  font-weight: 500; }
.submit_btn_wrap .form__btn input { min-width: 160px; width: auto; }
.ctm-tooltip {display: inline-block; vertical-align: top; position: relative; line-height: 1; z-index: 100; }
.form_field label { position:relative; z-index: 50; }
.ctm-tooltip sup { font-size: 100%; top: 0; height: 14px; width: 14px; color: #fff; background-color: #8a2be2; border-radius: 50%; font-size: 10px; display: inline-block; line-height: 14px; text-align: center; }
.ctm-tooltip p { position: absolute; top: 100%; left: -100px; right: 0; margin: auto; width: 300px; font-size: 12px; line-height: 15px; padding: 10px; background-color: #8a2be2; color: #ffffff; border-radius: 6px; margin-top: 5px; opacity: 0; visibility: hidden; text-align: center; z-index: 100; }
.ctm-tooltip p:before {content: ''; position: absolute; top: -4px; left: 102px; margin: auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #8a2be2; }
.ctm-tooltip:hover p { opacity: 1; visibility: visible; }
.complete-profile-form .select2-container--default .select2-selection--multiple,
.complete-profile-form .select2-container--default .select2-selection--single { padding: 14px 18px 12px; min-height: 48px; border-radius: 7px; }
.complete-profile-form .select2-selection__placeholder { font-size: 14px; color: rgb(67, 67, 67); }
.complete-profile-form .select2-selection__rendered li:after { content: ','; display: inline-block; position: relative; }
.complete-profile-form .select2-selection__rendered li:nth-last-child(2):after,
.complete-profile-form .select2-selection__rendered li:last-child:after { display: none; }
.complete-profile-form .select2-selection__rendered li { margin-right: 5px; }
.complete-profile-form .select2-selection__rendered li:last-child { margin-right: 0; }
.complete-profile-form .select2-selection { background-color: #ffffff !important;}
.complete-profile-form .profile_info.new__field { margin-bottom: 30px; align-items: center; }
.complete-profile-form .select2-selection__choice:after { display: none !important; }
.new-footer { text-align: center; padding: 40px 0; }
.footer-link { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; }
.footer-link ul li { padding: 10px 20px; list-style: none; }
.footer-link ul li:after { display: none; }
.footer-link ul { justify-content: center; align-items: center; }
.footer-link ul a { color: rgb(75, 75, 75); text-decoration: underline; font-size: 14px;; }
.footer-link ul a:hover { color: rgb(146, 189, 60);  }

.right-tag-show { width: 300px; margin-left: auto; }
.right-tag-show h4 { margin-bottom: 0; color: #000; font-size: 20px; font-weight: 700; padding-right: 5px; }
.right-tag-show li { display: inline-block; padding: 5px; padding-bottom: 0; position: relative; color: #90be3e; font-weight: 500; font-size: 15px; }
.right-tag-show li:before { content: ' ,'; display: inline-block; position: absolute; bottom: 0; right: 0; }
.right-tag-show li:last-child:before { display: none; }
.right-tag-show li:after { display: none; }
.right-tag-show .all-tags-show { display: flex; flex-wrap: nowrap; }
.complete-profile-form .remember_me { position: relative; padding-bottom: 20px; margin-bottom: 10px;}
.complete-profile-form .remember_me input[type="checkbox"]:checked ~ label::after { transform: scale(1); }
.complete-profile-form .remember_me .text-danger { position: absolute; bottom: 0; left: 0; }

form#board_owner_register_form .field_wrap { display: flex; margin-bottom: 0; } 
form#board_owner_register_form .field_wrap .form_field { width: 50%; flex: 1; } 
form#board_owner_register_form .remember_me { margin-top: 0; }
div#page .logo_header { margin-bottom: 20px; } 
div#page>.popup_wrap.login_popup .page__content_col h2 { font-family: "Poppins", sans-serif; } 
div#page>.popup_wrap.login_popup .page__content_col p { font-family: "Poppins", sans-serif; } 
div#page>.popup_wrap.login_popup .page__content_col form#resetPasswordForm { margin-top: 10px; }

@media (max-width: 1200px) {
  .complete-profile-form .select2-container--default .select2-selection--multiple { padding-right: 40px !important;}
}
@media (max-width: 991px) {
  .complete-profile-form .select2-container--default .select2-selection--multiple { padding-right: 30px !important;}
  div#page>.popup_wrap.login_popup .full__page {flex-flow: column;} div#page>.popup_wrap.login_popup .full__page>div { width: 100%; } div#page>.popup_wrap.login_popup .full__page>div.page__content.m-auto { margin-top: 0 !important; margin-bottom: 0 !important; }
}
@media (max-width: 767px) {
  .complete-profile-form { padding: 30px 15px; }
  .new-header .mobile__logo,
  .show-mobile-heading  { display: block; }
  .new-header .page_heading p,
  .page-logo { display: none; }
  .new-header .mobile__logo img { max-width: 30px; display: block; }
  .new-header .mobile__logo { width: 45px; }
  .new-header .page_heading h2 { font-size: 16px;  }
  .new-header .page_heading { width: calc(100% - 45px); padding: 0; }
  .new-header .flex-box { align-items: center;}
  .new-header { padding: 10px 20px;}
  .show-mobile-heading p { font-size: 12px; line-height: 1.3; }
  .show-mobile-heading { padding-top: 10px; }
  .complete-profile-form .pro_img { width: 60px; }
  .complete-profile-form .pro_heading { width: calc(100% - 60px); padding-left: 20px; }
  .complete-profile-form .form_field textarea { height: 65px; } 
  .right-tag-show { width: 100%; text-align: left; margin: 0; margin-top: 10px; }
  .right-tag-show h4 { font-size: 16px; }
  form#board_owner_register_form .field_wrap .form_field { width: 100%; flex: unset; } 
  h1{line-height: 1.2;}
  .popup_wrap.login_popup {padding: 50px 20px 30px 20px;}
  .mfp-container.mfp-s-ready.mfp-inline-holder {width: 90%;}
  .register_form {padding: 60px 20px 20px;}
  div#page>.popup_wrap.login_popup .logo_col img { width: 100%; } div#page>.popup_wrap.login_popup .page__img { display: none; } div#page>.popup_wrap.login_popup { padding: 40px 10px; }
}
@media(max-width: 640px){
  .complete-profile-form .submit_btn_wrap .form__btn input { min-width: 110px; font-size: 13px; padding: 15px 15px 14px; }
  .complete-profile-form .remember_me { margin-top: 0; }
  .right-tag-show .all-tags-show { display: flex; flex-wrap: wrap; }
  .right-tag-show h4 { width: 100%; }
  .right-tag-show ul { width: 100%; }
  .right-tag-show li { padding-left: 0; font-size: 14px; }
}
/* Complete profile Page */

.login-popup-button.login-text.text-center { padding: 20px 0 40px; }
.browse__job__page .min-filter-wrapper { width: 100%; }
.browse__job__page .min-filter-wrapper .filter_search { width: 100%; }    
.browse__job__page .min-filter-wrapper .filter_list.newsearch-filter > ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.browse__job__page .min-filter-wrapper .filter_list.newsearch-filter > ul > li { list-style: none; padding: 10px; width: 25%; }
.browse__job__page .min-filter-wrapper .filter_list.newsearch-filter > ul > li:after { display:none; }
.browse__job__page .min-filter-wrapper form input[type="submit"] { min-width: 150px; }
.browse__job__page .min-filter-wrapper .filter_list.newsearch-filter > ul > li .form_field { padding: 0;}
.margin-left-60 {margin-left:60px;}

.browse_job_detail .info_right p > b { text-transform: capitalize;}

.select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #686868 #ebebeb
}

.select2-results__options::-webkit-scrollbar {
  width: 10px;
  height: 7px
}

.select2-results__options::-webkit-scrollbar-track {
  background: #ebebeb;
  border-radius: 10px
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #686868;
  border-radius: 10px
}
form .select2-selection__rendered li { color: #434343;}
.select2-container--default .select2-search--inline:first-child .select2-search__field:empty { display: block; padding-right: 35px;}
.select2-container--default .select2-search--inline .select2-search__field:empty { display: none;}

@media(max-width: 991px){
  .browse__job__page .min-filter-wrapper .filter_list.newsearch-filter ul { padding-top: 10px; padding-bottom: 20px }
  .browse__job__page .min-filter-wrapper .filter_list.newsearch-filter ul li { width: 50%; margin:0; padding: 5px 10px; }
}
@media(max-width: 640px){
  .browse__job__page .min-filter-wrapper .filter_list.newsearch-filter ul li { width: 100%; }
}