body:not(.elementor-page) .content-page article .entry-content {
  padding-bottom: 0;
  margin-bottom: 0;
}

.main-content.page-control {
  padding-top: 0;
  padding-bottom: 0;
}

.content-page article .entry-content {
  padding-bottom: 0;
}

.main-area {
  padding-top: 50px;
  padding-bottom: 70px;
}

.page-control .heading-page {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.page-control .heading-page .entry-title {
  font-size: 28px;
  margin-bottom: 0;
}

.page-control .heading-page .entry-alert {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.banner-alert {
  position: relative;
  padding: 30px 50px;
  background: #ffd54f;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  background-image: url("../images/people-alert.png");
  background-repeat: no-repeat;
  background-position: 92% 0;
}

.banner-alert .btn-close {
  position: absolute;
  top: 25px;
  right: 25px;
}

.banner-alert .entry-detail h2 {
  margin-bottom: 5px;
  line-height: 50px;
}

.banner-alert .entry-detail h5 {
  margin-bottom: 0;
  line-height: 25px;
}

.banner-alert .entry-detail .civi-button {
  margin-top: 20px;
}

.place-manager-form .form-group input.form-control,
.place-manager-form .form-group select.form-control,
.place-manager-form .form-group .chosen-choices,
.civi-my-profile .form-group input.form-control {
  height: 30px;
  line-height: 30px;
}

.place-manager-form .form-group textarea.form-control {
  border: 1px solid #eee;
  border-bottom: 2px solid #2d2d2d;
  padding: 10px 15px;
}

.page-control .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  border-bottom: 2px solid #2d2d2d !important;
  padding: 0 0 6px;
}

.place-manager-form .form-group .form-control,
.place-manager-form .form-group .chosen-choices,
.civi-my-profile .form-group input.form-control {
  order: 1;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  border-bottom: 2px solid #2d2d2d;
  font-style: normal;
  padding: 0 0 6px;
  width: 100%;
  box-shadow: inherit;
  background-image: initial;
}

#wrapper .page-control .form-control.error {
  border-color: #ff2d55;
}

.civi-my-profile .form-group input.form-control {
  background: 0;
}

.place-fields-wrap .place-description {
  margin-top: 10px;
}

.page-control .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-size: 15px;
  line-height: 20px;
  color: #8d8d8d;
  font-style: normal;
  margin: 0;
}

.page-control .chosen-container-multi .chosen-choices li.search-choice {
  font-size: 15px;
  border: 0;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background-color: transparent;
  color: #8d8d8d;
  background-image: initial;
  line-height: inherit;
  box-shadow: inherit;
}

.page-control .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  right: 0;
  top: 7px;
}

.page-control .search-choice-close:before {
  content: "";
  height: 10px;
  width: 10px;
  background-image: url(../images/icon-close-select.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.page-control .form-select i {
  position: absolute;
  bottom: 13px;
  top: inherit;
  right: 0;
  z-index: 1;
}

.page-control .place-amenities .form-check ul {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 25px;
  grid-template-columns: repeat(4, 1fr);
  padding-left: 0;
  margin-bottom: 0;
}

.page-control .place-amenities .form-check ul li {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #2d2d2d;
  font-weight: 500;
  margin-bottom: 0;
}

.page-control .place-amenities .form-check ul li label {
  margin-top: -3px;
  margin-bottom: 0;
  padding-left: 10px;
  flex: 1;
  cursor: pointer;
}

.page-control .place-amenities .form-check ul li .custom-checkbox {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 2px #8d8d8d;
  top: 2px;
}

.page-control .place-amenities .form-check ul li .custom-checkbox:checked {
  border: solid 2px #2a2a2a;
  background: #2a2a2a;
}

.page-control .place-amenities .form-check ul li .custom-checkbox:checked:before {
  display: flex;
  justify-content: center;
  color: #fff;
  left: -1px;
  top: 0;
  font-size: 10px;
  font-weight: 300;
}

.page-control .place-map {
  position: relative;
}

.page-control .place-map #pac-input {
  top: 20px !important;
  left: 20px !important;
  max-width: 300px;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #eeeeee;
  box-shadow: none;
}

.page-control .place-map .gm-style .gm-style-iw-c {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.page-control .place-map .gm-style .gm-style-iw-d {
  padding: 15px 20px;
  font-weight: 500;
  line-height: 20px;
}

.page-control .place-fields-map .place-fields-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page-control .control-marker {
  display: flex;
  align-items: center;
}

.page-control .control-marker a {
  display: table;
  vertical-align: middle;
}

.page-control .control-marker i {
  margin-right: 5px;
  vertical-align: -1px;
}

.page-control .control-marker #unlock-pin {
  display: none;
}

.control-marker.lock-marker #lock-pin {
  display: none;
}

.page-control .control-marker.lock-marker #unlock-pin {
  display: table;
}

.page-control .place-map {
  position: relative;
}

.page-control .place-map.lock-marker:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1111;
  background: rgba(0, 0, 0, 0.6);
}

.page-control .add-additional-detail {
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  color: #2d2d2d;
  background: transparent;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  border: solid 2px #2d2d2d;
  padding: 6px 20px;
  outline: 0;
  cursor: pointer;
}

.page-control .add-additional-detail svg {
  vertical-align: -2px;
  margin-right: 3px;
}

.page-control table.additional-block {
  width: 100%;
}

.page-control table.additional-block label.place-fields-title {
  margin-bottom: 0;
}

.page-control table.additional-block thead td {
  padding: 0 15px;
}

.page-control table.additional-block td {
  padding: 10px 15px;
}

.page-control table.additional-block td .sort-additional-row {
  font-size: 16px;
  color: #2d2d2d;
  cursor: all-scroll;
}

.page-control table.additional-block td svg {
  cursor: pointer;
}

.page-control table.additional-block td.action-field,
table.additional-block td.delete-field {
  width: 15px;
  padding: 0;
}

.page-control .place-fields-file .preview {
  display: block;
  width: 151px;
  height: 151px;
  border: dashed 1px #979797;
  background-color: #f9f9f9;
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
}

.page-control .place-fields-file .preview input {
  opacity: 0;
  position: absolute;
}

.page-control .place-fields-file .preview button {
  margin-top: 0;
}

.page-control .place-fields-file .preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}

.page-control .place-fields-file .preview .civi_featured_image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-control .place-fields-file .field-note {
  font-size: 12px;
  font-style: italic;
  color: #8d8d8d;
  margin-top: 6px;
}

.page-control .place-fields-media .place-fields-title {
  margin-bottom: 10px;
}

.page-control .media-item-actions a {
  line-height: 0;
  display: block;
}

.page-control .btn-submit-place {
  margin-top: 30px;
}

.page-control .btn-submit-place a {
  color: #fff;
}

.entry-my-page .btn-loading {
  display: none;
  margin-left: 5px;
}

.page-control .entry-my-page > h2 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 30px;
}

.page-control .civi-my-profile form > h3 {
  font-size: 15px;
  font-weight: 500;
  color: #8d8d8d;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.page-control .civi-my-profile form button {
  margin-top: 30px;
}

.page-control.civi-my-profile form + form {
  margin-top: 40px;
}

.page-control .civi-my-wishlist .archive-place .place-item.removed-wishlist {
  display: none;
}

#featured_image_url-error {
  position: absolute;
  top: 101%;
  right: -95%;
}

.page-control .form-change-password {
  margin-top: 40px;
}

.form-change-password .civi-toggle-password {
  position: absolute;
  bottom: 15px;
  right: 25px;
  cursor: pointer;
}

.form-change-password .message {
  color: red;
  font-size: 14px;
  margin-top: -10px;
  margin-bottom: 15px;
}

.add-menu,
.add-faqs {
  border: solid 2px #2d2d2d;
  color: #2d2d2d;
  background-color: #ffffff;
  font-family: "Inter";
  font-size: 15px;
  font-weight: 500;
  transition: inherit;
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  outline: 0;
  outline-offset: 0;
  display: inline-block;
  margin-top: 20px;
}

.add-menu.disabled {
  pointer-events: none;
  cursor: default;
}

.add-menu svg,
.add-faqs svg {
  vertical-align: -2px;
}

.add-menu:focus,
.add-menu:hover,
.add-faqs:focus,
.add-faqs:hover {
  background-color: #2d2d2d;
  color: #ffffff;
}

.add-menu:focus svg > *,
.add-menu:hover svg > *,
.add-faqs:focus svg > *,
.add-faqs:hover svg > * {
  fill: #ffffff;
}

.field-menu-clone .remove-menu,
.field-faqs-clone .remove-faqs {
  display: none;
}

.remove-menu,
.remove-faqs {
  margin-top: 15px;
  display: inline-block;
}

.remove-menu i,
.remove-faqs i {
  font-size: 24px;
}

.menu-flex,
.faqs-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
}

.add-menu-list .remove-menu,
.add-faqs-list .remove-faqs {
  display: block;
}

.post-wrapper,
.post-wrapper .post-feature {
  height: 100%;
}

.post-wrapper .post-feature img {
  object-fit: cover;
  height: 100%;
}

.add-faqs-list .clone-wrap {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #cccccc;
}

.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  background-color: #2d2d2d;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.back-to-top a i {
  color: #ffffff;
}
.back-to-top.is-active {
  opacity: 1;
  visibility: visible;
}
.back-to-top:hover {
  background-color: var(--civi-color-accent);
}

@media only screen and (max-width: 991px) {
  .page-control .civi-place-multi-step .civi-steps-content {
    padding: 30px 20px;
    flex: 1;
  }
  .page-control .civi-place-multi-step .civi-steps .listing-menu {
    margin-top: 25px;
  }
  .place-amenities .form-check ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .page-control .heading-page {
    display: block;
  }
  .page-control .heading-page .entry-title {
    margin-bottom: 15px;
  }
  .banner-alert {
    background-image: none;
    padding: 20px;
  }
  .banner-alert .entry-detail h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .page-control .place-amenities .form-check ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 375px) {
  .page-control .place-amenities .form-check ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*RTL FIX*/
@media (max-width: 1199px) {
  .archive-layout.layout-column .inner-content .archive-filter .inner-filter,
  .archive-layout.layout-top-filter .inner-content .archive-filter .inner-filter {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@media (max-width: 767px) {
  .site-footer .elementor-column {
    width: 100% !important;
  }
  .civi-menu-filter ul.filter-control {
    max-height: 100%;
  }
}
@media (max-width: 479px) {
  .civi-page-title.block-left .entry-detail ul.info li + li {
    margin-right: 0;
    margin-top: 20px;
  }
}
.grid.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid.columns-1 {
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (max-width: 1199px) {
  .grid.columns-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.columns-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .grid.columns-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.columns-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .grid.columns-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.columns-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 479px) {
  .grid.columns-xs-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-xs-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-xs-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-xs-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-xs-2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.columns-xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.moxie-shim {
  z-index: 99999 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.grid {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
}

.col-double {
  grid-column: 1/span 2;
}

.popup-account input.input-field {
  border-radius: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.hidden {
  display: none;
}

.elementor-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.margin-0 {
  margin: 0 !important;
}

.list-item a,
.list-item span {
  display: inline-block;
}

.list-item a:after,
.list-item span:after {
  content: ",";
}

.list-item a:last-child:after,
.list-item span:last-child:after {
  content: "";
}

.accent-color {
  color: var(--civi-color-accent) !important;
}

.error-color {
  color: #e74807 !important;
}

.main-content {
  padding-top: 40px;
  padding-bottom: 60px;
}

.pd-top-50 {
  padding-top: 50px;
}

.pd-bottom-40 {
  padding-bottom: 40px;
}

.offset-item {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 30px, 0);
  -webkit-transform: translate3d(0, 30px, 0);
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
}

.offset-item.animate,
.elementor-editor-active .offset-item {
  opacity: 1;
  visibility: visible;
  transform: none;
  -webkit-transform: none;
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
}

.access-denied {
  padding-top: 50px;
  padding-bottom: 70px;
}

.block-heading {
  margin-bottom: 20px;
}

.block-heading .entry-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 0;
}

.block-heading .entry-count {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  align-self: flex-end;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.page .entry-content .dropdown-select li {
  margin-bottom: 0;
}

.civi-menu-filter ul.filter-control li.active a:after {
  content: "";
  background-image: url(../images/icon-close.svg);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: -15px;
}

.civi-nav-filter {
  display: flex;
  align-items: center;
}

.logged-in .pswp.pswp--open {
  margin-top: 32px;
}

.civi-map-filter .default-result {
  padding: 15px 30px;
}

.civi-marker .inner-marker {
  display: flex;
}

.civi-marker .inner-marker .entry-thumbnail img {
  width: 120px;
  height: 150px;
  object-fit: cover;
}

.civi-marker .entry-detail {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  min-width: 205px;
}

.civi-marker .place-cate {
  line-height: 18px;
  margin-bottom: 3px;
  padding-right: 20px;
}

.civi-marker .entry-detail .entry-head,
.civi-marker .entry-detail .entry-bottom {
  width: 100%;
}

.civi-marker .place-cate a {
  font-size: 12px;
  color: #8d8d8d;
  margin-right: 3px;
}

.civi-marker .place-cate a:last-child {
  margin-right: 0;
}

.civi-marker .place-title {
  margin-bottom: 3px;
}

.civi-marker .place-title .entry-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.8;
}

.civi-marker .entry-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.civi-marker .place-price {
  font-size: 16px;
}

.civi-marker .place-location a {
  color: #222;
}

.civi-marker .place-location a i {
  margin-right: 3px;
}

.civi-marker .place-location a:hover {
  color: #00aeef;
}

.civi-marker .place-preview {
  display: flex;
  font-size: 15px;
}

.civi-marker .place-preview.hidden {
  display: none;
}

.civi-marker .place-rating {
  display: table;
  font-weight: 500;
  margin-right: 3px;
}

.civi-marker .place-rating i {
  margin-left: 3px;
}

.gm-style .gm-style-iw-c {
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  max-width: 325px !important;
  max-height: inherit !important;
}

.gm-style .gm-style-iw-c button {
  top: 0 !important;
  right: 0 !important;
}

.gm-style .gm-style-iw-d {
  overflow: auto !important;
  max-height: inherit !important;
  max-width: inherit !important;
}

.poi-info-window {
  padding: 15px;
  line-height: 23px;
}

.duplicate-form-reply {
  display: none;
}

.rate {
  display: inline-block;
  border: 0;
  cursor: pointer;
}

.rate > input {
  display: block;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.rate > label#rating-error {
  margin-top: 2px;
  margin-left: 5px;
  float: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

.rate > label#rating-error:before {
  content: "";
  display: none;
}

.rate > label {
  padding: 3px;
}

.rate > label,
.rate > span {
  float: right;
  color: #dddddd;
}

.rate label + label {
  margin-left: 10px;
}

.rate > label:before {
  content: "\f005";
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}

.author-rating .star i {
  color: #dddddd;
}

.author-rating .star.checked i {
  color: #F2B827;
}

input:checked ~ label:before,
label:hover:before,
label:hover ~ label:before {
  color: #F2B827;
}

.no-result {
  display: none;
}

.table-dashboard-wapper .civi-loading-effect {
  display: none;
}

.civi-loading-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 15;
}

.civi-loading-effect:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
}

.area-civi-loading-effect:before {
  background: none;
}

#pac-input {
  position: absolute;
  top: 30px !important;
  right: 20px !important;
  height: 40px;
  border-color: #eee;
  padding: 5px 20px;
  min-width: 240px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.site-content {
  position: relative;
  z-index: 1;
}

.nav-place-map {
  position: absolute;
  top: 30px;
  left: 50px;
  z-index: 1;
  display: flex;
}

.add-menu-list .place-fields-wrap:first-child {
  margin-top: 20px;
}

.form-2-col {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.form-2-col .form-group {
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 0 50%;
  max-width: 50%;
}

.group-field + .group-field {
  margin-top: 15px;
}

.civi-steps-content .place-map {
  position: relative;
  z-index: 1;
}

.civi-steps-content .place-map #pac-input {
  top: 20px !important;
  left: 20px !important;
  max-width: 300px;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #eeeeee;
  box-shadow: none;
}

.civi-table {
  position: relative;
  width: 100%;
  background-color: #fff;
  font-size: 15px;
  border: 0;
  margin: 0;
}

.civi-table tbody {
  position: relative;
}

.civi-table tbody > span {
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  left: 50%;
  margin-top: 40px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.list-item a.mb-intro,
.list-item span.mb-intro,
.mb-intro {
  display: none;
  font-weight: 500;
  color: #2d2d2d;
}

.mb-intro:after {
  display: none;
}

.entry-my-table {
  position: relative;
  border: solid 1px #eeeeee;
  background: #fff;
}

.entry-my-table .civi-loading-effect {
  display: none;
}

.entry-my-table .civi-table > tbody span.civi-dual-ring {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.entry-my-table .civi-loading-effect.loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.civi-table > tbody > tr,
.civi-table > tfoot > tr,
.civi-table > thead > tr {
  border-bottom: solid 1px #eeeeee;
}

.civi-table > tbody > tr:last-child {
  border-bottom: 0;
}

.civi-table td,
.civi-table th {
  padding: 20px 15px;
  border: 0;
}

.civi-table td.hidden {
  display: table-cell;
}

.civi-table th {
  font-size: 15px;
  font-weight: 500;
  color: #5d5d5d;
  text-transform: uppercase;
}

.civi-table tr td:first-child,
.civi-table tr th:first-child {
  padding-left: 30px;
}

.civi-table tr td:last-child,
.civi-table tr th:last-child {
  padding-right: 30px;
}

.civi-table td.place-id {
  color: #2d2d2d;
}

.civi-table td.place-thumb {
  width: 100px;
}

.civi-table td.place-thumb img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.civi-table td.place-control a {
  color: #5d5d5d;
}

.civi-table td.place-control a:hover {
  color: var(--civi-color-accent);
}

.civi-table td.place-control a + a {
  margin-left: 20px;
}

.civi-table td.booking-action a {
  margin-left: 20px;
}

.civi-table td.booking-action a:first-child {
  margin-left: 0;
}

.civi-table td.place-status {
  display: table-cell;
}

.civi-table .has-featured {
  color: #fb6a19;
}

.civi-table td.status div {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
}

.civi-table td.publish div {
  color: #20d706;
}

.civi-table td.pending div {
  color: #f2d23d;
}

.civi-table td.expired div,
.civi-table td.canceled div {
  color: #e74807;
}

.page-control .agent-nav {
  background-color: #1d1d1d;
}

.page-control .agent-nav ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

.page-control .agent-nav ul li {
  display: inline-block;
  margin-right: 30px;
}

.page-control .agent-nav ul li a {
  border-bottom: 1px solid transparent;
}

.page-control .agent-nav ul li.active a,
.page-control .agent-nav ul li a:hover {
  border-color: #fff;
}

.page-control .agent-nav ul li:last-child {
  margin-right: 0;
}

.page-control .agent-nav ul li a {
  color: #fff;
}

.civi-my-panel-head > h2 {
  font-size: 28px;
  line-height: 39px;
  margin-bottom: 30px;
}

.civi-my-place-filter {
  color: #2d2d2d;
}

.page-control .block-search.search-input {
  max-width: 200px;
  background: none;
}

.page-control .block-search.search-input .input-search {
  padding-top: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #2d2d2d;
}

.page-control .block-search.search-input .icon-search {
  top: calc(50% - 2px);
}

.page-control .place-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.page-control .place-filter .left-filter > div {
  display: inline-block;
}

.page-control .place-filter .left-filter > div + div {
  margin-left: 30px;
}

.alert {
  margin-bottom: 30px;
}

.civi-message,
.alert {
  display: flex;
  flex-wrap: nowrap;
  font-size: 15px;
  font-weight: 500;
  padding: 22px;
  color: #5a6570;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.civi-message .icon-message {
  margin-right: 22px;
  line-height: 0;
}

.civi-message.account a {
  color: #007456;
}

.civi-message p {
  margin-bottom: 0;
}

.civi-message.alert-success,
.alert.alert-success {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #20d706;
  background-color: #ffffff;
}

.civi-message.alert-success i {
  color: #20d706;
}

.civi-message.alert-warning,
.alert.alert-warning {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #f2d23d;
  background-color: #ffffff;
}

.civi-message.alert-warning i {
  color: #f2d23d;
}

.civi-message.alert-error,
.alert.alert-error {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #ff2d55;
  background-color: #ffffff;
}

.civi-message.alert-error i {
  color: #ff2d55;
}

.form-error {
  text-align: left;
  color: #ff2d55;
  margin-top: 5px;
}

.civi-ajax-search .area-search {
  position: relative;
}

.civi-ajax-search .area-result,
.civi-ajax-search .list-categories,
.civi-ajax-search .focus-result {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 4;
  margin-top: 2px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-weight: 500;
}

.civi-ajax-search .area-result ul,
.civi-ajax-search .list-categories ul,
.civi-ajax-search .focus-result ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding: 10px 0;
  max-height: 370px;
  overflow: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.block-search .list-categories,
.block-search .search-result,
.block-search .area-result,
.block-search .focus-result {
  display: none;
  top: 100%;
  margin-top: 2px;
  text-align: left;
}

.civi-form .form-group .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  border-bottom: 2px solid #2d2d2d;
  font-style: normal;
  padding: 0 0 6px;
  width: 100%;
  box-shadow: inherit;
  background-image: initial;
}

.civi-form .form-icon {
  position: relative;
}

.civi-form .form-icon .form-control {
  padding: 10px 15px 10px 30px;
  margin-bottom: 0;
}

.civi-form .form-group + .form-group {
  margin-top: 20px;
}

.civi-form .form-icon .left {
  font-size: 24px;
  position: absolute;
  bottom: 13px;
  left: 0;
}

.civi-form .form-icon .right {
  font-size: 12px;
  position: absolute;
  bottom: 16px;
  right: 0;
}

.form-toggle {
  position: relative;
}

.form-toggle .open-toggle {
  display: block;
  text-align: left;
  cursor: pointer;
}

.form-toggle .inner-toggle {
  display: none;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}

.form-toggle.active .inner-toggle {
  display: block;
}

.form-toggle .inner-toggle > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-toggle .inner-toggle .adult {
  margin-bottom: 20px;
}

.form-toggle .inner-toggle span {
  font-size: 15px;
  color: #2a2a2a;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border: none;
}

.btn-control {
  display: flex;
  align-items: center;
}

.btn-control > span {
  margin-right: 10px;
  color: #2d2d2d;
}

.btn-control .switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
  margin-bottom: 0;
}

.btn-control .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.btn-control .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2d2d2d;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn-control .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.inner-content.has-map .btn-control .slider,
.nav-bar.has-map .btn-control .slider {
  background-color: var(--civi-color-accent);
}

.inner-content.has-map .btn-control .slider:before,
.nav-bar.has-map .btn-control .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
.btn-control .slider.round {
  border-radius: 15px;
}

.btn-control .slider.round:before {
  border-radius: 50%;
}

/*Mega menu*/
.has-mega-menu.elementor-column,
.has-mega-menu .elementor-column-wrap,
.has-mega-menu .elementor-widget-wrap {
  position: unset;
}

.elementor-widget.elementor-widget-civi-nav-menu {
  position: unset;
}

.mega-menu-full-width .elementor-nav-menu--dropdown {
  background: inherit;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-full-width,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-container {
  position: unset;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu .sub-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  min-width: 240px;
  width: auto;
  margin-top: 50px;
  z-index: 1;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.mega-menu-content .icon-cate i {
  right: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: inherit !important;
}

.mega-menu-content .icon-cate {
  position: relative;
}

.elementor-widget-civi-nav-menu .mega-menu-default .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-default .children {
  background: #fff;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  padding: 18px 20px;
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-full-width .children,
.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
  background: no-repeat;
  box-shadow: none;
  padding: 0;
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .mega-menu-content.container {
  max-width: 100%;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  padding-left: 0;
  padding-right: 0;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover > .sub-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover > .children {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 2;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.elementor-widget-civi-nav-menu .mega-menu-default .container,
.elementor-widget-civi-nav-menu .mega-menu-custom .container {
  padding-left: 0;
  padding-right: 0;
}

.popup.popup-custom .inner-popup {
  top: 50%;
  max-width: 340px;
  left: 20px;
  right: 20px;
  margin: 50px auto 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.popup.open.popup-custom .inner-popup {
  top: 50%;
  margin-top: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.popup.popup-custom .inner-popup .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
}

.civi-slick-carousel .slick-dots {
  position: inherit;
}
.civi-slick-carousel.slick-for img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.civi-slick-carousel figure.civi-image-nav {
  height: 120px;
  cursor: pointer;
}
.civi-slick-carousel figure.civi-image-nav img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  height: 120px;
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-archive-footer {
  display: -ms-flexbox;
  display: flex;
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-footer-right {
  margin-top: 0;
}

.ai-popup {
  border-radius: 8px;
}
.ai-popup .inner-popup {
  max-width: 767px;
}
.ai-popup .btn-close {
  position: absolute;
  top: 37px;
  right: 30px;
}
.ai-popup .btn-close i {
  font-size: 20px;
}
.ai-popup h4 {
  font-size: 24px;
  margin-bottom: 20px;
  padding-right: 30px;
}
.ai-popup h5 {
  font-size: 20px;
  margin-bottom: 20px;
}
.ai-popup .field-group {
  margin-bottom: 20px;
}
.ai-popup textarea {
  resize: none;
}
.ai-popup .generate-content {
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin: 0 -15px;
}
.ai-popup .generate-content .left,
.ai-popup .generate-content .right {
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  padding: 0 15px;
  transition: all 0.3s;
}
.ai-popup .generate-content .left {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}
.ai-popup .generate-content .right {
  display: none;
}
.ai-popup .generate-content.has-suggestion .left,
.ai-popup .generate-content.has-suggestion .right {
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  display: block;
}
.ai-popup .generate-content .suggestion {
  height: calc(100% - 124px);
  margin-bottom: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ece3fd;
  color: var(--civi-color-accent);
}
.ai-popup .generate-content .suggestion p:last-child {
  margin-bottom: 0;
}
.ai-popup .btn-loading {
  margin-left: 5px;
}
.ai-popup .field-notice.error p {
  color: #ff2d55;
}

.wp-block-search__inside-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
  border: 1px solid var(--civi-color-border) !important;
  border-radius: 0;
}

.tel-group {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.tel-group .select2.select2-container {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  width: 100% !important;
}
.tel-group .select2.select2-container .select2-selection {
  padding: 0 10px;
  background-color: transparent;
  border-radius: 4px 0 0 4px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid #ddd;
}
.tel-group input[type=tel] {
  position: relative;
  z-index: 2;
  margin-left: 62px;
  width: calc(100% - 62px);
  border: 0;
}
.tel-group .select2.select2-container .select2-selection__rendered {
  background-image: url("../../assets/images/flags.png");
  width: 20px;
  height: 10px;
  box-shadow: 0px 0px 1px 0px #888;
  background-repeat: no-repeat;
  font-size: 0;
}
.tel-group .select2.select2-container .select2-selection__rendered.be {
  width: 18px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ch {
  width: 15px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mc {
  width: 19px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ne {
  width: 18px;
}
.tel-group .select2.select2-container .select2-selection__rendered.np {
  width: 13px;
}
.tel-group .select2.select2-container .select2-selection__rendered.va {
  width: 15px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ac {
  height: 10px;
  background-position: 0px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ad {
  height: 14px;
  background-position: -22px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ae {
  height: 10px;
  background-position: -44px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.af {
  height: 14px;
  background-position: -66px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ag {
  height: 14px;
  background-position: -88px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ai {
  height: 10px;
  background-position: -110px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.al {
  height: 15px;
  background-position: -132px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.am {
  height: 10px;
  background-position: -154px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ao {
  height: 14px;
  background-position: -176px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.aq {
  height: 14px;
  background-position: -198px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ar {
  height: 13px;
  background-position: -220px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.as {
  height: 10px;
  background-position: -242px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.at {
  height: 14px;
  background-position: -264px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.au {
  height: 10px;
  background-position: -286px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.aw {
  height: 14px;
  background-position: -308px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ax {
  height: 13px;
  background-position: -330px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.az {
  height: 10px;
  background-position: -352px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ba {
  height: 10px;
  background-position: -374px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bb {
  height: 14px;
  background-position: -396px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bd {
  height: 12px;
  background-position: -418px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.be {
  height: 15px;
  background-position: -440px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bf {
  height: 14px;
  background-position: -460px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bg {
  height: 12px;
  background-position: -482px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bh {
  height: 12px;
  background-position: -504px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bi {
  height: 12px;
  background-position: -526px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bj {
  height: 14px;
  background-position: -548px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bl {
  height: 14px;
  background-position: -570px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bm {
  height: 10px;
  background-position: -592px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bn {
  height: 10px;
  background-position: -614px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bo {
  height: 14px;
  background-position: -636px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bq {
  height: 14px;
  background-position: -658px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.br {
  height: 14px;
  background-position: -680px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bs {
  height: 10px;
  background-position: -702px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bt {
  height: 14px;
  background-position: -724px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bv {
  height: 15px;
  background-position: -746px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bw {
  height: 14px;
  background-position: -768px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.by {
  height: 10px;
  background-position: -790px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.bz {
  height: 14px;
  background-position: -812px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ca {
  height: 10px;
  background-position: -834px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cc {
  height: 10px;
  background-position: -856px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cd {
  height: 15px;
  background-position: -878px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cf {
  height: 14px;
  background-position: -900px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cg {
  height: 14px;
  background-position: -922px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ch {
  height: 15px;
  background-position: -944px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ci {
  height: 14px;
  background-position: -961px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ck {
  height: 10px;
  background-position: -983px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.co {
  height: 14px;
  background-position: -1071px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cy {
  height: 13px;
  background-position: -1225px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.de {
  height: 12px;
  background-position: -1269px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.do {
  height: 13px;
  background-position: -1379px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.er {
  height: 10px;
  background-position: -1533px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.es {
  height: 14px;
  background-position: -1555px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.et {
  height: 10px;
  background-position: -1577px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.id {
  height: 14px;
  background-position: -2325px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.il {
  height: 15px;
  background-position: -2369px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.im {
  height: 10px;
  background-position: -2391px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.in {
  height: 14px;
  background-position: -2413px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.io {
  height: 10px;
  background-position: -2435px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.is {
  height: 15px;
  background-position: -2501px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.it {
  height: 14px;
  background-position: -2523px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.je {
  height: 12px;
  background-position: -2545px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.km {
  height: 12px;
  background-position: -2721px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.la {
  height: 14px;
  background-position: -2875px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.li {
  height: 12px;
  background-position: -2941px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mc {
  height: 15px;
  background-position: -3139px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.md {
  height: 10px;
  background-position: -3160px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.me {
  height: 10px;
  background-position: -3182px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.my {
  height: 10px;
  background-position: -3578px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.na {
  height: 14px;
  background-position: -3622px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ne {
  height: 15px;
  background-position: -3666px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.no {
  height: 15px;
  background-position: -3774px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.np {
  height: 15px;
  background-position: -3796px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.om {
  height: 10px;
  background-position: -3877px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.py {
  height: 11px;
  background-position: -4185px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.re {
  height: 14px;
  background-position: -4229px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.se {
  height: 13px;
  background-position: -4427px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.si {
  height: 10px;
  background-position: -4493px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.so {
  height: 14px;
  background-position: -4625px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.st {
  height: 10px;
  background-position: -4691px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.td {
  height: 14px;
  background-position: -4845px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.th {
  height: 14px;
  background-position: -4911px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.to {
  height: 10px;
  background-position: -5043px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.um {
  height: 11px;
  background-position: -5219px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.us {
  height: 11px;
  background-position: -5241px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.va {
  height: 15px;
  background-position: -5307px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.za {
  height: 14px;
  background-position: -5566px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.tel-group .select2.select2-container .select2-selection__rendered.zw {
  height: 10px;
  background-position: -5610px 0px;
}

@media only screen and (max-width: 991px) {
  #place-search-map #pac-input {
    display: none !important;
  }
  .lg-static {
    position: static !important;
  }
}
@media only screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-md-down {
    display: none !important;
  }
  .civi-table,
  .civi-table thead,
  .civi-table tbody,
  .civi-table th,
  .civi-table td,
  .civi-table tr {
    display: block;
  }
  .civi-table > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .civi-table > tbody > tr {
    border-top: 1px solid #ccc;
    border-bottom: 0;
  }
  .civi-table > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5;
  }
  .civi-table > tbody > tr:first-child {
    border-radius: 3px 3px 0 0;
    border-top: none;
  }
  .civi-table > tbody > tr:last-child {
    border-radius: 0 0 3px 3px;
    border-bottom: none;
  }
  .civi-table > tbody > tr td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 30% !important;
    width: 100%;
    overflow: hidden;
    text-align: right;
  }
  .civi-table > tbody > tr td:before {
    content: attr(data-title);
    position: absolute;
    top: 22px;
    left: 14px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
  }
  .civi-table.table-order > tbody > tr:nth-child(-n+3) > td:first-child {
    padding: 25px 0 25px 30% !important;
    background-position: left 32% center;
  }
  .civi-table.table-order > tbody > tr:nth-child(-n+3) > td:first-child span {
    left: 32%;
  }
  .civi-table td.place-thumb {
    width: 100%;
  }
  .civi-table td.place-status {
    display: block;
  }
  .page-control .place-filter .left-filter > div,
  .page-control .block-search.search-input {
    width: 50%;
    max-width: inherit;
  }
  .page-control .block-search.search-input {
    padding-right: 15px;
  }
  .ai-popup .generate-content {
    flex-direction: column;
  }
  .ai-popup .generate-content.has-suggestion .left,
  .ai-popup .generate-content.has-suggestion .right {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .ai-popup .generate-content.has-suggestion .left {
    margin-bottom: 30px;
  }
  .ai-popup .generate-content .suggestion {
    height: auto;
  }
}
@media only screen and (max-width: 575px) {
  .nav-place-map {
    left: 25px;
  }
  #place-search-map #pac-input {
    top: 90px !important;
    right: inherit !important;
    left: 25px !important;
  }
}
@media only screen and (max-width: 479px) {
  .page-control .agent-nav ul {
    font-size: 14px;
    text-transform: inherit;
  }
  .page-control .agent-nav ul li {
    margin-right: 20px;
  }
  #pac-input {
    min-width: 150px;
  }
  .group-field + .group-field {
    margin-top: 40px;
  }
  .civi-place-multi-step .civi-steps-content > h2,
  .main-content .entry-my-page > h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .form-2-col {
    display: block;
  }
  .form-2-col .form-group {
    max-width: 100%;
  }
  .form-2-col .form-group + .form-group {
    margin-top: 20px;
  }
  .page-control .block-search.search-input {
    width: 100%;
    padding-right: 0;
  }
  .civi-ajax-search .civi-ajax-result {
    font-size: 13px;
  }
  .civi-ajax-search .search-result ul {
    padding: 5px 0;
  }
  .civi-ajax-search .search-result ul li {
    font-size: 14px;
  }
}
.civi-payment-for .civi-package-item .civi-package-title {
  margin-bottom: 20px;
}
.civi-payment-for .civi-package-item .civi-package-title .entry-title {
  margin-top: 0 !important;
}
.civi-payment-for .civi-package-item .civi-total-price {
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px var(--civi-color-border);
}
.civi-payment-for .civi-package-item .civi-total-price span {
  display: block;
  margin-bottom: 5px;
}
.civi-payment-for .civi-package-item .civi-total-price .price {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: var(--civi-color-primary);
}
.civi-payment-for .civi-package-item .civi-total-price sup {
  font-size: 18px;
  top: 0;
}
.civi-payment-for .civi-package-item .civi-button {
  margin-top: 20px;
}

.payment-wrap .entry-title {
  font-size: 24px;
  margin-top: 25px !important;
  margin-bottom: 30px;
}

.civi-payment-method-wrap .radio {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #d8d8d8;
  background-color: #fff;
}
.civi-payment-method-wrap .radio.active {
  border-color: var(--civi-color-accent);
  background: var(--civi-color-accent);
  color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.civi-payment-method-wrap .radio + .radio {
  margin-top: 20px;
}
.civi-payment-method-wrap .radio.wire-transfer label {
  padding: 29px 15px;
}
.civi-payment-method-wrap .radio.wire-transfer label i {
  margin-right: 10px;
}
.civi-payment-method-wrap .radio label {
  display: block;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
}
.civi-payment-method-wrap .radio img {
  width: 80px;
  height: 48px;
  object-fit: contain;
  margin-right: 10px;
}
.civi-payment-method-wrap .radio input {
  display: none;
}

.payment-wrap .terms-conditions {
  margin-top: 20px;
  margin-bottom: 20px;
}
.payment-wrap .terms-conditions strong {
  color: var(--civi-color-accent);
}

.civi-payment-completed-wrap .inner-payment-completed {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.civi-payment-completed-wrap .inner-payment-completed .panel-heading {
  margin-top: 25px;
  margin-bottom: 25px;
}
.civi-payment-completed-wrap .inner-payment-completed h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.civi-payment-completed-wrap .list-group {
  padding-left: 0;
  margin-bottom: 0;
  border: 1px solid var(--civi-color-border);
  border-radius: 5px;
}
.civi-payment-completed-wrap .list-group li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
}
.civi-payment-completed-wrap .list-group li strong {
  color: #2a2a2a;
  font-weight: 500;
}
.civi-payment-completed-wrap .list-group li + li {
  border-top: 1px solid var(--civi-color-border);
}
.civi-payment-completed-wrap .civi-button {
  display: inline-block;
  margin-top: 30px;
}
.civi-payment-completed-wrap .card-info table th,
.civi-payment-completed-wrap .card-info table td {
  padding: 20px;
  font-weight: 400;
  color: #2d2d2d;
}

.civi-payment-completed-wrap {
  padding-top: 50px;
}

#civi_payment_package:hover .civi-dual-ring:after,
#civi_payment_candidate_package:hover .civi-dual-ring:after {
  border-color: var(--civi-color-accent) transparent var(--civi-color-accent);
}
#civi_payment_package .civi-loading-effect,
#civi_payment_candidate_package .civi-loading-effect {
  position: sticky;
}
#civi_payment_package .civi-loading-effect:before,
#civi_payment_candidate_package .civi-loading-effect:before {
  background-color: transparent;
}
#civi_payment_package .civi-dual-ring,
#civi_payment_candidate_package .civi-dual-ring {
  position: static;
  transform: none;
  width: 16px;
  height: 16px;
}
#civi_payment_package .civi-dual-ring:after,
#civi_payment_candidate_package .civi-dual-ring:after {
  height: 16px;
  border-width: 2px;
  margin-left: 8px;
  border-color: #fff transparent #fff;
  width: 16px;
}

#btn-razorpay,
#btn-razorpay-cancel {
  background-color: var(--civi-color-accent);
  color: #fff;
  padding: 10px 26px;
  border: 1px solid var(--civi-color-accent);
  border-radius: 3em;
  cursor: pointer;
}

#btn-razorpay[disabled=true] {
  cursor: not-allowed;
}

@media only screen and (max-width: 575px) {
  .civi-package-wrap {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .civi-payment-completed-wrap .list-group li {
    padding: 20px;
  }
}
.civi-package-wrap .row {
  margin-left: -8px;
  margin-right: -8px;
}
.civi-package-wrap .row .col-md-4 {
  margin-bottom: 30px;
}
.civi-package-wrap .entry-title {
  margin: 32px 0;
}
.civi-package-wrap .choose-package {
  text-align: center;
  margin-bottom: 30px;
}
.civi-package-wrap .choose-package h4 {
  font-size: 24px;
  margin-bottom: 11px;
}
.civi-package-wrap .choose-package p {
  margin-bottom: 0;
}
.civi-package-wrap .civi-package-thumbnail {
  margin-bottom: 15px;
}
.civi-package-wrap .civi-package-item {
  border-radius: 8px;
  border: solid 1px var(--civi-color-border);
  background-color: #ffffff;
  padding: 32px;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
}
.civi-package-wrap .civi-package-item .civi-package-title {
  margin-bottom: 10px;
}
.civi-package-wrap .civi-package-item .civi-package-title .entry-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  color: var(--civi-color-accent);
}
.civi-package-wrap .civi-package-item .civi-package-title span {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  background-color: #ffe180;
  color: var(--civi-color-primary);
}
.civi-package-wrap .civi-package-item .civi-package-price {
  font-size: 46px;
  font-weight: 600;
  color: var(--civi-color-primary);
  padding-bottom: 30px;
  border-bottom: 1px solid var(--civi-color-border);
}
.civi-package-wrap .civi-package-item .civi-package-price sup {
  font-size: 18px;
  vertical-align: 8px;
  margin-right: 3px;
}
.civi-package-wrap .civi-package-item .civi-package-choose {
  margin-top: 30px;
}
.civi-package-wrap .civi-package-item ul.list-group {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-top: 32px;
  max-height: 230px;
  overflow: auto;
}
.civi-package-wrap .civi-package-item ul.list-group li {
  font-weight: 500;
}
.civi-package-wrap .civi-package-item ul.list-group li i {
  color: var(--civi-color-accent);
  margin-right: 10px;
}
.civi-package-wrap .civi-package-item ul.list-group li + li {
  margin-top: 20px;
}
.civi-package-wrap .civi-package-item:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 18px 22px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 18px 22px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 18px 22px 5px rgba(0, 0, 0, 0.05);
}
.civi-package-wrap .civi-package-item.active {
  border-color: #ffe180;
}
.civi-package-wrap .civi-package-item.active .civi-button {
  color: #fff !important;
  background-color: var(--civi-color-accent) !important;
  border-color: var(--civi-color-accent) !important;
}
.civi-package-wrap .civi-package-item.active .civi-button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
  color: #fff !important;
}
.civi-package-wrap .civi-package-item.active .civi-package-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.civi-package-wrap .civi-package-item.current {
  border-color: var(--civi-color-accent);
}
.civi-package-wrap .civi-package-item.current .entry-title {
  position: relative;
  display: inline-block;
}
.civi-package-wrap .civi-package-item.current .entry-title:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  color: var(--civi-color-accent);
  margin-right: 10px;
}
.civi-package-wrap .civi-package-item.current .recommended {
  display: none;
}
.civi-package-wrap .time-unit {
  font-size: 18px;
  font-weight: 500;
  text-transform: lowercase;
}
.civi-package-wrap .time-unit:before {
  content: "/";
  margin-left: -5px;
}

.civi-new-package {
  margin-top: 32px;
}

#action-user-package,
#action-employer-user-package {
  font-size: 14px;
  font-weight: 500;
  color: var(--civi-color-primary);
}
#action-user-package:hover,
#action-employer-user-package:hover {
  color: var(--civi-color-accent);
}

.package-out-stock .civi-button {
  display: block;
  margin-top: 20px;
}
.package-out-stock .civi-button a {
  display: inline-block;
}
.package-out-stock span {
  color: red;
}

@media only screen and (max-width: 1199px) {
  .civi-package-wrap .civi-package-item {
    padding: 30px;
  }
  .civi-package-wrap .civi-package-item .civi-package-price {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .civi-package-wrap .row > div {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .civi-package-wrap .civi-heading .entry-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
  }
}
.submit-jobs-dashboard .widget-area-init {
  margin-top: 108px;
}
.submit-jobs-dashboard .submit-jobs-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 0;
}
.submit-jobs-dashboard .submit-jobs-header .entry-title h4 {
  font-size: 24px;
}
.submit-jobs-dashboard .submit-jobs-header .button-warpper {
  margin-top: 0;
}
.submit-jobs-dashboard .button-warpper .civi-button + .civi-button {
  margin-left: 12px;
}
.submit-jobs-dashboard .button-warpper .button-link {
  margin-right: 12px;
}
.submit-jobs-dashboard .civi-section-salary-select {
  width: 100%;
}
.submit-jobs-dashboard #range {
  display: -ms-flexbox;
  display: flex;
}
.submit-jobs-dashboard #jobs_gallery_thumbs_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.submit-jobs-dashboard #jobs-submit-company .civi-button {
  margin-top: 24px;
}
.submit-jobs-dashboard .header-about {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.submit-jobs-dashboard .header-about .civi-button {
  margin-bottom: 24px;
}
.submit-jobs-dashboard .header-about .civi-button i {
  margin-left: 5px;
  margin-right: 0;
}

#jobs-submit-general .form-group > .flex {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#jobs-submit-general .ai-helper {
  color: var(--civi-color-accent);
  cursor: pointer;
}
#jobs-submit-general .ai-helper i {
  margin-right: 8px;
}
#jobs-submit-general .ai-helper:hover {
  opacity: 0.8;
}

.about-jobs-dashboard {
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  border-radius: 16px;
  padding: 28px;
}
.about-jobs-dashboard .info-jobs-warpper {
  line-height: 1.5;
}
.about-jobs-dashboard .img-company {
  width: 54px;
  height: 54px;
  background-color: #f9f9f9;
  line-height: 54px;
  text-align: center;
  color: var(--civi-color-secondary);
  border-radius: 50%;
  margin-bottom: 16px;
}
.about-jobs-dashboard .img-company img {
  border-radius: inherit;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.about-jobs-dashboard h4 {
  font-size: 18px;
  margin-bottom: 7px;
}
.about-jobs-dashboard .name-company {
  font-weight: 500;
  color: var(--civi-color-primary);
}
.about-jobs-dashboard .cate-about {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.about-jobs-dashboard .label-warpper {
  margin-top: 18px;
}

.label-price {
  background: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.label-price i {
  padding-right: 7px;
  font-weight: normal;
}

.title-jobs-about {
  font-size: 24px;
  margin-bottom: 20px;
}
.title-jobs-about.edit-jobs {
  margin-top: 106px;
}

.my-location {
  position: absolute;
  right: 20px;
  bottom: 14px;
}

input#search-location {
  padding-right: 40px;
  height: 45px;
  background-color: #fff;
}

.jobs-fields-map .jobs-fields-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}
.jobs-fields-map .jobs-fields-title h3 {
  font-size: 16px;
}
.jobs-fields-map .control-marker a {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.jobs-fields-map .control-marker #unlock-pin {
  display: none;
}
.jobs-fields-map .control-marker.lock-marker #unlock-pin {
  display: block;
}
.jobs-fields-map .control-marker.lock-marker #lock-pin {
  display: none;
}

@media (max-width: 767px) {
  .submit-jobs-dashboard .widget-area-init {
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .submit-jobs-dashboard .button-warpper .btn-submit-draft {
    display: none;
  }
}
.civi_alert_message {
  position: fixed;
  right: 10px;
  top: 45%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
  background-color: crimson;
  padding: 20px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}
.civi_alert_message.show {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.alert-form {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 1000;
  background: #FFFFFF;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  max-width: 370px;
  padding: 24px;
  display: none;
}
.alert-form .close {
  position: absolute;
  top: 24px;
  right: 24px;
}
.alert-form .head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.alert-form .head svg {
  margin-right: 12px;
}
.alert-form .head span {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.alert-form .desc {
  margin-bottom: 20px;
}
.alert-form .civi-button {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .alert-form {
    right: 15px;
    left: 15px;
    bottom: 20px;
  }
}
.form-popup-apply {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.form-popup-apply .form-group {
  margin-bottom: 20px;
}
.form-popup-apply .btn-loading {
  display: none;
}
.form-popup-apply .bg-overlay {
  opacity: 1;
  visibility: unset;
}
.form-popup-apply .apply-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 450px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 100px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.form-popup-apply .btn-close {
  font-size: 20px;
  position: absolute !important;
  right: 35px;
}
.form-popup-apply h5 {
  font-size: 24px;
  margin-bottom: 25px;
  text-align: center;
}
.form-popup-apply p {
  color: var(--civi-color-secondary);
  margin-bottom: 35px;
}
.form-popup-apply label {
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--civi-color-primary);
}
.form-popup-apply .civi-button.button-link {
  margin-top: 24px;
  margin-bottom: 24px;
}
.form-popup-apply .button-warpper {
  display: -ms-flexbox;
  display: flex;
}
.form-popup-apply .button-warpper .civi-button {
  text-align: center;
}
.form-popup-apply .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
.form-popup-apply .message_error {
  margin-bottom: 15px;
  margin-top: 15px;
  color: red;
}
.form-popup-apply .message_error.true {
  color: lawngreen;
}
.form-popup-apply #civi_drop_cv {
  position: relative;
  margin-bottom: 0;
}
.form-popup-apply #civi_drop_cv .cv-icon-delete {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 10px;
}
.form-popup-apply #civi_select_cv {
  position: relative;
  z-index: 1;
  height: 100px;
  background-color: #f9f9f9;
  border: 1px dashed #ddd;
  width: 100%;
  color: var(--civi-color-secondary);
  cursor: pointer;
}
.form-popup-apply #civi_select_cv i {
  color: var(--civi-color-accent);
  margin-right: 5px;
}
.form-popup-apply.form-call-to .apply-popup {
  max-width: 300px;
  padding: 24px;
  top: 50%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form-popup-apply.form-call-to .phone-apply {
  display: block;
  text-align: center;
  font-size: 20px;
}

.civi-jobs-header-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.civi-jobs-header-top .logo-comnpany {
  height: 84px;
  width: 84px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 16px;
  margin-top: 10px;
}
.civi-jobs-header-top .civi-header-left {
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
}
.civi-jobs-header-top .civi-header-left .authour {
  color: var(--civi-color-primary);
  font-weight: 500;
}
.civi-jobs-header-top .civi-header-left .title-wapper {
  margin-bottom: 5px;
}
.civi-jobs-header-top .civi-header-left .title-wapper h1 {
  font-size: 28px;
  margin-bottom: 0;
}
.civi-jobs-header-top .civi-header-left .title-wapper .featured {
  margin-left: 5px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.civi-jobs-header-top .civi-header-left .title-wapper .featured:before {
  top: -0.2em;
}
.civi-jobs-header-top .civi-header-left .cate-warpper .cate {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.civi-jobs-header-top .civi-header-left .categories-warpper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.civi-jobs-header-top .civi-header-left .categories-warpper .cate-warpper:not(:first-child):before {
  content: ",";
}
.civi-jobs-header-top .civi-header-right {
  display: -ms-flexbox;
  display: flex;
}
.civi-jobs-header-top .civi-header-right .toggle-social {
  margin-right: 25px;
}
.civi-jobs-header-top .civi-header-right .toggle-social .list-social-icon i {
  color: #fff;
}
.civi-jobs-header-top .civi-header-right .added .icon-heart i {
  color: var(--civi-color-accent);
}
.civi-jobs-header-top .civi-header-right a:hover i {
  color: var(--civi-color-accent);
}
.civi-jobs-header-top .jobs-view {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.civi-jobs-header-top .jobs-view:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  background-color: var(--civi-color-secondary);
  border-radius: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.civi-jobs-header-top .jobs-view i {
  font-weight: 400;
}
.civi-jobs-header-top .jobs-view .count {
  font-weight: 500;
}

.civi-jobs-header-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 24px;
}

@media (max-width: 1199px) {
  .jobs-head-details .title-wapper h1 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .civi-jobs-header-top .civi-header-right {
    display: none;
  }
  .civi-jobs-header-top .civi-header-left .categories-warpper {
    margin-top: 5px;
  }
  .civi-jobs-header-top .logo-comnpany {
    display: none;
  }
}
.block-archive-inner.jobs-insights-details {
  padding-bottom: 8px;
}

.list-jobs-insights,
.list-jobs-insights-sidebar {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-jobs-insights p,
.list-jobs-insights-sidebar p {
  margin-bottom: 0;
}
.list-jobs-insights .list-item,
.list-jobs-insights-sidebar .list-item {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.list-jobs-insights .list-item.salary .details-info,
.list-jobs-insights-sidebar .list-item.salary .details-info {
  text-transform: none;
}
.list-jobs-insights .title-info,
.list-jobs-insights-sidebar .title-info {
  color: var(--civi-color-primary);
  font-weight: 500;
  margin-bottom: 0;
}
.list-jobs-insights .info,
.list-jobs-insights-sidebar .info {
  margin-left: 12px;
}
.list-jobs-insights .details-info,
.list-jobs-insights-sidebar .details-info {
  text-transform: capitalize;
}
.list-jobs-insights .icon-jobs,
.list-jobs-insights-sidebar .icon-jobs {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
  margin-top: 2px;
}
.list-jobs-insights .icon-jobs span,
.list-jobs-insights-sidebar .icon-jobs span {
  color: var(--civi-color-accent);
}
.list-jobs-insights .icon-jobs path,
.list-jobs-insights-sidebar .icon-jobs path {
  fill: currentColor;
}
.list-jobs-insights .icon-jobs svg,
.list-jobs-insights-sidebar .icon-jobs svg {
  color: var(--civi-color-accent);
}

.toggle-insights,
.toggle-insights-sidebar {
  margin-bottom: 30px;
}
.toggle-insights i,
.toggle-insights-sidebar i {
  margin-left: 8px;
}
.toggle-insights a,
.toggle-insights-sidebar a {
  font-size: 18px;
  color: var(--civi-color-accent);
  font-weight: 500;
}

@media (min-width: 577px) {
  .toggle-insights,
  .toggle-insights-sidebar {
    display: none;
  }
}
@media (max-width: 576px) {
  .jobs-insights-details.on.active .list-jobs-insights {
    overflow: hidden;
    height: 325px;
  }
  .jobs-insights-details.on.active .hide-all-insights {
    display: none;
  }
  .jobs-insights-details:not(.active) .toggle-insights {
    display: none;
  }
  .jobs-insights-sidebar.on.active .list-jobs-insights-sidebar {
    overflow: hidden;
    height: 325px;
  }
  .jobs-insights-sidebar.on.active .hide-all-insights-sidebar {
    display: none;
  }
  .jobs-insights-sidebar:not(.active) .toggle-insights-sidebar {
    display: none;
  }
}
.civi-description-details h4,
.civi-description-details h5,
.civi-description-details h6 {
  font-size: 18px;
  margin-bottom: 16px;
}
.civi-description-details p {
  margin-bottom: 24px;
  line-height: 1.5;
}
.civi-description-details li + li {
  margin-top: 16px;
}
.civi-description-details ul {
  list-style: disc;
}
.civi-description-details ul:last-child {
  margin-bottom: 0;
}
.civi-description-details .toggle-description {
  margin-top: 15px;
}
.civi-description-details .toggle-description i {
  margin-left: 8px;
}
.civi-description-details .toggle-description a {
  font-size: 16px;
  color: var(--civi-color-accent);
  font-weight: 500;
}

@media (min-width: 576px) {
  .civi-description-details .toggle-description {
    display: none;
  }
}
@media (max-width: 576px) {
  .civi-description-details.on .civi-description {
    overflow: hidden;
    max-height: 330px;
  }
  .civi-description-details.on .hide-all-description {
    display: none;
  }
}
div.jobs-apply-details {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgba(0, 116, 86, 0.05);
  border: 1px solid rgba(0, 116, 86, 0.07);
  border-radius: 16px;
}
div.jobs-apply-details h4 {
  font-size: 24px;
  margin-bottom: 0;
}
div.jobs-apply-details p {
  margin-bottom: 0;
}
div.jobs-apply-details .days {
  font-weight: 500;
  margin-top: 8px;
}
div.jobs-apply-details .days span {
  color: red;
}
div.jobs-apply-details .civi-button {
  padding-top: 12px;
  padding-bottom: 12px;
  min-width: 270px;
  text-align: center;
}

@media (max-width: 576px) {
  div.jobs-apply-details {
    display: block;
  }
  div.jobs-apply-details .civi-button {
    margin-top: 15px;
  }
}
.jobs-related-details .header-related {
  padding-top: 32px;
  padding-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.jobs-related-details .title-jobs {
  margin-bottom: 0;
  font-size: 24px;
}

.block-archive-sidebar {
  padding: 28px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  background-color: #fff;
}
.block-archive-sidebar + .block-archive-sidebar {
  margin-top: 16px;
}
.block-archive-sidebar h4 {
  font-size: 24px;
}

div.jobs-apply-sidebar {
  background: rgba(0, 116, 86, 0.05);
  border: 1px solid rgba(0, 116, 86, 0.07);
  padding: 28px;
  border-radius: 16px;
  text-align: center;
}
div.jobs-apply-sidebar .days {
  font-weight: 500;
  margin-bottom: 18px;
}
div.jobs-apply-sidebar .days span {
  color: red;
}
div.jobs-apply-sidebar .civi-button {
  width: 100%;
}
div.jobs-apply-sidebar .account a:hover {
  color: #fff !important;
}

.jobs-insights-sidebar {
  border: 1px solid var(--civi-color-border);
  padding: 28px 28px 8px;
  border-radius: 16px;
}
.jobs-insights-sidebar .title-jobs {
  margin-bottom: 24px;
}

.jobs-company-sidebar .company-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
.jobs-company-sidebar .company-header img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%;
}
.jobs-company-sidebar .company-header .civi-check-company:after {
  top: -3px;
}
.jobs-company-sidebar .company-phone i {
  margin-left: 7px;
  cursor: pointer;
}
.jobs-company-sidebar .name {
  margin-left: 16px;
}
.jobs-company-sidebar .name h2 {
  font-size: 18px;
  margin-bottom: 3px;
  display: inline-block;
}
.jobs-company-sidebar .name h2 a {
  color: var(--civi-color-primary);
}
.jobs-company-sidebar .name h2 a:hover {
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .name h2 i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.jobs-company-sidebar .name p {
  margin-bottom: 0;
}
.jobs-company-sidebar .name p a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.jobs-company-sidebar p {
  line-height: 1.5em;
}
.jobs-company-sidebar .tab-company {
  list-style: none;
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.jobs-company-sidebar .tab-company li + li {
  margin-left: 24px;
}
.jobs-company-sidebar .tab-company li span {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
  margin-left: 2px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.jobs-company-sidebar .tab-company li:after {
  content: "";
  bottom: 0;
  height: 2px;
  width: 100%;
  display: block;
  background-color: transparent;
  width: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.jobs-company-sidebar .tab-company li:hover:after, .jobs-company-sidebar .tab-company li.active:after {
  background-color: var(--civi-color-primary);
  width: 100%;
}
.jobs-company-sidebar .tab-company li:hover a, .jobs-company-sidebar .tab-company li.active a {
  color: var(--civi-color-primary);
}
.jobs-company-sidebar .tab-company a {
  font-size: 18px;
  font-weight: 500;
  color: var(--civi-color-secondary);
}
.jobs-company-sidebar .title-info {
  font-weight: 500;
  color: var(--civi-color-primary);
  margin-bottom: 3px;
}
.jobs-company-sidebar .list-cate {
  padding-left: 0;
  margin-bottom: 0;
}
.jobs-company-sidebar .list-cate .cate {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .details-info span:not(:first-child):before,
.jobs-company-sidebar .list-cate .cate:not(:first-child):before {
  content: ",";
}
.jobs-company-sidebar .content {
  margin-bottom: 20px;
}
.jobs-company-sidebar .content p {
  margin-bottom: 0;
  display: none;
}
.jobs-company-sidebar .content p:first-child {
  display: inline-block;
}
.jobs-company-sidebar .content.is-active p {
  display: inline-block;
  margin-bottom: 12px;
}
.jobs-company-sidebar .content a {
  color: #007456;
}
.jobs-company-sidebar .content a:hover {
  text-decoration: underline;
}
.jobs-company-sidebar .details-info {
  margin-bottom: 0;
}
.jobs-company-sidebar .details-info.email a {
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .info {
  margin-bottom: 15px;
}
.jobs-company-sidebar .info i.fa-eye {
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  top: -3px;
}
.jobs-company-sidebar .civi-button i {
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
}
.jobs-company-sidebar .button-visit {
  margin-top: 20px;
}
.jobs-company-sidebar .button-send {
  margin-top: 10px;
}
.jobs-company-sidebar .button-send.button-outline {
  border-color: var(--civi-color-accent);
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .list-social {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.jobs-company-sidebar .list-social li + li {
  margin-left: 16px;
}
.jobs-company-sidebar .list-social a {
  font-weight: 500;
  color: var(--civi-color-secondary);
  font-size: 20px;
}
.jobs-company-sidebar .list-social a:hover {
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .list-jobs {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.jobs-company-sidebar .list-jobs li:not(:first-child) {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--civi-color-border);
}
.jobs-company-sidebar .list-jobs .title {
  line-height: 0.8;
}
.jobs-company-sidebar .list-jobs .title a {
  color: var(--civi-color-primary);
  font-size: 18px;
}
.jobs-company-sidebar .list-jobs .info-company > span + span:before {
  content: "/";
}
.jobs-company-sidebar .list-jobs .categories span {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.jobs-company-sidebar .list-jobs .categories span + span:before,
.jobs-company-sidebar .list-jobs .cate-skills span + span:before {
  content: ",";
}
.jobs-company-sidebar .civi-send-mess {
  margin-top: 10px;
  width: 100%;
  background-color: transparent;
  text-align: center;
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .civi-send-mess:hover {
  background-color: var(--civi-color-accent);
  color: #fff;
}
.jobs-company-sidebar .civi-send-mess:after {
  content: "\f1d8";
  font-family: "Font Awesome 5 Pro";
  margin-left: 5px;
}

#tab-sidebar-jobs .civi-button {
  border-color: var(--civi-color-accent);
  color: var(--civi-color-accent);
  margin-top: 32px;
}
#tab-sidebar-jobs .civi-button:hover {
  color: #fff;
}
#tab-sidebar-jobs .cate-warpper a {
  color: var(--civi-color-accent);
  font-weight: 500;
}

.jobs-gallery-details .slick-dots li button:before {
  display: inline-block;
  font-size: 8px;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--civi-color-border);
  opacity: 1;
}
.jobs-gallery-details .slick-dots li.slick-active button:before {
  background-color: var(--civi-color-accent);
}
.jobs-gallery-details .slick-dotted.slick-slider {
  margin-bottom: 15px;
}
.jobs-gallery-details figure img {
  height: 230px;
  object-fit: cover;
  border-radius: 8px;
}
.jobs-gallery-details .slick-nav .slick-arrow {
  top: calc(50% - 15px);
}

.jobs-thumbnail-details {
  background-color: #fff;
}
.jobs-thumbnail-details img {
  border-radius: 6px 6px 0 0;
}
.jobs-thumbnail-details .logo-comnpany {
  border: 4px solid #fff;
  border-radius: 50%;
  margin-top: -37px;
  margin-left: 32px;
  margin-bottom: -16px;
}

@media (max-width: 480px) {
  .jobs-thumbnail-details img {
    height: 150px;
    object-fit: cover;
  }
}
.block-archive-top {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
}
.block-archive-top .block-archive-inner:first-child {
  border-radius: 16px 16px 0 0;
}
.block-archive-top .block-archive-inner:last-child {
  border-radius: 0 0 16px 16px;
}
.block-archive-top .logo-comnpany {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
}

.civi-block-inner {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}

.block-archive-inner {
  padding: 32px;
  background-color: #fff;
}
.block-archive-inner + .block-archive-inner {
  border-top: 1px solid var(--civi-color-border);
}
.block-archive-inner .title-jobs,
.block-archive-inner .title-service,
.block-archive-inner .title-company,
.block-archive-inner .title-candidate {
  font-size: 24px;
  margin-bottom: 24px;
}

.civi-apply-bottombar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 8px 0px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 8px 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 8px 0px 10px rgba(0, 0, 0, 0.15);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  padding: 12px 24px;
}
.civi-apply-bottombar .jobs-share {
  padding-left: 26px;
  padding-right: 26px;
}
.civi-apply-bottombar .jobs-share:hover i {
  color: var(--civi-color-accent);
}
.civi-apply-bottombar .civi-button {
  width: 100%;
  display: block;
  text-align: center;
}
.civi-apply-bottombar .account {
  width: 100%;
}
.civi-apply-bottombar .toggle-social .social-share {
  bottom: 100%;
  margin-bottom: 8px;
}

.label-type {
  color: #6c4cbe;
  background-color: #f5ecff;
}

.label-location {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}
.label-location i {
  padding-right: 5px;
  font-weight: normal;
}

.label-skills {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}

body.single-jobs .widget-area-init.has-sticky,
body.single-service .widget-area-init.has-sticky {
  position: sticky;
  top: 30px;
  z-index: 2;
}

body.admin-bar.single-jobs .widget-area-init.has-sticky,
body.admin-bar.single-service .widget-area-init.has-sticky {
  position: sticky;
  top: 60px;
  z-index: 2;
}

body.single-service #wrapper {
  overflow: inherit;
}

.jobs-share i {
  font-weight: 500;
  font-size: 20px;
}

.related-inner .civi-jobs-item + .civi-jobs-item {
  margin-top: 16px;
}

.label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

@media (min-width: 576px) {
  .civi-apply-bottombar {
    display: none;
  }
}
@media (max-width: 767px) {
  .block-archive-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .block-archive-inner .label {
    margin-top: 8px;
  }
  .jobs-skills-details .title-jobs {
    margin-bottom: 16px;
  }
  .jobs-gallery-details.block-archive-inner {
    padding-bottom: 32px;
  }
  div.jobs-apply-details {
    text-align: center;
  }
  .jobs-related-details .header-related .civi-button {
    display: none;
  }
  .site-layout:not(.type-1) .single-jobs-area .block-archive-top .logo-comnpany {
    margin-left: 16px;
  }
  .jobs-share i {
    color: var(--civi-color-text);
  }
}
@media (max-width: 576px) {
  body.single-jobs .jobs-apply-sidebar,
  body.single-jobs .jobs-apply-details {
    display: none;
  }
}
.civi-jobs-item.layout-list {
  padding-bottom: 20px;
}
.civi-jobs-item.layout-list .jobs-archive-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.civi-jobs-item.layout-list .jobs-header-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}
.civi-jobs-item.layout-list .jobs-header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
}
.civi-jobs-item.layout-list .jobs-archive-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.civi-jobs-item.layout-list .jobs-footer-left {
  margin-right: 15px;
}
.civi-jobs-item.layout-list .logo-comnpany {
  margin-right: 16px;
}

@media (max-width: 767px) {
  .civi-jobs-item.layout-list .jobs-archive-header {
    position: relative;
  }
  .civi-jobs-item.layout-list .logo-comnpany {
    margin-bottom: 25px;
    margin-right: 0;
  }
  .civi-jobs-item.layout-list .jobs-header-left {
    display: block;
  }
  .civi-jobs-item.layout-list .jobs-header-left h3 {
    margin-bottom: 12px;
  }
  .civi-jobs-item.layout-list .jobs-header-right {
    position: absolute;
    right: 0;
  }
  .civi-jobs-item.layout-list .jobs-left-inner {
    margin-left: 0;
  }
  .civi-jobs-item.layout-list .jobs-archive-footer {
    display: block;
  }
  .civi-jobs-item.layout-list .jobs-footer-right {
    margin-top: 10px;
  }
}
.civi-jobs-item.layout-grid .jobs-logo-company {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}
.civi-jobs-item.layout-grid .info-jobs-cate {
  margin-top: 24px;
}
.civi-jobs-item.layout-grid .days {
  margin-top: 32px;
}

.civi-jobs-item {
  padding: 28px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
  position: relative;
}
.civi-jobs-item.active {
  border-color: var(--civi-color-accent) !important;
}
.civi-jobs-item:hover {
  -webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-jobs-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-jobs-item h4 {
  margin-bottom: 5px;
}
.civi-jobs-item h4 a {
  font-size: 18px;
  color: var(--civi-color-primary);
}
.civi-jobs-item h4 a:hover {
  color: var(--civi-color-accent);
}
.civi-jobs-item .authour {
  color: var(--civi-color-primary);
  font-weight: 500;
}
.civi-jobs-item .categories-warpper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.civi-jobs-item .categories-warpper a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.civi-jobs-item .categories-warpper .cate-warpper:not(:first-child):before {
  content: ",";
}
.civi-jobs-item .jobs-archive-footer {
  margin-top: 24px;
}
.civi-jobs-item .logo-comnpany {
  height: 54px;
  width: 54px;
  object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
}
.civi-jobs-item .btn-add-to-wishlist {
  top: 3px;
  position: relative;
}
.civi-jobs-item .label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
}
.civi-jobs-item .label-type {
  color: #6c4cbe;
  background-color: #f5ecff;
}
.civi-jobs-item .label-price {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.civi-jobs-item .days {
  margin-bottom: 8px;
  font-weight: 500;
  white-space: nowrap;
}
.civi-jobs-item .days span {
  color: var(--civi-color-accent);
}
.civi-jobs-item .jobs-title {
  font-size: 18px;
  margin-bottom: 0;
}
.civi-jobs-item .jobs-title a {
  color: var(--civi-color-primary);
}
.civi-jobs-item .jobs-title a:hover {
  color: var(--civi-color-accent);
}
.civi-jobs-item .jobs-des {
  margin-top: 24px;
}
.civi-jobs-item .jobs-status {
  display: -ms-flexbox;
  display: flex;
}
.civi-jobs-item .jobs-status .tooltip {
  margin-right: 15px;
  display: block;
  width: max-content;
}

.ui-autocomplete {
  position: absolute;
  padding-left: 0;
  margin-left: 0;
  top: 100%;
  left: 0;
  z-index: 9999;
  float: left;
  display: none;
  min-width: 160px;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  max-height: 185px;
  overflow: auto;
  font-size: 14px;
}
.ui-autocomplete::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 5px;
}
.ui-autocomplete::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 5px;
}
.ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 5px;
}
.ui-autocomplete > a.ui-corner-all {
  -webkit-transition: all 0.1s ease 0s;
  -moz-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: var(--civi-color-text);
  white-space: nowrap;
  text-decoration: none;
}
.ui-autocomplete .ui-menu-item {
  padding: 5px 15px;
  font-size: 15px;
}
.ui-autocomplete .ui-menu-item .ui-state-active {
  cursor: pointer;
  background-color: transparent !important;
  border: 0 !important;
}
.ui-autocomplete .ui-menu-item:hover {
  background-color: rgba(0, 116, 86, 0.05) !important;
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item:hover .ui-state-active {
  cursor: pointer;
  color: var(--civi-color-accent);
  background-color: inherit;
  border: 0 !important;
}
.ui-autocomplete .ui-state-focus {
  border: 0 !important;
  color: var(--civi-color-text) !important;
  margin: 0 !important;
  background: #fff !important;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.company-head-details .civi-company-header-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.company-head-details .civi-company-header-top .logo-comnpany {
  width: 64px;
  height: 64px;
}
.company-head-details .civi-company-header-top .logo-comnpany img {
  border-radius: 50%;
  height: 100%;
}
.company-head-details .title-wapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.company-head-details .title-wapper h1 {
  font-size: 28px;
  font-weight: 500;
}
.company-head-details .title-wapper i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.company-head-details .logo-comnpany {
  margin-right: 16px;
}
.company-head-details .company-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company-head-details .company-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.company-head-details .company-warpper .cate-warpper {
  font-weight: 500;
  margin-right: 8px;
}
.company-head-details .company-warpper .cate-warpper:not(:nth-child(2)):before {
  content: ",";
}
.company-head-details .company-warpper i {
  font-size: 18px;
  color: var(--civi-color-secondary);
  margin-right: 8px;
  font-weight: 400;
}
.company-head-details .civi-company-header-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 32px;
}
.company-head-details .civi-company-header-bottom a {
  margin-right: 8px;
}
.company-head-details .civi-company-header-bottom .btn-webs {
  border-color: var(--civi-color-primary);
}

.company-overview-details {
  line-height: 1.5;
}

@media (min-width: 577px) {
  .company-overview-details {
    padding-bottom: 8px;
  }
}
.company-related-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.company-related-details .related-inner {
  position: relative;
}
.company-related-details .civi-loading-effect {
  display: none;
}

.company-review-details,
.service-review-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.company-review-details .entry-heading,
.service-review-details .entry-heading {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.company-review-details .rating-count,
.service-review-details .rating-count {
  font-size: 20px;
  color: #fff;
  background-color: var(--civi-color-accent);
  padding: 5px 16px;
  border-radius: 8px;
}
.company-review-details .rating-count i,
.service-review-details .rating-count i {
  font-size: 18px;
}
.company-review-details .review-count,
.service-review-details .review-count {
  color: var(--civi-color-secondary);
  margin-left: 12px;
}
.company-review-details .entry-overview,
.service-review-details .entry-overview {
  padding-top: 15px;
  padding-bottom: 15px;
}

.reviews-list {
  padding-left: 0;
  list-style: none;
}
.reviews-list .entry-avatar img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%;
  max-width: max-content;
}
.reviews-list .entry-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.reviews-list .entry-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-left: 16px;
}
.reviews-list .author-name {
  font-size: 16px;
  margin-bottom: 0;
}
.reviews-list .review-date {
  color: var(--civi-color-secondary);
}
.reviews-list .review-content {
  line-height: 1.5;
  margin-top: 11px;
  margin-bottom: 11px;
}
.reviews-list .review-title {
  font-size: 22px;
  margin-bottom: 0;
}
.reviews-list .entry-comment ul {
  padding-left: 0;
  margin-bottom: 10px;
}
.reviews-list .entry-comment li {
  list-style: none;
}
.reviews-list .entry-comment img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.reviews-list ol {
  list-style: none;
}
.reviews-list .author-review {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}

.add-new-review {
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.add-new-review .form-group + .form-group {
  margin-top: 20px;
}
.add-new-review .form-media input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.add-new-review .civi-submit-company-rating,
.add-new-review .civi-submit-service-rating {
  margin-top: 24px;
}
.add-new-review .login-for-review {
  font-weight: 500;
}
.add-new-review .login-for-review a {
  color: var(--civi-color-accent);
}
.add-new-review label span.name {
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  border-radius: 20px;
  background-color: #ededed;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
}
.add-new-review label span.name:before {
  content: "\f03e";
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  vertical-align: -2px;
}
.add-new-review .form-media {
  display: none;
}
.add-new-review .review-title {
  font-size: 24px;
}
.add-new-review .custom-area .current-user-avatar {
  position: absolute;
  top: 35px;
  left: 35px;
}
.add-new-review .custom-area .current-user-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  object-fit: cover;
}
.add-new-review .custom-area textarea {
  border-color: #ccc;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding: 35px 35px 35px 105px;
  max-height: 150px;
  resize: none;
}
.add-new-review .star-rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 49%;
}
.add-new-review .rate-title {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 500;
}
.add-new-review .rate-title span {
  display: inline-block;
  vertical-align: middle;
}

.add-new-review .tip,
.rating-bars .tip {
  background-color: var(--civi-color-secondary);
  height: 15px;
  width: 15px;
  display: inline-block;
  font-size: 11px;
  border-radius: 50%;
  cursor: help;
  text-align: center;
  position: relative;
  vertical-align: -1px;
  margin-left: 3px;
  line-height: 20px;
}
.add-new-review .tip:hover .tip-content,
.rating-bars .tip:hover .tip-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, calc(-100% - 13px));
  -moz-transform: translate(-50%, calc(-100% - 13px));
  -o-transform: translate(-50%, calc(-100% - 13px));
  -ms-transform: translate(-50%, calc(-100% - 13px));
  transform: translate(-50%, calc(-100% - 13px));
}
.add-new-review .tip:after,
.rating-bars .tip:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f12a";
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 7px;
  line-height: normal;
  vertical-align: 3px;
  font-style: normal;
  color: #fff;
}
.add-new-review .tip .tip-content,
.rating-bars .tip .tip-content {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% - 20px));
  -moz-transform: translate(-50%, calc(-100% - 20px));
  -o-transform: translate(-50%, calc(-100% - 20px));
  -ms-transform: translate(-50%, calc(-100% - 20px));
  transform: translate(-50%, calc(-100% - 20px));
  background: #333;
  color: #fff;
  padding: 13px 15px;
  min-width: 200px;
  max-width: 200px;
  font-size: 13px;
  border-radius: 4px;
  line-height: 19px;
  pointer-events: none;
  z-index: 999;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.add-new-review .tip .tip-content:after,
.rating-bars .tip .tip-content:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 22px;
  color: #333;
  transform: translate(-50%, 50%);
}

.rating-bars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
.rating-bars .rating-bars-item {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 15px 30px;
}
.rating-bars .rating-bars-item .value-rating {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.rating-bars .rating-bars-name {
  font-weight: 500;
  display: block;
}
.rating-bars .rating-bars-inner {
  display: -ms-flexbox;
  display: flex;
}
.rating-bars .rating-bars-rating {
  display: inline-block;
  vertical-align: baseline;
  background: #efefef;
  width: 100%;
  height: 6px;
  margin-right: 10px;
  border-radius: 3px;
  overflow: hidden;
  background-color: var(--civi-color-border);
  align-self: center;
}
.rating-bars .rating-bars-rating.high .rating-bars-rating-inner {
  background-color: var(--civi-color-accent);
}
.rating-bars .rating-bars-rating-inner {
  height: 6px;
  display: block;
  background-color: var(--civi-color-accent);
  position: relative;
  width: 0;
  transition: width 0.5s;
}

.repreviewForm {
  margin-bottom: 15px;
}
.repreviewForm .civi-button i {
  margin-left: 8px;
}

.civi-review-details .toggle-review {
  margin-top: 10px;
  margin-bottom: 10px;
}
.civi-review-details .toggle-review i {
  margin-left: 8px;
}
.civi-review-details .toggle-review a {
  font-size: 18px;
  color: var(--civi-color-accent);
  font-weight: 500;
}

@media (min-width: 576px) {
  .civi-review-details .toggle-review {
    display: none;
  }
}
@media (max-width: 576px) {
  .civi-review-details.on .civi-review {
    overflow: hidden;
    max-height: 120px;
  }
  .civi-review-details.on .hide-all-review {
    display: none;
  }
}
.has-large-thumbnail.company-thumbnail-details img {
  border-radius: 16px;
  width: 100%;
}

.company-thumbnail-details:not(.has-large-thumbnail) .container {
  padding-right: 0;
  padding-left: 0;
}
.company-thumbnail-details img {
  border-radius: 16px 16px 0 0;
}

@media (max-width: 576px) {
  .has-large-thumbnail.company-thumbnail-details {
    margin-top: 25px;
    margin-bottom: -30px;
  }
}
.title-company {
  font-size: 24px;
  margin-bottom: 24px;
}

.company-sidebar .list-social {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.company-sidebar .civi-location {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.company-sidebar .civi-location h3 {
  font-size: 24px;
  margin-bottom: 0;
}

.civi-rating-warpper .rating-count {
  position: relative;
  padding-left: 15px;
}
.civi-rating-warpper .rating-count:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  left: 2px;
}
.civi-rating-warpper .rating-count i {
  color: var(--civi-color-accent);
  font-weight: bold;
  margin-right: 0;
}
.civi-rating-warpper .rating-count span {
  font-weight: 500;
  color: var(--civi-color-accent);
  margin-right: 3px;
}
.civi-rating-warpper .review-count {
  color: var(--civi-color-secondary);
  font-weight: 500;
}

@media (max-width: 576px) {
  .company-info {
    display: block;
  }
  .civi-rating-warpper {
    margin-top: 10px;
  }
  .company-head-details .civi-company-header-bottom a {
    margin-bottom: 8px;
  }
  .rating-bars .rating-bars-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .add-new-review .star-rating {
    width: 100%;
  }
}
.civi-company-item.layout-list {
  padding-bottom: 20px;
}
.civi-company-item.layout-list .company-header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .civi-company-item.layout-list .company-header-right {
    display: block;
  }
  .civi-company-item.layout-list .company-title {
    margin-top: 14px;
  }
}
@media (max-width: 576px) {
  .civi-company-item.layout-list .company-bottom {
    display: block;
  }
  .civi-company-item.layout-list .company-available {
    margin-top: 15px;
  }
}
.civi-company-item.layout-grid .company-title {
  margin-top: 14px;
}
.civi-company-item.layout-grid .review-count {
  display: none;
}
.civi-company-item.layout-grid .company-bottom {
  display: block;
}
.civi-company-item.layout-grid .company-available {
  margin-top: 15px;
}

.civi-company-item.layout-thumbnail-grid {
  overflow: hidden;
}
.civi-company-item.layout-thumbnail-grid .company-title {
  margin-bottom: 5px;
}
.civi-company-item.layout-thumbnail-grid .company-top {
  display: -ms-flexbox;
  display: flex;
}
.civi-company-item.layout-thumbnail-grid .company-thumbnail {
  border-radius: 16px 16px 0 0;
  margin: -28px -28px 24px -28px;
}
.civi-company-item.layout-thumbnail-grid .company-thumbnail img {
  border-radius: 16px 16px 0 0;
}
.civi-company-item.layout-thumbnail-grid.civi-company-item .company-bottom {
  display: block;
}
.civi-company-item.layout-thumbnail-grid .company-available {
  margin-top: 24px;
}
.civi-company-item.layout-thumbnail-grid .review-count {
  display: none;
}

.archive-layout .inner-content.layout-thumbnail-list .area-archive {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}

.layout-thumbnail-list .company-content-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.layout-thumbnail-list .company-pos {
  width: 100%;
}
.layout-thumbnail-list .company-thumbnail {
  width: 260px;
  margin: -28px 24px -28px -28px;
  border-radius: 16px 0 0 16px;
  flex-shrink: 0;
}
.layout-thumbnail-list .company-thumbnail img {
  border-radius: 16px 0 0 16px;
  object-fit: cover;
  height: 100%;
}
.layout-thumbnail-list .company-top {
  display: -ms-flexbox;
  display: flex;
}

.layout-thumbnail-grid img,
.layout-thumbnail-list img {
  -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.layout-thumbnail-grid .company-thumbnail,
.layout-thumbnail-list .company-thumbnail {
  overflow: hidden;
}
.layout-thumbnail-grid.civi-company-item:hover .company-thumbnail img,
.layout-thumbnail-list.civi-company-item:hover .company-thumbnail img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

@media (max-width: 767px) {
  .layout-thumbnail-list.civi-company-item .company-bottom {
    display: block;
  }
  .layout-thumbnail-list .company-available {
    margin-top: 24px;
  }
}
@media (max-width: 576px) {
  .layout-thumbnail-list .company-content-wrapper {
    display: block;
  }
  .layout-thumbnail-list .company-thumbnail {
    width: auto;
    margin: -28px -28px 24px -28px;
    border-radius: 16px 16px 0 0;
  }
  .layout-thumbnail-list .company-thumbnail img {
    border-radius: 16px 16px 0 0;
  }
}
.civi-company-item.layout-follow-bottom .company-header-right {
  display: -ms-flexbox;
  display: flex;
}
.civi-company-item.layout-follow-bottom .company-header-right .review-count {
  display: none;
}
.civi-company-item.layout-follow-bottom .des-company {
  margin-top: 16px;
}
.civi-company-item.layout-follow-bottom .company-cate {
  margin-top: 15px;
}
.civi-company-item.layout-follow-bottom .company-bottom {
  margin-top: 16px;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .civi-company-item.layout-follow-bottom .company-status-inner {
    position: static;
  }
}
@media (max-width: 375px) {
  .civi-company-item.layout-follow-bottom .company-bottom {
    display: block;
  }
  .civi-company-item.layout-follow-bottom .company-status-inner {
    margin-top: 16px;
  }
}
.civi-company-item.layout-button-jobs {
  padding: 20px;
  text-align: center;
}
.civi-company-item.layout-button-jobs .logo-comnpany {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.civi-company-item.layout-button-jobs .des-company {
  margin-top: 9px;
}
.civi-company-item.layout-button-jobs .civi-rating-warpper .review-count {
  display: none;
}
.civi-company-item.layout-button-jobs .company-inner {
  -ms-flex-pack: center;
  justify-content: center;
}
.civi-company-item.layout-button-jobs .company-available {
  margin-top: 14px;
}
.civi-company-item.layout-button-jobs .company-img {
  margin-right: 0;
  margin-bottom: 8px;
}
.civi-company-item.layout-button-jobs .civi-button {
  margin-top: 8px;
}
.civi-company-item.layout-button-jobs .civi-button i {
  font-size: 14px;
}

.civi-company-item {
  padding: 28px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  position: relative;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
}
.civi-company-item:hover {
  -webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-company-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-company-item .company-header,
.civi-company-item .company-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.civi-company-item .company-status-inner .civi-button {
  min-width: 135px;
}
.civi-company-item .company-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.civi-company-item .company-bottom {
  margin-top: 24px;
}
.civi-company-item .company-available {
  font-weight: 500;
}
.civi-company-item .company-available span {
  color: var(--civi-color-accent);
}
.civi-company-item .logo-comnpany {
  height: 54px;
  width: 54px;
  object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  max-width: none;
}
.civi-company-item .company-img {
  margin-right: 16px;
  display: block;
}
.civi-company-item .company-size,
.civi-company-item .company-location {
  margin-right: 15px;
}
.civi-company-item .company-size a,
.civi-company-item .company-location a {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.civi-company-item .company-size i,
.civi-company-item .company-location i {
  font-size: 18px;
  font-weight: 400;
  margin-right: 7px;
}
.civi-company-item .civi-rating-warpper .rating-count {
  padding-left: 0;
}
.civi-company-item .civi-rating-warpper .rating-count:before {
  content: none;
}
.civi-company-item .company-title {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 5px;
}
.civi-company-item .company-title a {
  color: var(--civi-color-primary);
}
.civi-company-item .company-title a:hover {
  color: var(--civi-color-accent);
}
.civi-company-item .company-title i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  background-color: #3ab446;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  margin-left: 5px;
  color: #fff;
}
.civi-company-item .label-categories {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}
.civi-company-item .label-categories i {
  padding-right: 5px;
  font-weight: normal;
}
.civi-company-item .des-company {
  margin-top: 22px;
  line-height: 1.5;
}
.civi-company-item .civi-check-company:after {
  top: -3px;
}

.company-status-inner .civi-dual-ring,
.civi-company-header-bottom .civi-dual-ring,
.candidate-status-inner .civi-dual-ring,
.civi-candidate-header-bottom .civi-dual-ring {
  width: 16px;
  height: 16px;
  position: static;
  transform: none;
  margin-bottom: -2px;
  margin-right: 10px;
}
.company-status-inner .civi-dual-ring:after,
.civi-company-header-bottom .civi-dual-ring:after,
.candidate-status-inner .civi-dual-ring:after,
.civi-candidate-header-bottom .civi-dual-ring:after {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

.civi-add-to-follow:hover .civi-dual-ring:after,
.civi-add-to-follow-candidate:hover .civi-dual-ring:after {
  border-color: #fff transparent #fff transparent;
}
.civi-add-to-follow.added .fa-plus:before,
.civi-add-to-follow-candidate.added .fa-plus:before {
  content: "\f00c";
}
.civi-add-to-follow.removed .fa-check:before,
.civi-add-to-follow-candidate.removed .fa-check:before {
  content: "\f067";
}

@media (max-width: 576px) {
  .civi-company-item .company-header {
    position: relative;
  }
  .civi-company-item .company-status-inner {
    position: absolute;
    right: 0;
  }
  .civi-company-item .review-count {
    display: none;
  }
  .civi-company-item .civi-rating-warpper {
    margin-top: 0;
  }
}
#jobs_type-error,
#jobs_skills-error {
  position: absolute;
  z-index: 2;
  bottom: -23px;
}

.submit-company-header h4 {
  font-size: 28px;
}
.submit-company-header .button-warpper {
  margin-top: 0;
}

#company-submit-video .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.about-company-dashboard .title-company-about {
  font-size: 24px;
  margin-bottom: 24px;
}
.about-company-dashboard .img-company {
  width: 64px;
  height: 64px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 64px;
  border-radius: 50%;
}
.about-company-dashboard .img-company i {
  font-size: 20px;
  color: var(--civi-color-secondary);
}
.about-company-dashboard .img-company img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  object-fit: cover;
}
.about-company-dashboard .title-about {
  font-size: 16px;
}
.about-company-dashboard .company-right {
  margin-left: 15px;
}
.about-company-dashboard .company-right i {
  color: var(--civi-color-secondary);
  font-weight: 400;
  margin-right: 5px;
}
.about-company-dashboard .company-right .title-about {
  display: inline-block;
}
.about-company-dashboard .info-company {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.about-company-dashboard .des-about {
  margin-bottom: 0;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  -webkit-line-clamp: 3;
  max-height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.submit-company-dashboard .widget-area-init {
  margin-top: 100px;
}
.submit-company-dashboard .button-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0;
}
.submit-company-dashboard .button-warpper .civi-button + .civi-button {
  margin-left: 15px;
}

@media (max-width: 576px) {
  .submit-company-dashboard .submit-company-header {
    display: block;
  }
  .submit-company-dashboard .submit-company-header .entry-title {
    margin-bottom: 20px;
  }
  .submit-company-dashboard .button-warpper {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #company-submit-media .company-fields-warpper {
    display: block;
  }
  #company-submit-media .company-fields-thumbnail {
    margin-top: 30px;
  }
}
body.admin-bar.single-company .widget-area-init.has-sticky {
  position: sticky;
  top: 60px;
  z-index: 2;
}

body.single-company #wrapper {
  overflow: inherit;
}
body.single-company .widget-area-init.has-sticky {
  position: sticky;
  top: 30px;
  z-index: 2;
}

.civi-check-company {
  background-color: var(--civi-color-secondary);
  height: 15px;
  width: 15px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin-left: 5px;
  line-height: 15px;
  z-index: 2;
}
.civi-check-company.active {
  background-color: #3ab446;
}
.civi-check-company:hover .tip-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, calc(-100% - 13px));
  -moz-transform: translate(-50%, calc(-100% - 13px));
  -o-transform: translate(-50%, calc(-100% - 13px));
  -ms-transform: translate(-50%, calc(-100% - 13px));
  transform: translate(-50%, calc(-100% - 13px));
}
.civi-check-company:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  position: relative;
  font-size: 8px;
  color: #fff;
  top: -2px;
}
.civi-check-company .tip-content {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% - 20px));
  -moz-transform: translate(-50%, calc(-100% - 20px));
  -o-transform: translate(-50%, calc(-100% - 20px));
  -ms-transform: translate(-50%, calc(-100% - 20px));
  transform: translate(-50%, calc(-100% - 20px));
  background: #333;
  color: #fff;
  padding: 10px;
  min-width: 200px;
  line-height: 1.5;
  font-size: 12px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 999;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.civi-check-company .tip-content:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 22px;
  color: #333;
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.civi-check-company .tip-content h4 {
  font-size: 13px;
  color: #fff;
}
.civi-check-company .tip-content .list-check {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.civi-check-company .tip-content .list-check li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.civi-check-company .tip-content .list-check li.active i.fa-check {
  background-color: #3ab446;
}
.civi-check-company .tip-content .list-check i.fa-check {
  font-size: 8px;
  width: 15px;
  height: 15px;
  background-color: var(--civi-color-secondary);
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin-left: 0;
  margin-right: 5px;
}

.company-gallery-details figure img {
  height: 230px;
  object-fit: cover;
  border-radius: 8px;
}
.company-gallery-details .slick-nav .slick-arrow {
  top: calc(50% - 15px);
}

#company-submit-media #civi_thumbnail_container {
  height: 150px;
}
#company-submit-media #civi_add_thumbnail {
  width: 100%;
}
#company-submit-media .company-fields-warpper {
  display: -ms-flexbox;
  display: flex;
}
#company-submit-media .company-fields-thumbnail {
  width: 100%;
}

.site-layout.has-large-thumbnail {
  margin-top: 24px;
}

.ui-widget.ui-widget-content {
  border: 0 !important;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
}

#slider-range {
  background-color: var(--civi-color-border);
  height: 4px;
  border: none;
  cursor: pointer;
}
#slider-range .ui-state-default, #slider-range .ui-widget-content .ui-state-default, #slider-range .ui-widget-header .ui-state-default {
  border: 3px solid var(--civi-color-accent);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: var(--civi-color-border);
  cursor: pointer;
}
#slider-range .ui-state-default:focus-visible {
  outline: var(--civi-color-accent);
}

#range-slider {
  padding-top: 18px;
}
#range-slider #amount {
  background-color: transparent;
  text-align: center;
  margin-top: 10px;
  border: 0 !important;
}

.ui-slider .ui-slider-range {
  background-color: var(--civi-color-accent);
}

#ui-datepicker-div {
  background-color: #fff;
}
#ui-datepicker-div .ui-datepicker-header {
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  color: var(--civi-color-accent);
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #eee;
}
#ui-datepicker-div .ui-datepicker-title {
  margin-left: auto;
}
#ui-datepicker-div .ui-datepicker-next {
  margin-left: 15px;
}
#ui-datepicker-div .ui-corner-all {
  cursor: pointer;
}

table.ui-datepicker-calendar {
  margin: 0;
}

@media (max-width: 576px) {
  #company-submit-media .company-fields-warpper {
    display: block;
  }
}
.civi-candidates-item.layout-list {
  padding-bottom: 20px;
}
.civi-candidates-item.layout-list .candidates-header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .civi-candidates-item.layout-list .candidates-header-right {
    display: block;
  }
  .civi-candidates-item.layout-list .candidates-title {
    margin-top: 14px;
  }
}
@media (max-width: 576px) {
  .civi-candidates-item.layout-list .candidate-bottom {
    display: block;
  }
  .civi-candidates-item.layout-list .candidate-salary {
    margin-top: 15px;
  }
}
.civi-candidates-item.layout-grid .candidates-title {
  margin-top: 14px;
}
.civi-candidates-item.layout-grid .review-count {
  display: none;
}
.civi-candidates-item.layout-grid .candidate-salary {
  margin-top: 24px;
}

.civi-candidates-item {
  position: relative;
  padding: 28px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
}
.civi-candidates-item:hover {
  -webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-candidates-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-candidates-item .candidate-header,
.civi-candidates-item .candidate-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.civi-candidates-item .candidate-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.civi-candidates-item .candidate-bottom {
  margin-top: 24px;
}
.civi-candidates-item h4 {
  margin-bottom: 5px;
}
.civi-candidates-item h4 a {
  font-size: 18px;
  color: var(--civi-color-primary);
}
.civi-candidates-item h4 a:hover {
  color: var(--civi-color-accent);
}
.civi-candidates-item .authour {
  color: var(--civi-color-primary);
  font-weight: 500;
}
.civi-candidates-item .categories-warpper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.civi-candidates-item .categories-warpper a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.civi-candidates-item .categories-warpper .cate-warpper:not(:first-child):before {
  content: ",";
}
.civi-candidates-item .candidate-avatar {
  height: 54px;
  width: 54px;
  object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  margin-right: 16px;
}
.civi-candidates-item .candidate-category {
  margin-right: 15px;
}
.civi-candidates-item .candidate-category a {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.civi-candidates-item .candidate-location {
  margin-right: 15px;
}
.civi-candidates-item .candidate-location a {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.civi-candidates-item .candidate-location i {
  font-size: 18px;
  font-weight: 400;
  margin-right: 7px;
}
.civi-candidates-item .candidate-rating-warpper .rating-count {
  padding-left: 0;
}
.civi-candidates-item .candidate-rating-warpper .rating-count:before {
  content: none;
}
.civi-candidates-item .civi-add-to-wishlist {
  top: 3px;
  position: relative;
}
.civi-candidates-item .label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
}
.civi-candidates-item .label-type {
  color: #6c4cbe;
  background-color: #f5ecff;
}
.civi-candidates-item .label-price {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.civi-candidates-item .days {
  margin-bottom: 8px;
  font-weight: 500;
}
.civi-candidates-item .days span {
  color: var(--civi-color-accent);
}
.civi-candidates-item .candidates-header-right img + img {
  margin-left: 15px;
}
.civi-candidates-item .candidates-title {
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}
.civi-candidates-item .candidates-title .tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.civi-candidates-item .candidates-title a {
  color: var(--civi-color-primary);
}
.civi-candidates-item .candidates-title a:hover {
  color: var(--civi-color-accent);
}
.civi-candidates-item .candidates-title i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  background-color: #3ab446;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  margin-left: 5px;
  color: #fff;
}
.civi-candidates-item .candidates-status img {
  margin-right: 15px;
}
.civi-candidates-item .label-skills {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}
.civi-candidates-item .label-skills i {
  padding-right: 5px;
  font-weight: normal;
}
.civi-candidates-item .des-candidate {
  margin-top: 22px;
}
.civi-candidates-item .candidate-salary {
  font-size: 24px;
  font-weight: 500;
}
.civi-candidates-item .candidate-salary span {
  color: var(--civi-color-accent);
}

.archive-candidates .civi-candidates-featured {
  border-color: #ffd75e;
}
.archive-candidates .filter-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.archive-candidates .filter-warpper .entry-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.archive-candidates .filter-warpper .entry-left {
  display: -ms-flexbox;
  display: flex;
}
.archive-candidates .filter-warpper .result-count {
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.archive-candidates .filter-warpper .candidate-layout a + a {
  margin-left: 8px;
}
.archive-candidates .filter-warpper .candidate-layout i {
  color: var(--civi-color-secondary);
}
.archive-candidates .filter-warpper .candidate-layout a:hover i,
.archive-candidates .filter-warpper .candidate-layout a.active i {
  color: var(--civi-color-primary);
}
.archive-candidates .filter-warpper .text-sort-by {
  font-weight: 500;
  color: var(--civi-color-secondary);
  margin-left: 20px;
}
.archive-candidates .filter-warpper .sort-by {
  font-weight: 500;
  border: 0;
  font-size: 16px;
  color: var(--civi-color-text);
  padding-right: 18px;
  padding-left: 8px;
  background-color: transparent;
}
.archive-candidates .civi-clear-filter {
  cursor: pointer;
  font-size: 14px;
  color: var(--civi-color-accent);
  font-weight: 500;
}
.archive-candidates .inner-content.has-map {
  display: -ms-flexbox;
  display: flex;
}
.archive-candidates .inner-content .area-candidates {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
  grid-template-columns: repeat(2, 1fr);
}
.archive-candidates .inner-content.layout-list .area-candidates {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
.archive-candidates .inner-content .col-right {
  -ms-flex: 0 0 475px;
  flex: 0 0 475px;
  max-width: 475px;
  padding-top: 68px;
  margin-left: 60px;
}
.archive-candidates .filter-candidates-search {
  display: block;
  height: 100vh;
  position: sticky;
  top: 0;
}
.archive-candidates .filter-candidates-search .entry-map {
  height: 100vh;
  position: relative;
}
.archive-candidates #pac-input {
  display: none;
}
.archive-candidates .archive-candidates-top .form-candidates-top-filter {
  margin-left: 15px;
  margin-right: 15px;
}
.archive-candidates .archive-candidates-top .form-group {
  border-top: 1px solid var(--civi-color-border);
  border-bottom: 1px solid var(--civi-color-border);
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.archive-candidates .archive-candidates-top .form-group + .form-group {
  border-left: 1px solid var(--civi-color-border);
}
.archive-candidates .archive-candidates-top .form-group:last-child {
  background-color: #fff;
  text-align: right;
  padding-right: 15px;
  border-radius: 0 50px 50px 0;
  border: 1px solid var(--civi-color-border) !important;
  max-width: 210px;
}
.archive-candidates .archive-candidates-top .form-group:last-child, .archive-candidates .archive-candidates-top .form-group:first-child {
  border: 0;
}
.archive-candidates .archive-candidates-top h2 {
  margin-top: 52px;
  margin-bottom: 32px;
  text-align: center;
}
.archive-candidates .archive-candidates-top .btn-filter-search,
.archive-candidates .archive-candidates-top .select-arrow i {
  color: var(--civi-color-secondary);
  font-size: 18px;
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 20px;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.archive-candidates .archive-candidates-top .form-select i.fa-angle-down {
  right: 25px;
  left: auto;
}
.archive-candidates .archive-candidates-top .candidates-search-control,
.archive-candidates .archive-candidates-top .select-arrow select {
  padding-left: 50px;
  border: 0;
  height: 70px;
  width: 100%;
  border-radius: 0;
}
.archive-candidates .archive-candidates-top .candidates-search-control {
  border-radius: 50px 0 0 50px;
  border-width: 1px 0 1px 1px !important;
  border-color: var(--civi-color-border) !important;
  border-style: solid !important;
  line-height: 70px;
  height: 72px;
}
.archive-candidates .archive-candidates-top .select2-container--default .select2-selection--multiple {
  padding-top: 10px;
  padding-bottom: 10px;
}
.archive-candidates .archive-candidates-top .btn-top-filter {
  margin-top: 14px;
}
.archive-candidates .archive-candidates-top .btn-top-filter .btn-loading {
  display: none;
}
.archive-candidates .archive-candidates-top .civi-clear-top-filter {
  color: var(--civi-color-secondary);
  padding-right: 10px;
  cursor: pointer;
}
.archive-candidates .archive-candidates-top .civi-clear-top-filter:hover {
  color: var(--civi-color-accent);
}

@media (max-width: 576px) {
  .civi-candidates-item .candidate-header {
    position: relative;
  }
  .civi-candidates-item .candidate-status-inner {
    position: absolute;
    right: 0;
  }
  .civi-candidates-item .review-count {
    display: none;
  }
  .civi-candidates-item .candidate-rating-warpper {
    margin-top: 0;
  }
}
.has-large-thumbnail.candidate-thumbnail-details img {
  border-radius: 16px;
  width: 100%;
}

.candidate-thumbnail-details:not(.has-large-thumbnail) .container {
  padding-right: 0;
  padding-left: 0;
}
.candidate-thumbnail-details img {
  border-radius: 16px 16px 0 0;
}

@media (max-width: 576px) {
  .has-large-thumbnail.candidate-thumbnail-details {
    margin-top: 25px;
    margin-bottom: -30px;
  }
}
.candidate-head-details .civi-candidate-header-top {
  display: -ms-flexbox;
  display: flex;
}
.candidate-head-details .civi-candidate-header-top .image-candidates {
  width: 64px;
  height: 64px;
  object-fit: cover;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-right: 16px;
}
.candidate-head-details .civi-candidate-header-top .image-candidates i {
  font-size: 18px;
  color: var(--civi-color-secondary);
}
.candidate-head-details .title-wapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.candidate-head-details .title-wapper h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}
.candidate-head-details .title-wapper i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.candidate-head-details .title-wapper .tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.candidate-head-details .logo-comnpany {
  margin-right: 16px;
}
.candidate-head-details .candidate-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 8px;
}
.candidate-head-details .candidate-category a {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.candidate-head-details .candidate-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.candidate-head-details .candidate-warpper .cate-warpper {
  font-weight: 500;
  margin-right: 8px;
}
.candidate-head-details .candidate-warpper i {
  font-size: 18px;
  color: var(--civi-color-secondary);
  margin-right: 8px;
  font-weight: 400;
}
.candidate-head-details .candidate-warpper:before {
  content: "";
  width: 6px;
  height: 6px;
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin-right: 10px;
}
.candidate-head-details .civi-candidate-header-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 32px;
}
.candidate-head-details .civi-candidate-header-bottom a {
  margin-right: 4px;
}
.candidate-head-details .civi-candidate-header-bottom .btn-webs {
  border-color: var(--civi-color-primary);
}
.candidate-head-details .civi-candidate-header-bottom .civi-button {
  padding: 10px 18px;
}
.candidate-head-details .civi-candidate-header-bottom .civi-button i {
  margin-right: 3px;
}
.candidate-head-details .candidate-current-position {
  color: var(--civi-color-accent);
  font-weight: 500;
}

.candidate-overview-details {
  line-height: 1.5;
  padding-bottom: 8px;
}

.single.candidate-experience {
  margin-top: 21px;
}
.single.candidate-experience .experience-title {
  position: relative;
  margin-left: 34px;
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.single.candidate-experience .experience-title.time-dot::before {
  left: -34px;
}
.single.candidate-experience .experience-details {
  position: relative;
  margin-top: 4px;
  margin-left: 34px;
}
.single.candidate-experience .experience-details.time-line::before {
  left: -30px;
}
.single.candidate-experience .experience-details span:first-child {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.single.candidate-experience .experience-details span:not(:first-child) {
  color: var(--civi-color-text);
  font-weight: 400;
}
.single.candidate-experience .experience-details span:nth-child(2)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 50%;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 4px;
}
.single.candidate-experience .experience-details span.des {
  display: block;
  margin-top: 16px;
}
.single.candidate-experience .description {
  margin-top: 16px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.single.candidate-education {
  margin-top: 21px;
}
.single.candidate-education .education-title {
  position: relative;
  margin-left: 34px;
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.single.candidate-education .education-title.time-dot::before {
  left: -34px;
}
.single.candidate-education .time-dot:before {
  border-color: #FFD75E;
}
.single.candidate-education .education-details {
  position: relative;
  margin-top: 4px;
  margin-left: 34px;
}
.single.candidate-education .education-details.time-line:before {
  left: -30px;
  border-color: #FFD75E;
}
.single.candidate-education .education-details span:first-child {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.single.candidate-education .education-details span:not(:first-child) {
  color: var(--civi-color-text);
  font-weight: 400;
}
.single.candidate-education .education-details span:nth-child(2)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 50%;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 4px;
}
.single.candidate-education .education-details span.des {
  display: block;
  margin-top: 16px;
}
.single.candidate-education .description {
  margin-top: 16px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.single.candidate-award {
  margin-top: 21px;
}
.single.candidate-award .award-title {
  position: relative;
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-left: 34px;
}
.single.candidate-award .award-title.time-dot::before {
  left: -34px;
}
.single.candidate-award .award-details {
  position: relative;
  margin-top: 4px;
  margin-left: 34px;
}
.single.candidate-award .award-details span:not(:first-child) {
  color: var(--civi-color-text);
  font-weight: 400;
}
.single.candidate-award .award-details span:last-child {
  display: block;
  margin-top: 16px;
}
.single.candidate-award .award-details.time-line:before {
  left: -30px;
}
.single.candidate-award .description {
  margin-top: 16px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.candidate-project-details {
  margin-top: 16px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
}
.candidate-project-details figure {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.candidate-project-details figure:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.candidate-project-details figure:before {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
  z-index: 3;
}
.candidate-project-details figure:hover .content-project {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.candidate-project-details figure:hover .project-inner {
  opacity: 1;
}
.candidate-project-details figure:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.candidate-project-details figure:hover:before {
  opacity: 1;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
}
.candidate-project-details figure:hover:after {
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.candidate-project-details figure img {
  border-radius: 8px;
  height: 280px;
  object-fit: cover;
  width: 100%;
  -webkit-transition: opacity 0.5s, transform 0.5s;
  -moz-transition: opacity 0.5s, transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}
.candidate-project-details .civi-slick-carousel {
  margin-left: -12px;
  margin-right: -12px;
}
.candidate-project-details .civi-slick-carousel .slick-slide {
  padding-left: 12px;
  padding-right: 12px;
}
.candidate-project-details .content-project {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 32px;
  z-index: 2;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translateY(115px);
  -moz-transform: translateY(115px);
  -o-transform: translateY(115px);
  -ms-transform: translateY(115px);
  transform: translateY(115px);
}
.candidate-project-details .content-project * {
  color: #fff !important;
}
.candidate-project-details .content-project h4 {
  font-size: 18px;
  line-height: 1.3;
}
.candidate-project-details .content-project p {
  margin-bottom: 16px;
}
.candidate-project-details .content-project .civi-button.button-border-bottom:after {
  background-color: #fff;
}
.candidate-project-details .project-inner {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.block-archive-sidebar {
  padding: 28px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  background-color: #fff;
}
.block-archive-sidebar + .block-archive-sidebar {
  margin-top: 16px;
}
.block-archive-sidebar h4 {
  font-size: 24px;
}

.candidate-sidebar .candidate-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
.candidate-sidebar .candidate-header img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%;
}
.candidate-sidebar .name {
  margin-left: 16px;
}
.candidate-sidebar .name h2 {
  font-size: 24px;
}
.candidate-sidebar .name h2 a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--civi-color-primary);
}
.candidate-sidebar .name h2 i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.candidate-sidebar .name p {
  margin-bottom: 0;
}
.candidate-sidebar .name p a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.candidate-sidebar p {
  line-height: 1.5em;
}
.candidate-sidebar .title-info {
  font-weight: 500;
  color: var(--civi-color-primary);
  margin-bottom: 3px;
}
.candidate-sidebar .list-cate {
  padding-left: 0;
  margin-bottom: 0;
}
.candidate-sidebar .list-cate .cate {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.candidate-sidebar .list-cate span + span:before {
  content: ",";
  padding-left: 3px;
  padding-right: 3px;
}
.candidate-sidebar .content {
  overflow: hidden;
  display: block;
  height: 72px;
  overflow: hidden;
  margin-bottom: 20px;
}
.candidate-sidebar .content p {
  margin-bottom: 0;
}
.candidate-sidebar .details-info {
  margin-bottom: 0;
}
.candidate-sidebar .details-info.email a {
  color: var(--civi-color-accent);
}
.candidate-sidebar .details-info.salary {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.candidate-sidebar .info {
  margin-bottom: 15px;
}
.candidate-sidebar .list-social {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.candidate-sidebar .list-social li + li {
  margin-left: 16px;
}
.candidate-sidebar .list-social a {
  font-weight: 500;
  color: var(--civi-color-secondary);
  font-size: 20px;
}
.candidate-sidebar .list-social a:hover {
  color: var(--civi-color-accent);
}

.cover-wrapper {
  width: 100%;
  margin-bottom: 24px;
  padding-right: 15px;
  padding-left: 15px;
}
.cover-wrapper .cover {
  -webkit-mask-image: linear-gradient(rgba(17, 17, 17, 0.7), rgba(17, 17, 17, 0.7));
  mask-image: linear-gradient(rgb(17, 17, 17), rgb(17, 17, 17));
}
.cover-wrapper img {
  border-radius: 16px;
}

.candidate-review-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.candidate-review-details .entry-heading {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
}
.candidate-review-details .rating-count {
  font-size: 20px;
  color: #fff;
  background-color: var(--civi-color-accent);
  padding: 5px 16px;
  border-radius: 8px;
}
.candidate-review-details .review-count {
  color: var(--civi-color-secondary);
  margin-left: 12px;
}
.candidate-review-details .entry-overview {
  padding-top: 15px;
  padding-bottom: 15px;
}

.reviews-list {
  padding-left: 0;
  list-style: none;
}
.reviews-list .entry-avatar img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 50%;
  max-width: max-content;
}
.reviews-list .entry-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.reviews-list .entry-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-left: 16px;
}
.reviews-list .author-name {
  font-size: 16px;
  margin-bottom: 0;
}
.reviews-list .review-date {
  color: var(--civi-color-secondary);
}
.reviews-list .review-content {
  line-height: 1.5;
  margin-top: 11px;
  margin-bottom: 11px;
}
.reviews-list .review-title {
  font-size: 22px;
  margin-bottom: 0;
}
.reviews-list .entry-comment ul {
  padding-left: 0;
  margin-bottom: 10px;
}
.reviews-list .entry-comment li {
  list-style: none;
}
.reviews-list .entry-comment img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.reviews-list ol {
  list-style: none;
}
.reviews-list .author-review {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}

.add-new-review {
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.add-new-review .form-group + .form-group {
  margin-top: 20px;
}
.add-new-review .form-media input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.add-new-review .civi-submit-candidate-rating {
  margin-top: 24px;
}
.add-new-review .login-for-review {
  font-weight: 500;
}
.add-new-review .login-for-review a {
  color: var(--civi-color-accent);
}
.add-new-review label span.name {
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  border-radius: 20px;
  background-color: #ededed;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
}
.add-new-review label span.name:before {
  content: "\f03e";
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  vertical-align: -2px;
}
.add-new-review .form-media {
  display: none;
}
.add-new-review .review-title {
  font-size: 24px;
}
.add-new-review .custom-area .current-user-avatar {
  position: absolute;
  top: 35px;
  left: 35px;
}
.add-new-review .custom-area .current-user-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  object-fit: cover;
}
.add-new-review .custom-area textarea {
  border-color: #ccc;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding: 35px 35px 35px 105px;
  max-height: 150px;
  resize: none;
}
.add-new-review .star-rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 49%;
}
.add-new-review .rate-title {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 500;
}
.add-new-review .rate-title span {
  display: inline-block;
  vertical-align: middle;
}

.add-new-review .tip,
.rating-bars .tip {
  background-color: var(--civi-color-secondary);
  height: 15px;
  width: 15px;
  display: inline-block;
  font-size: 11px;
  border-radius: 50%;
  cursor: help;
  text-align: center;
  position: relative;
  vertical-align: -1px;
  margin-left: 3px;
  line-height: 20px;
}
.add-new-review .tip:hover .tip-content,
.rating-bars .tip:hover .tip-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, calc(-100% - 13px));
  -moz-transform: translate(-50%, calc(-100% - 13px));
  -o-transform: translate(-50%, calc(-100% - 13px));
  -ms-transform: translate(-50%, calc(-100% - 13px));
  transform: translate(-50%, calc(-100% - 13px));
}
.add-new-review .tip:after,
.rating-bars .tip:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f12a";
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 7px;
  line-height: normal;
  vertical-align: 3px;
  font-style: normal;
  color: #fff;
}
.add-new-review .tip .tip-content,
.rating-bars .tip .tip-content {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% - 20px));
  -moz-transform: translate(-50%, calc(-100% - 20px));
  -o-transform: translate(-50%, calc(-100% - 20px));
  -ms-transform: translate(-50%, calc(-100% - 20px));
  transform: translate(-50%, calc(-100% - 20px));
  background: #333;
  color: #fff;
  padding: 13px 15px;
  min-width: 200px;
  max-width: 200px;
  font-size: 13px;
  border-radius: 4px;
  line-height: 19px;
  pointer-events: none;
  z-index: 999;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.add-new-review .tip .tip-content:after,
.rating-bars .tip .tip-content:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 22px;
  color: #333;
  transform: translate(-50%, 50%);
}

.rating-bars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
.rating-bars .rating-bars-item {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 15px 30px;
}
.rating-bars .rating-bars-item .value-rating {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.rating-bars .rating-bars-name {
  font-weight: 500;
  display: block;
}
.rating-bars .rating-bars-inner {
  display: -ms-flexbox;
  display: flex;
}
.rating-bars .rating-bars-rating {
  display: inline-block;
  vertical-align: baseline;
  background: #efefef;
  width: 100%;
  height: 6px;
  margin-right: 10px;
  border-radius: 3px;
  overflow: hidden;
  background-color: var(--civi-color-border);
  align-self: center;
}
.rating-bars .rating-bars-rating.high .rating-bars-rating-inner {
  background-color: var(--civi-color-accent);
}
.rating-bars .rating-bars-rating-inner {
  height: 6px;
  display: block;
  background-color: var(--civi-color-accent);
  position: relative;
  width: 0;
  transition: width 0.5s;
}

.repreviewForm {
  margin-bottom: 15px;
}
.repreviewForm .civi-button i {
  margin-left: 8px;
}

.candidate-gallery-details figure img {
  height: 230px;
  object-fit: cover;
  border-radius: 8px;
}
.candidate-gallery-details .slick-nav .slick-arrow {
  top: calc(50% - 15px);
}

#form-invite-popup {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#form-invite-popup .bg-overlay {
  opacity: 1;
  visibility: unset;
}
#form-invite-popup .invite-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 400px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 15%;
}
#form-invite-popup .btn-close {
  font-size: 20px;
  position: absolute;
  right: 35px;
}
#form-invite-popup ul.custom-scrollbar {
  padding-left: 0;
  padding-right: 15px;
  list-style: none;
  margin-bottom: 0;
  max-height: 175px;
  overflow: auto;
}
#form-invite-popup ul.custom-scrollbar input {
  border: 2px solid var(--civi-color-secondary);
  margin-top: 7px;
  margin-right: 3px !important;
  min-width: 14px;
}
#form-invite-popup ul.custom-scrollbar label {
  margin-bottom: 0;
  margin-left: 5px;
}
#form-invite-popup li {
  display: -ms-flexbox;
  display: flex;
}
#form-invite-popup li + li {
  margin-top: 5px;
}
#form-invite-popup h5 {
  font-size: 24px;
}
#form-invite-popup p {
  color: var(--civi-color-secondary);
}
#form-invite-popup input + input {
  margin-top: 24px;
}
#form-invite-popup .button-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}
#form-invite-popup .button-warpper .civi-button {
  text-align: center;
}
#form-invite-popup .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
#form-invite-popup .button-warpper .btn-loading {
  display: none;
}

.candidate-service-details .civi-service-item + .civi-service-item {
  margin-top: 16px;
}
.candidate-service-details .header-service {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
.candidate-service-details .header-service h4 {
  margin-bottom: 0;
  line-height: 1;
}

.title-candidate {
  font-size: 24px;
  margin-bottom: 24px;
}

.candidate-sidebar .list-social {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.candidate-sidebar .civi-location {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.candidate-sidebar .civi-location h3 {
  font-size: 24px;
  margin-bottom: 0;
}

.candidate-single-field {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.candidate-single-field .additional-warpper:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}

.block-candidate-warrper .block-archive-top .additional-warpper,
.block-candidate-warrper .candidate-single-field .additional-warpper,
.block-candidate-warrper .block-archive-inner .additional-warpper {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}

.candidate-rating-warpper .rating-count {
  position: relative;
  padding-left: 15px;
}
.candidate-rating-warpper .rating-count:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  left: 2px;
}
.candidate-rating-warpper .rating-count i {
  color: var(--civi-color-accent);
  font-weight: bold;
  margin-right: 0;
}
.candidate-rating-warpper .rating-count span {
  font-weight: 500;
  color: var(--civi-color-accent);
  margin-right: 3px;
}
.candidate-rating-warpper .review-count {
  color: var(--civi-color-secondary);
  font-weight: 500;
}

.time-dot::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border: 2px solid var(--civi-color-accent);
  border-radius: 50%;
}

.time-line::before {
  content: "";
  position: absolute;
  width: 1px;
  top: 0px;
  bottom: 0;
  margin: auto 0;
  border: 1px dashed var(--civi-color-accent);
}

.slick-align-left .slick-track {
  margin-left: 0;
}

.candidate-custom-tab h3.title-additional {
  font-size: 24px;
}
.candidate-custom-tab h4.title-candidate {
  font-size: 18px;
}

@media (max-width: 576px) {
  .candidate-info {
    display: block;
  }
  .candidate-rating-warpper {
    margin-top: 10px;
  }
  .candidate-head-details .civi-candidate-header-bottom a {
    margin-bottom: 8px;
  }
  .rating-bars .rating-bars-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .add-new-review .star-rating {
    width: 100%;
  }
}
body.single-candidate #wrapper {
  overflow: inherit;
}
body.single-candidate .widget-area-init.has-sticky {
  position: sticky;
  top: 30px;
  z-index: 2;
}

.civi-service-item.layout-list .service-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--civi-color-border);
}
.civi-service-item.layout-list .service-thumbnail img {
  border-radius: 16px 0 0 16px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.civi-service-item.layout-list .service-content {
  padding: 24px;
  width: 100%;
}
.civi-service-item.layout-list .service-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.civi-service-item.layout-list .info-inner {
  margin-left: 32px;
}
.civi-service-item.layout-list .service-status-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.civi-service-item.layout-list .service-status-inner .service-status {
  width: 22px;
  margin-top: -8px;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .civi-service-item.layout-list {
    display: -ms-flexbox;
    display: flex;
  }
  .civi-service-item.layout-list .service-thumbnail {
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
  }
}
@media (max-width: 767px) {
  .civi-service-item.layout-list .service-thumbnail img {
    border-radius: 16px 16px 0 0;
  }
  .civi-service-item.layout-list .service-header-right {
    display: block;
  }
  .civi-service-item.layout-list .service-title {
    margin-top: 14px;
  }
  .civi-service-item.layout-list .service-status-inner {
    position: absolute;
    top: 24px;
    right: 24px;
  }
  .civi-service-item.layout-list .service-status-inner .service-status {
    margin-top: 0;
    width: auto;
    margin-right: 12px;
  }
  .civi-service-item.layout-list .service-status-inner .featured, .civi-service-item.layout-list .service-status-inner .btn-add-to-wishlist {
    width: 36px;
    height: 36px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    display: block;
  }
  .civi-service-item.layout-list .featured img {
    position: relative;
    top: 3px;
  }
  .civi-service-item.layout-list .btn-add-to-wishlist span {
    position: relative;
    top: 8px;
  }
}
@media (max-width: 576px) {
  .civi-service-item.layout-list .candidate-bottom {
    display: block;
  }
  .civi-service-item.layout-list .candidate-salary {
    margin-top: 15px;
  }
}
.civi-service-item.layout-grid .service-thumbnail img {
  border-radius: 16px 16px 0 0;
  height: 210px;
  object-fit: cover;
  width: 100%;
}
.civi-service-item.layout-grid .service-content {
  padding: 24px;
}
.civi-service-item.layout-grid .service-header {
  margin-bottom: 20px;
}
.civi-service-item.layout-grid .price-inner {
  padding-top: 20px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.civi-service-item.layout-grid .service-status-inner {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 24px;
  right: 24px;
}
.civi-service-item.layout-grid .service-status-inner .service-status {
  margin-top: 0;
  width: auto;
  margin-right: 12px;
}
.civi-service-item.layout-grid .service-status-inner .featured, .civi-service-item.layout-grid .service-status-inner .btn-add-to-wishlist {
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 50%;
  text-align: center;
  display: block;
}
.civi-service-item.layout-grid .service-status-inner .featured img {
  position: relative;
  top: 6px;
  margin: 0 auto;
}
.civi-service-item.layout-grid .service-status-inner .btn-add-to-wishlist span {
  position: relative;
  top: 8px;
}

.archive-service .price-filter {
  display: -ms-flexbox;
  display: flex;
}
.archive-service .price-filter .filter {
  margin-right: 10px;
  display: -ms-flexbox;
  display: flex;
}
.archive-service .price-filter .filter span {
  line-height: 47px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-radius: 4px;
}
.archive-service .price-filter .filter input {
  border-radius: 4px;
  min-width: 80px;
}
.archive-service .price-filter .select2 {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 10.5px 16px;
  background-color: #fff;
  min-width: 100px;
}
.archive-service .price-filter select {
  background-color: transparent;
}
.archive-service .price-filter input::-webkit-outer-spin-button,
.archive-service .price-filter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.archive-service .price-filter input[type=number] {
  -moz-appearance: textfield;
}
.archive-service #map .service-thumbnail {
  display: none;
}

.civi-service-item {
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
}
.civi-service-item.civi-service-featured {
  border-color: #ffd75e;
}
.civi-service-item:hover {
  -webkit-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-service-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-service-item .candidate-current-position {
  font-size: 16px;
  font-weight: 500;
  color: var(--civi-color-accent);
}
.civi-service-item .service-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 6px;
}
.civi-service-item .service-title a {
  color: var(--civi-color-primary);
}
.civi-service-item .service-title a:hover {
  color: var(--civi-color-accent);
}
.civi-service-item .info-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.civi-service-item .info-inner h4 {
  font-size: 14px;
  margin-bottom: 2px;
}
.civi-service-item .image-candidates {
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
  height: 45px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  font-size: 14px;
  margin-right: 12px;
}
.civi-service-item .des-service {
  padding-bottom: 24px;
}
.civi-service-item .price-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.civi-service-item .price-inner span {
  font-weight: 500;
}
.civi-service-item .price-inner .price {
  font-size: 24px;
  color: var(--civi-color-accent);
  padding-left: 6px;
}
.civi-service-item .civi-rating-warpper {
  font-size: 14px;
}
.civi-service-item .civi-rating-warpper .rating-count {
  padding-left: 0;
}
.civi-service-item .civi-rating-warpper .rating-count:before {
  content: none;
}

@media (max-width: 576px) {
  .archive-service .price-filter {
    display: block;
  }
  .archive-service .price-filter .filter {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .archive-service .price-filter .select2 {
    min-width: 100%;
  }
  .civi-service-item .candidate-header {
    position: relative;
  }
  .civi-service-item .candidate-status-inner {
    position: absolute;
    right: 0;
  }
  .civi-service-item .review-count {
    display: none;
  }
  .civi-service-item .candidate-rating-warpper {
    margin-top: 0;
  }
}
.service-package-sidebar {
  padding: 24px;
}
.service-package-sidebar ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.service-package-sidebar .package-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 215, 94, 0.3);
  margin: -24px -24px 0 -24px;
  padding: 24px;
  border-radius: 16px 16px 0 0;
}
.service-package-sidebar .package-top span {
  font-size: 18px;
  font-weight: 500;
}
.service-package-sidebar .package-top .price {
  font-size: 46px;
  font-weight: 600;
  color: var(--civi-color-accent);
}
.service-package-sidebar .content {
  padding-top: 24px;
}
.service-package-sidebar .content li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
.service-package-sidebar .content li span:last-child {
  margin-left: auto;
  font-weight: 600;
  color: var(--civi-color-primary);
}
.service-package-sidebar .content li + li {
  margin-top: 16px;
}
.service-package-sidebar .content svg {
  margin-right: 8px;
}
.service-package-sidebar .service-location span + span:before {
  content: ", ";
}
.service-package-sidebar .package-bottom {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.service-package-sidebar .package-bottom h4 {
  font-size: 16px;
  margin-bottom: 20px;
}
.service-package-sidebar .package-total {
  padding-top: 24px;
  margin-top: 18px;
  border-top: 1px solid var(--civi-color-border);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service-package-sidebar .package-total span {
  font-size: 18px;
  font-weight: 500;
}
.service-package-sidebar .package-total .price {
  color: var(--civi-color-primary);
  font-weight: 600;
}
.service-package-sidebar .package-addons {
  max-height: 175px;
  overflow: auto;
}
.service-package-sidebar .package-addons li {
  display: -ms-flexbox;
  display: flex;
}
.service-package-sidebar .package-addons li .input-control {
  min-width: 15px;
  margin-right: 8px !important;
}
.service-package-sidebar .package-addons li + li {
  margin-top: 16px;
}
.service-package-sidebar .package-addons li label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: -5px;
}
.service-package-sidebar .package-addons .addons-left {
  line-height: 1.5;
}
.service-package-sidebar .package-addons .title {
  font-weight: 500;
  color: var(--civi-color-primary);
  display: block;
}
.service-package-sidebar .package-addons .price {
  font-weight: 600;
  color: var(--civi-color-primary);
  margin-left: 15px;
}
.service-package-sidebar .package-addons .content {
  font-size: 14px;
  color: #999;
}
.service-package-sidebar #btn-submit-addons .btn-loading {
  display: none;
}
.service-package-sidebar .civi-button {
  margin-top: 24px;
}
.service-package-sidebar .service_fee {
  font-size: 14px;
  font-weight: 500;
  color: #3AB446;
  margin-top: 16px;
}

.service-info-sidebar > h4 {
  margin-bottom: 16px;
}
.service-info-sidebar .info-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.service-info-sidebar .info-inner h4 {
  font-size: 16px;
  margin-bottom: 3px;
}
.service-info-sidebar .info-inner .rating-count {
  padding-left: 0;
}
.service-info-sidebar .info-inner .rating-count:before {
  content: none;
}
.service-info-sidebar .image-candidates {
  min-width: 56px;
  height: 56px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 56px;
  border-radius: 50%;
  margin-right: 16px;
}
.service-info-sidebar .image-candidates i {
  font-size: 18px;
  color: var(--civi-color-secondary);
}
.service-info-sidebar .button-warpper {
  margin-top: 24px;
}
.service-info-sidebar .button-warpper > .civi-button {
  margin-bottom: 16px;
}
.service-info-sidebar .civi-button {
  width: 100%;
  text-align: center;
}

.service-head-details h1 {
  font-size: 28px;
}
.service-head-details .featured.tooltip[data-title]:before {
  top: -0.2em;
}
.service-head-details .head-left .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service-head-details .head-left .info-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.service-head-details .head-left .info-right {
  display: -ms-flexbox;
  display: flex;
}
.service-head-details .head-left .image-candidates {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  background-color: #fff;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
}
.service-head-details .head-left h4 {
  font-size: 16px;
  margin-bottom: 0;
}
.service-head-details .head-left .candidate-current-position {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.service-head-details .head-left .candidate-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 12px;
}
.service-head-details .head-left .candidate-warpper:before {
  content: "";
  width: 6px;
  height: 6px;
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin-right: 10px;
}
.service-head-details .head-left .civi-rating-warpper {
  margin-left: 8px;
}
.service-head-details .head-left .image-candidates {
  margin-right: 10px;
}
.service-head-details .btn-share,
.service-head-details .btn-add-to-wishlist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 116, 86, 0.05);
  border-radius: 50%;
  color: var(--civi-color-accent);
}
.service-head-details .btn-add-to-wishlist {
  margin-left: 16px;
}
.service-head-details .btn-add-to-wishlist i {
  position: relative;
  margin-top: 5px;
}
.service-head-details .toggle-social .social-share {
  z-index: 9;
}

.service-gallery-details .slick-arrow.gl-prev {
  left: 30px;
}
.service-gallery-details .slick-arrow.gl-next {
  right: 30px;
}

@media (max-width: 576px) {
  .service-head-details h1 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .service-head-details .head-left .info {
    display: block;
  }
  .service-head-details .head-left .info-right {
    margin-top: 15px;
  }
  .service-head-details .civi-rating-warpper {
    margin-top: 0;
  }
  .service-head-details .civi-rating-warpper .review-count {
    display: none;
  }
}
.service-faq-details .faq-inner + .faq-inner {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.service-faq-details .faq-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.service-faq-details .faq-header h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.service-faq-details .faq-content {
  margin-top: 18px;
  display: none;
}

.service-related-details .civi-service-item + .civi-service-item {
  margin-top: 16px;
}
.service-related-details .header-related {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
.service-related-details .header-related h4 {
  margin-bottom: 0;
  line-height: 1;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .civi-service-item.layout-list {
    display: block;
  }
  .civi-service-item.layout-list .service-thumbnail img {
    border-radius: 16px 16px 0 0;
  }
}
#submit_service_form h5 {
  font-size: 24px;
  margin-bottom: 24px;
}
#submit_service_form .group-title {
  display: flex;
  flex-direction: row;
  column-gap: 14px;
  position: relative;
  margin-bottom: 28px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--civi-color-border);
  cursor: pointer;
}
#submit_service_form .group-title h6 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0px;
}
#submit_service_form .group-title i:last-child {
  margin-left: auto;
}
#submit_service_form .group-title i:before {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#submit_service_form .group-title.up ~ .form-group {
  display: none;
}
#submit_service_form .group-title.up i:last-child::before {
  transform: rotateX(180deg);
}
#submit_service_form .btn-more {
  position: relative;
  margin-bottom: 24px;
  border: none;
  background-color: white;
  color: var(--civi-color-accent);
  transition: transform 0.3s;
  font-weight: 500;
}
#submit_service_form .btn-more i {
  margin-right: 10px;
}
#submit_service_form .btn-more:hover {
  cursor: pointer;
  transform: scale(1.02);
}

.submit-service-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 0;
}
.submit-service-header .entry-title h4 {
  font-size: 24px;
}
.submit-service-header .button-warpper {
  margin-top: 0 !important;
}
.submit-service-header .button-link {
  margin-right: 15px;
}

.archive-layout {
  padding-bottom: 80px;
}
.archive-layout.map-top .col-left {
  width: 100%;
}
.archive-layout.map-top .archive-filter-top {
  background-image: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.archive-layout.map-top .archive-filter-top .container > h2 {
  display: none;
}
.archive-layout .archive-filter:not(.open-canvas) .inner-filter {
  background-color: #fff;
  padding: 24px;
  border-radius: 16px;
}
.archive-layout .archive-filter .show-result {
  position: fixed;
  z-index: 99999;
  width: 330px;
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 15px 25px;
  bottom: 0;
  background-color: #fff;
  border-top: 1px solid;
  border-color: var(--civi-color-border);
}
.archive-layout .archive-filter .civi-menu-filter ul.filter-control li .count {
  padding-left: 3px;
  color: var(--civi-color-secondary);
}
.archive-layout .archive-filter .civi-menu-filter ul.filter-control ul {
  padding-left: 15px;
  margin-top: 5px;
}
.archive-layout .archive-filter .civi-menu-filter .locations-filter .form-group + .form-group {
  margin-top: 16px;
}
.archive-layout .archive-filter .civi-menu-filter .locations-filter .select2.select2-container {
  height: 48px;
  width: 100% !important;
  border: 1px solid var(--civi-color-border);
  padding: 0 20px;
  border-radius: 5px;
}
.archive-layout .archive-filter .civi-menu-filter .locations-filter .load-spinner {
  position: relative;
}
.archive-layout .archive-filter .civi-menu-filter .locations-filter .load-spinner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.02);
}
.archive-layout .archive-filter .civi-menu-filter .locations-filter .spinner {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  color: var(--civi-color-accent);
}
.archive-layout input.archive-search-location {
  height: 70px;
  border: 0;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 0;
}
.archive-layout .entry-mobie {
  margin-bottom: 24px;
  display: none;
}
.archive-layout .entry-mobie .result-count {
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.archive-layout .civi-jobs-featured {
  border-color: #ffd75e;
}
.archive-layout .civi-jobs-urgent {
  border-color: red;
}
.archive-layout .filter-rating i {
  color: var(--civi-color-accent);
  font-size: 14px;
}
.archive-layout .filter-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}
.archive-layout .filter-warpper .entry-filter {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.archive-layout .filter-warpper .entry-filter > * {
  margin-bottom: 5px;
}
.archive-layout .filter-warpper .entry-filter .civi-clear-filter {
  margin-right: 10px;
}
.archive-layout .filter-warpper .select2-container--default .select2-selection--single {
  background-color: transparent;
}
.archive-layout .filter-warpper .entry-left {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.archive-layout .filter-warpper .entry-left > * {
  margin-bottom: 5px;
}
.archive-layout .filter-warpper .switch-layout a + a {
  margin-left: 8px;
}
.archive-layout .filter-warpper .switch-layout i {
  color: var(--civi-color-secondary);
}
.archive-layout .filter-warpper .switch-layout a:hover i,
.archive-layout .filter-warpper .switch-layout a.active i {
  color: var(--civi-color-primary);
}
.archive-layout .filter-warpper .text-sort-by {
  font-weight: 500;
  color: var(--civi-color-secondary);
  margin-left: 20px;
}
.archive-layout .filter-warpper .select2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 5px;
  width: 90px !important;
}
.archive-layout .filter-warpper .sort-by {
  font-weight: 500;
  border: 0;
  font-size: 16px;
  color: var(--civi-color-text);
  padding-right: 18px;
  padding-left: 8px;
  background-color: transparent;
  width: auto;
}
.archive-layout .filter-warpper .result-count {
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.archive-layout .civi-clear-filter {
  cursor: pointer;
  font-size: 14px;
  color: var(--civi-color-accent);
  font-weight: 500;
  display: none;
}
.archive-layout .inner-content.has-map {
  display: -ms-flexbox;
  display: flex;
}
.archive-layout .inner-content .area-archive {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
  grid-template-columns: repeat(2, 1fr);
}
.archive-layout .inner-content.layout-list .area-archive {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
.archive-layout .inner-content .col-right {
  -ms-flex: 0 0 475px;
  flex: 0 0 475px;
  max-width: 475px;
  padding-top: 68px;
  margin-left: 60px;
}
.archive-layout .inner-content.layout-full {
  display: -ms-flexbox;
  display: flex;
}
.archive-layout .inner-content.layout-full .col-left {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  padding-right: 15px;
  position: sticky;
  z-index: 3;
  top: 30px;
  padding-top: 0;
  margin-top: 60px;
  height: calc(100vh - 50px);
  overflow: auto;
}
.archive-layout .inner-content.layout-full.only-left .col-left {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.archive-layout .inner-content.layout-full .col-right {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 15px;
  margin: 0;
}
.archive-layout .inner-content.layout-full .block-archive-top {
  overflow: hidden;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 {
  display: block;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item {
  margin-bottom: 20px;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item a {
  pointer-events: none;
  cursor: default;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .jobs-footer-left {
  margin: 0 0 10px 0;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .jobs-archive-footer {
  display: block;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom {
  line-height: normal;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .label {
  display: flex;
  align-items: center;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .left {
  flex: 1;
  margin-right: 30px;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .left .label {
  display: inline-flex;
}
.archive-layout .inner-content.layout-full .civi-jobs-item .jobs-title {
  font-size: 16px;
}
.archive-layout .inner-content.layout-full .civi-jobs-item .info-company {
  font-size: 14px;
}
.archive-layout .inner-content.layout-full .civi-jobs-item.layout-list .jobs-header-left {
  align-items: flex-start;
}
.archive-layout .preview-tabs .tab-nav {
  list-style: none;
  padding: 0 32px;
  border-bottom: 2px solid #f9f9f9;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}
.archive-layout .preview-tabs .tab-nav li {
  margin-right: 8px;
}
.archive-layout .preview-tabs .tab-nav a {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  padding: 12px;
  line-height: 1.2;
  border-bottom: 2px solid #f9f9f9;
  display: block;
  margin-bottom: -2px;
}
.archive-layout .preview-tabs .tab-nav a.is-active {
  border-bottom-color: #111;
  color: #111;
}
.archive-layout .preview-tabs .tab-content {
  display: none;
  background-color: #fff;
}
.archive-layout .preview-tabs .tab-content.is-active {
  display: block;
}
.archive-layout .preview-tabs .company-overview,
.archive-layout .preview-tabs .company-jobs {
  padding: 32px 32px 0;
}
.archive-layout .preview-tabs .company-overview .title,
.archive-layout .preview-tabs .company-jobs .title {
  font-size: 24px;
  margin-bottom: 24px;
}
.archive-layout .preview-tabs .company-jobs {
  padding-bottom: 32px;
}
.archive-layout .preview-tabs .company-overview {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.archive-layout .preview-tabs .company-overview .title,
.archive-layout .preview-tabs .company-overview .content {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.archive-layout .preview-tabs .company-overview .info {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.archive-layout .preview-tabs .company-overview .content {
  margin-bottom: 20px;
}
.archive-layout .preview-tabs .company-overview .content p {
  margin-bottom: 0;
  display: none;
}
.archive-layout .preview-tabs .company-overview .content p:first-child {
  display: inline-block;
}
.archive-layout .preview-tabs .company-overview .content.is-active p {
  display: inline-block;
  margin-bottom: 12px;
}
.archive-layout .preview-tabs .company-overview .content a {
  color: #007456;
}
.archive-layout .preview-tabs .company-overview .content a:hover {
  text-decoration: underline;
}
.archive-layout .preview-tabs .info .title-info {
  color: #111;
  font-weight: 500;
  margin-bottom: 4px;
}
.archive-layout .preview-tabs .info a {
  color: #007456;
}
.archive-layout .preview-tabs .info .salary-info {
  white-space: nowrap;
}
.archive-layout .preview-tabs .info .list-cate a {
  display: inline-flex;
  justify-content: flex-start;
}
.archive-layout .preview-tabs .info .list-cate a:last-child:before {
  content: "";
}
.archive-layout .preview-tabs .info .list-cate a:before {
  content: ",";
  order: 2;
}
.archive-layout .preview-tabs .info .company-phone i {
  margin-left: 7px;
  cursor: pointer;
}
.archive-layout .preview-tabs .list-social,
.archive-layout .preview-tabs .list-jobs {
  padding: 0;
  margin: 0 0 24px 0;
  list-style: none;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.archive-layout .preview-tabs .list-social li,
.archive-layout .preview-tabs .list-jobs li {
  display: inline-block;
  margin-right: 16px;
}
.archive-layout .preview-tabs .civi-button.button-block {
  width: auto;
  margin-right: 20px;
}
.archive-layout .preview-tabs .civi-button.button-block i,
.archive-layout .preview-tabs .civi-button.button-block svg {
  margin: 0 0 0 10px;
}
.archive-layout .preview-tabs .list-jobs li {
  display: block;
  margin: 0 0 16px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.archive-layout .preview-tabs .list-jobs li .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 4px;
}
.archive-layout .preview-tabs .list-jobs li .title a {
  color: #111;
}
.archive-layout .preview-tabs .list-jobs li .title a:hover {
  color: #007456;
}
.archive-layout .preview-tabs .list-jobs li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.archive-layout .preview-tabs .list-jobs {
  margin: 0;
}
.archive-layout .preview-tabs .list-jobs + .civi-button {
  width: auto;
  display: inline-block;
}
.archive-layout .civi-filter-search-map {
  display: block;
  height: 100vh;
  position: sticky;
  top: 0;
}
.archive-layout .civi-filter-search-map .entry-map {
  height: 100vh;
  position: relative;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup {
  z-index: 3;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .mapboxgl-popup-close-button,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .mapboxgl-popup-close-button {
  margin-top: 10px;
  margin-right: 10px;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .des-company, .archive-layout .civi-filter-search-map .mapboxgl-popup-content .company-size,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .des-candidate, .archive-layout .civi-filter-search-map .mapboxgl-popup-content .candidate-category,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .des-company,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .company-size,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .des-candidate,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .candidate-category {
  display: none;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-company-item,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-candidates-item,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-company-item,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-candidates-item {
  border: none;
  max-width: 330px;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-company-item .candidates-title,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-candidates-item .candidates-title,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-company-item .candidates-title,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-candidates-item .candidates-title {
  margin-bottom: 10px;
}
.archive-layout #pac-input {
  display: none;
}
.archive-layout .salary-filter {
  display: -ms-flexbox;
  display: flex;
}
.archive-layout .salary-filter .filter {
  margin-right: 10px;
  display: -ms-flexbox;
  display: flex;
}
.archive-layout .salary-filter .filter span {
  line-height: 47px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-radius: 4px;
}
.archive-layout .salary-filter .filter input {
  border-radius: 4px;
  min-width: 80px;
}
.archive-layout .salary-filter .select2 {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 10.5px 16px;
  background-color: #fff;
  min-width: 90px;
}
.archive-layout .salary-filter select {
  background-color: transparent;
}
.archive-layout .salary-filter input::-webkit-outer-spin-button,
.archive-layout .salary-filter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.archive-layout .salary-filter input[type=number] {
  -moz-appearance: textfield;
}
.archive-layout .archive-filter-top.has-bg {
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.archive-layout .archive-filter-top.has-bg h2 {
  margin-top: 0;
  color: #fff;
}
.archive-layout .archive-filter-top .form-archive-top-filter {
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
}
.archive-layout .archive-filter-top .form-archive-top-filter .ui-helper-hidden-accessible {
  display: none;
}
.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container {
  height: 100% !important;
  width: 100% !important;
  border: 0;
  font-size: 16px;
  line-height: 70px;
  border-radius: 0;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #fff;
  padding-left: 55px;
}
.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2 .selection,
.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2 .select2-selection,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container .selection,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container .select2-selection {
  width: 100%;
}
.archive-layout .archive-filter-top .form-archive-top-filter .load-spinner {
  position: relative;
}
.archive-layout .archive-filter-top .form-archive-top-filter .load-spinner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.02);
}
.archive-layout .archive-filter-top .form-archive-top-filter .spinner {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  color: var(--civi-color-accent);
}
.archive-layout .archive-filter-top .form-group {
  border-top: 1px solid var(--civi-color-border);
  border-bottom: 1px solid var(--civi-color-border);
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.archive-layout .archive-filter-top .form-group + .form-group {
  border-left: 1px solid var(--civi-color-border);
}
.archive-layout .archive-filter-top .form-group:last-child {
  background-color: #fff;
  text-align: right;
  padding-right: 15px;
  border-radius: 0 50px 50px 0;
  border: 1px solid var(--civi-color-border) !important;
  max-width: 210px;
}
.archive-layout .archive-filter-top .form-group:last-child, .archive-layout .archive-filter-top .form-group:first-child {
  border: 0;
}
.archive-layout .archive-filter-top h2 {
  margin-top: 52px;
  margin-bottom: 32px;
  text-align: center;
}
.archive-layout .archive-filter-top .form-group i:not(.fa-spin) {
  color: var(--civi-color-secondary);
  font-size: 18px;
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 20px;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.archive-layout .archive-filter-top .form-select i.fa-angle-down {
  right: 25px;
  left: auto;
}
.archive-layout .archive-filter-top .archive-search-control {
  padding-left: 50px;
  border: 0;
  height: 70px;
  width: 100%;
  border-radius: 0;
}
.archive-layout .archive-filter-top .archive-search-control {
  border-radius: 50px 0 0 50px;
  border-width: 1px 0 1px 1px !important;
  border-color: var(--civi-color-border) !important;
  border-style: solid !important;
  line-height: 70px;
  height: 72px;
}
.archive-layout .archive-filter-top .select2-container--default .select2-selection--multiple {
  padding-top: 10px;
  padding-bottom: 10px;
}
.archive-layout .archive-filter-top .btn-top-filter {
  margin-top: 14px;
}
.archive-layout .archive-filter-top .btn-top-filter .btn-loading {
  display: none;
}
.archive-layout .archive-filter-top .civi-clear-top-filter {
  color: var(--civi-color-secondary);
  padding-right: 10px;
  cursor: pointer;
}
.archive-layout .archive-filter-top .civi-clear-top-filter:hover {
  color: var(--civi-color-accent);
}
.archive-layout.filter-right .inner-filter {
  margin-right: 0;
  margin-left: 70px;
}
.archive-layout.filter-active .civi-clear-filter {
  display: block !important;
}
.archive-layout .inner-filter {
  width: 330px;
  margin-right: 70px;
}
.archive-layout .col-left {
  display: -ms-flexbox;
  display: flex;
  padding-top: 68px;
}
.archive-layout #primary {
  flex: auto;
}
.archive-layout .civi-filter-toggle > span {
  font-size: 18px;
  color: var(--civi-color-primary);
}
.archive-layout .civi-nav-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.archive-layout .civi-nav-filter.active .civi-clear-filter {
  display: block;
}
.archive-layout .inner-filter .entry-filter {
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
  margin-top: 24px;
}
.archive-layout .inner-filter .entry-filter h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--civi-color-secondary);
  text-transform: uppercase;
  margin-bottom: 17px;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  max-height: 185px;
  overflow: auto;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar label {
  margin-bottom: 0;
  margin-left: 5px;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar input {
  border: 2px solid var(--civi-color-secondary);
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar li + li {
  margin-top: 10px;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar ul {
  list-style: none;
}
.archive-layout .jobs-status-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.archive-layout .jobs-status-inner .logged-out {
  display: grid;
}
.archive-layout .inner-content.no-map .col-right {
  -ms-flex: 0;
  flex: 0;
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
.archive-layout .inner-content.has-map .col-right {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
.archive-layout .btn-switch {
  margin-left: 28px;
}
.archive-layout .btn-switch span.slider {
  background-color: var(--civi-color-secondary);
}
.archive-layout .btn-switch .text-switch {
  margin-right: 10px;
  color: var(--civi-color-secondary);
}

.btn-add-to-wishlist i {
  font-size: 20px;
}
.btn-add-to-wishlist i, .btn-add-to-wishlist.removed i {
  font-weight: 400;
}
.btn-add-to-wishlist.added i {
  font-weight: 900;
  color: var(--civi-color-accent);
}

.civi-link-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.icon-heart .civi-dual-ring {
  width: auto;
  height: auto;
  position: static;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.icon-heart .civi-dual-ring:after {
  width: 20px;
  height: 20px;
  border-width: 2px;
}

.btn-canvas-filter {
  margin-right: 24px;
  font-weight: 500;
}
.btn-canvas-filter i {
  font-size: 14px;
  margin-right: 8px;
  font-weight: 500;
  color: var(--civi-color-secondary);
}

#jobs-result-filter {
  position: absolute;
  background-color: #fff;
  border-radius: 8px;
  top: 110%;
  width: 100%;
  max-height: 206px;
  overflow-y: auto;
  z-index: 2;
}
#jobs-result-filter .title-jobs-filter {
  font-size: 16px;
  margin: 0;
  padding: 10px 25px 10px 25px;
  text-align: left;
  display: block;
}
#jobs-result-filter .title-jobs-filter + .title-jobs-filter {
  border-top: 1px solid var(--civi-color-border);
}

body.post-type-archive-jobs #wrapper,
body.post-type-archive-company #wrapper,
body.post-type-archive-candidate #wrapper,
body.post-type-archive-service #wrapper {
  overflow: inherit;
}

body.admin-bar .archive-layout .archive-filter .inner-filter {
  top: 32px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .archive-layout .archive-filter-top .form-group:first-child {
    flex-basis: 160px;
  }
}
@media (min-width: 1200px) {
  .filter-canvas:not(.map-right) .inner-content .area-archive {
    grid-template-columns: repeat(3, 1fr);
  }
  .filter-canvas:not(.map-right) .inner-content.layout-list .area-archive {
    grid-template-columns: repeat(2, 1fr);
  }
  .filter-canvas .archive-filter.open-canvas .bg-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .filter-canvas .archive-filter.open-canvas .inner-filter {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 330px;
  }
  .filter-canvas .archive-filter .inner-filter {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 25px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .filter-canvas .archive-filter .civi-menu-filter {
    padding-bottom: 80px;
  }
  .archive-layout .salary-filter .filter {
    min-width: 80px;
  }
}
.civi-form-location:hover .radius {
  opacity: 1;
  visibility: unset;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.civi-form-location select {
  padding: 0;
}
.civi-form-location .select2 {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.civi-form-location i.fa-angle-down {
  right: 24px;
  cursor: pointer;
  font-weight: 400 !important;
  left: auto !important;
  font-size: 16px !important;
}
.civi-form-location .icon-location {
  position: absolute;
  bottom: 18px;
  left: 16px;
}
.civi-form-location .icon-location svg {
  color: var(--civi-color-secondary);
  cursor: pointer;
  animation: load_infinite_360 5s 5s ease-in-out infinite;
  -webkit-animation: load_infinite_360 5s 5s ease-in-out infinite;
  -moz-animation: load_infinite_360 5s 5s ease-in-out infinite;
}
.civi-form-location .icon-location svg:hover {
  color: var(--civi-color-accent);
}
.civi-form-location .icon-location svg path {
  fill: currentColor;
}
.civi-form-location .radius {
  opacity: 0;
  visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.03);
  position: absolute;
  left: 0;
  bottom: calc(100% - 8px);
  width: 220px;
  background-color: #EDF2F1;
  border-radius: 100px;
  padding-left: 24px;
}
.civi-form-location .radius .labels {
  position: relative;
}
.civi-form-location .radius .labels:after {
  position: absolute;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #EDF2F1;
  left: -2px;
  bottom: -22px;
}
.civi-form-location .radius input {
  border: 0;
  color: var(--civi-color-primary);
  background-color: #EDF2F1;
  padding-left: 5px;
  padding-right: 5px;
  -moz-appearance: textfield;
}
.civi-form-location .radius input::-webkit-outer-spin-button,
.civi-form-location .radius input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.civi-form-location .radius .distance {
  padding-left: 24px;
  padding-right: 25px;
  background-color: var(--civi-color-accent);
  height: 47px;
  border-radius: 100px;
  line-height: 47px;
  color: #fff;
  font-weight: 500;
}

@media (min-width: 992px) {
  .archive-layout.map-right .inner-content {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .archive-layout.map-right .inner-content.no-map .col-left {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 50px;
  }
  .archive-layout.map-right .col-left {
    padding-left: 50px;
    max-width: 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }
  .archive-layout.map-right .col-right {
    max-width: 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
  }
}
@media (min-width: 768px) {
  .archive-layout.map-top .archive-filter-top {
    position: absolute;
    top: 35px;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
  .archive-layout .archive-filter-top .form-group {
    width: 180px;
  }
}
@media (max-width: 1199px) {
  .archive-layout {
    padding-bottom: 80px;
  }
  .archive-layout.filter-right .archive-filter .inner-filter {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .archive-layout .archive-filter {
    width: auto;
  }
  .archive-layout .archive-filter.open-canvas .bg-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .archive-layout .archive-filter.open-canvas .inner-filter {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 370px;
  }
  .archive-layout .archive-filter.open-canvas .show-result {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .archive-layout .archive-filter .inner-filter {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 25px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .archive-layout .archive-filter .civi-menu-filter {
    padding-bottom: 80px;
    position: relative;
  }
}
@media (max-width: 991px) {
  .archive-layout.map-right .col-right,
  .archive-layout.map-right .btn-hide-map {
    display: none;
  }
  .archive-layout .inner-content.layout-full .preview-job-wrapper {
    display: none;
  }
  .archive-layout .inner-content.layout-full .col-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    overflow: auto;
    height: 100%;
  }
  .archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item {
    cursor: inherit;
  }
  .archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item a {
    pointer-events: all;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .archive-layout .archive-filter-top.has-bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .archive-layout.map-top .archive-filter-top {
    margin-top: 40px;
  }
  .archive-layout .col-left {
    padding-top: 32px;
  }
  .archive-layout .archive-filter-top h2 {
    font-size: 28px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .archive-layout .archive-filter-top .form-group {
    width: 100%;
    border-bottom: 0;
    border-right: 1px solid var(--civi-color-border);
  }
  .archive-layout .archive-filter-top .form-group:last-child {
    max-width: 100%;
    border-radius: 0 0 16px 16px;
    padding-left: 15px;
  }
  .archive-layout .archive-filter-top .archive-search-control {
    border-radius: 16px 16px 0 0;
    border-width: 1px 1px 0 1px !important;
  }
  .archive-layout .archive-filter-top .civi-clear-top-filter {
    display: none;
  }
  .archive-layout .archive-filter-top .btn-top-filter {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .archive-layout .archive-filter-top .btn-top-filter:hover {
    background-color: var(--civi-color-accent) !important;
    color: #fff !important;
  }
  .archive-layout .entry-filter .switch-layout,
  .archive-layout .entry-filter .text-sort-by {
    display: none;
  }
  .archive-layout .salary-filter {
    display: block;
  }
  .archive-layout .salary-filter .filter {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .archive-layout .inner-content .area-archive {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 16px;
  }
  .archive-layout .inner-content .archive-filter.open-canvas .inner-filter {
    width: 270px;
  }
  .archive-layout .archive-filter .show-result {
    width: 270px;
  }
  .archive-layout .filter-warpper {
    margin-bottom: 5px;
  }
  .archive-layout .entry-mobie {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .archive-layout .entry-left .result-count,
  .archive-layout .entry-right .civi-clear-filter {
    display: none !important;
  }
  .civi-form-location .select2 {
    visibility: unset;
  }
}
@-ms-keyframes load_infinite_360 {
  from {
    -ms-transform: rotate(0);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes load_infinite_360 {
  from {
    -moz-transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes load_infinite_360 {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes load_infinite_360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.civi-checkbox-round .inner-filter .entry-filter ul.custom-scrollbar input {
  border-radius: 50%;
}

.civi-advanced-archive.off-count .civi-menu-filter ul.filter-control li .count {
  display: none;
}

#company-submit-social .civi-button,
#candidate-submit-social .civi-button {
  padding-left: 8px;
  padding-bottom: 24px;
}
#company-submit-social .field-social-clone,
#candidate-submit-social .field-social-clone {
  display: none;
}
#company-submit-social .soical-remove-inner,
#candidate-submit-social .soical-remove-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--civi-color-border);
  margin-bottom: 24px;
  cursor: pointer;
}
#company-submit-social .soical-remove-inner span,
#candidate-submit-social .soical-remove-inner span {
  color: var(--civi-color-primary);
  margin-left: 10px;
  font-weight: 500;
  font-size: 18px;
}
#company-submit-social .soical-remove-inner i,
#candidate-submit-social .soical-remove-inner i {
  color: var(--civi-color-primary);
}

.civi-fields-gallery .civi-gallery-inner {
  width: 150px;
  height: 150px;
}
.civi-fields-gallery #civi_gallery_container {
  border: dashed 1px #ddd;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #f9f9f9;
}
.civi-fields-gallery #civi_select_gallery {
  background-color: transparent;
  border: 0;
  height: 100%;
  width: 100%;
  color: var(--civi-color-accent);
  font-weight: 500;
}
.civi-fields-gallery #civi_select_gallery i {
  display: block;
  margin-bottom: 10px;
  color: var(--civi-color-secondary);
}
.civi-fields-gallery .field-note {
  max-width: 90px;
  margin: 8px 25px 20px;
  text-align: center;
  font-size: 14px;
  color: var(--civi-color-secondary);
  line-height: 1.5;
}
.civi-fields-gallery #civi_gallery_thumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.civi-fields-gallery .media-thumb {
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 100px;
  height: 100px;
}
.civi-fields-gallery .media-thumb .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.civi-fields-gallery .media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.civi-fields-thumbnail #civi_thumbnail_container {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.civi-fields-thumbnail #civi_thumbnail_view {
  border-radius: 6px;
  border: 1px dashed #ddd;
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
}
.civi-fields-thumbnail #civi_thumbnail_view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.civi-fields-thumbnail #civi_add_thumbnail {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--civi-color-primary);
}
.civi-fields-thumbnail #civi_add_thumbnail #civi_select_thumbnail {
  background-color: transparent;
  border: 0;
  color: var(--civi-color-accent);
  font-weight: 500;
  cursor: pointer;
}
.civi-fields-thumbnail #civi_add_thumbnail p {
  margin-bottom: 0;
  margin-top: 10px;
}
.civi-fields-thumbnail .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 999999;
}
.civi-fields-thumbnail #civi_thumbnail_errors {
  font-size: 10px;
  color: red;
  margin-bottom: 5px;
}
.civi-fields-thumbnail i.la-upload {
  color: var(--civi-color-secondary);
}

.civi-thumbnail-size {
  margin-top: 8px;
  color: var(--civi-color-secondary);
  font-size: 14px;
  text-align: center;
}

@media (max-width: 992px) {
  #civi_thumbnail_container .moxie-shim {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}
.civi-fields-custom_image .file-upload-block {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.civi-fields-custom_image .custom-image-view {
  border-radius: 6px;
  border: 1px dashed #ddd;
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
}
.civi-fields-custom_image .custom-image-view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.civi-fields-custom_image .custom-image-add {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--civi-color-primary);
}
.civi-fields-custom_image .custom-image-add .select-custom-image {
  background-color: transparent;
  border: 0;
  color: var(--civi-color-accent);
  font-weight: 500;
  cursor: pointer;
}
.civi-fields-custom_image .custom-image-add p {
  margin-bottom: 0;
  margin-top: 10px;
}
.civi-fields-custom_image .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.civi-fields-custom_image .errors-log {
  font-size: 10px;
  color: red;
  margin-bottom: 5px;
}
.civi-fields-custom_image i.la-upload {
  color: var(--civi-color-secondary);
}

.civi-custom_image-size {
  margin-top: 8px;
  color: var(--civi-color-secondary);
  font-size: 14px;
  text-align: center;
}

@media (max-width: 992px) {
  .civi-fields-custom_image .file-upload-block .moxie-shim {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}
.civi-map-warpper {
  height: 300px;
  width: 100%;
}

#jobs-map-filter {
  height: 100%;
}

#geocoder .mapboxgl-ctrl-geocoder--icon-search {
  display: none;
}

.leaflet-marker-icon img {
  border-radius: 50%;
}

div.leaflet-popup .leaflet-popup-content-wrapper {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
div.leaflet-popup .leaflet-popup-content-wrapper a {
  color: var(--civi-color-accent);
}

.mapboxgl-map .mapboxgl-marker:after,
.civi-openstreetmap-filter .leaflet-marker-icon:after {
  background-color: transparent !important;
}
.civi-openstreetmap-filter * {
  font-family: inherit;
}
.civi-openstreetmap-filter .leaflet-popup-tip {
  width: 0;
  height: 0;
}

.mapboxgl-map .mapboxgl-marker.mouseenter:before, .mapboxgl-map .mapboxgl-marker.mouseenter:after,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter:before,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter:after,
.page-dashboard .mapboxgl-map .mapboxgl-marker:before,
.page-dashboard .mapboxgl-map .mapboxgl-marker:after,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon:before,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-jobs .mapboxgl-map .mapboxgl-marker:before,
body.single-jobs .mapboxgl-map .mapboxgl-marker:after,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-company .mapboxgl-map .mapboxgl-marker:before,
body.single-company .mapboxgl-map .mapboxgl-marker:after,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-candidate .mapboxgl-map .mapboxgl-marker:before,
body.single-candidate .mapboxgl-map .mapboxgl-marker:after,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-jobs .mapboxgl-map .mapboxgl-marker:before,
.archive-jobs .mapboxgl-map .mouuseenter.mapboxgl-marker:before
{
  width: 150px;
  height: 150px;
  border: 2px solid transparent;
  background-clip: padding-box;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  border-radius: 50%;
  animation: animationSignal linear 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  display: block;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: inset 0 0 35px 10px var(--civi-color-accent);
  -moz-box-shadow: inset 0 0 35px 10px var(--civi-color-accent);
  box-shadow: inset 0 0 35px 10px var(--civi-color-accent);
}

@keyframes animationSignal {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    -moz-transform: translate(-50%, -50%) scale(0.3);
    -o-transform: translate(-50%, -50%) scale(0.3);
    -ms-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  1% {
    -webkit-transform: translate(-50%, -50%) scale(0.32);
    -moz-transform: translate(-50%, -50%) scale(0.32);
    -o-transform: translate(-50%, -50%) scale(0.32);
    -ms-transform: translate(-50%, -50%) scale(0.32);
    transform: translate(-50%, -50%) scale(0.32);
    opacity: 0.1;
  }
  20% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(0 0.45);
    -moz-transform: translate(-50%, -50%) scale(0 0.45);
    -o-transform: translate(-50%, -50%) scale(0 0.45);
    -ms-transform: translate(-50%, -50%) scale(0 0.45);
    transform: translate(-50%, -50%) scale(0 0.45);
  }
  60% {
    -webkit-transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -o-transform: translate(-50%, -50%) scale(0.75);
    -ms-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0.35;
  }
}
.civi-fields-avatar button {
  background-color: transparent;
  border: 0;
  color: var(--civi-color-accent);
  font-weight: 500;
  cursor: pointer;
}
.civi-fields-avatar #civi_avatar_container {
  border-radius: 6px;
  border: 1px dashed #ddd;
  background-color: #f9f9f9;
  width: 150px;
  height: 150px;
  position: relative;
  margin-right: 16px;
  overflow: hidden;
}
.civi-fields-avatar #civi_drop_avatar {
  margin-bottom: 0;
}
.civi-fields-avatar #civi_avatar_view {
  width: 100%;
  height: 100%;
}
.civi-fields-avatar .media-thumb {
  height: 100%;
  width: 100%;
}
.civi-fields-avatar .media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.civi-fields-avatar #civi_add_avatar {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  text-align: center;
  cursor: pointer;
}
.civi-fields-avatar #civi_add_avatar #civi_drop_avatar {
  margin-bottom: 0;
}
.civi-fields-avatar .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 999999;
}
.civi-fields-avatar i.la-upload {
  color: var(--civi-color-secondary);
}
.civi-fields-avatar .field-note {
  max-width: 90px;
  font-size: 14px;
  margin-top: 8px;
  margin-left: 25px;
  color: var(--civi-color-secondary);
}
.civi-fields-avatar #civi_avatar_errors {
  font-size: 10px;
  color: red;
  margin-bottom: 5px;
}

.civi-form-popup {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.civi-form-popup .bg-overlay {
  opacity: 1;
  visibility: unset;
}
.civi-form-popup .inner-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 450px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 15%;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.civi-form-popup .btn-close {
  font-size: 20px;
  position: absolute;
  right: 35px;
}
.civi-form-popup .message_error {
  color: red;
  margin-top: 15px;
}
.civi-form-popup .message_error.true {
  color: lawngreen;
}
.civi-form-popup .form-group {
  margin-top: 24px;
}
.civi-form-popup h5 {
  font-size: 24px;
  margin-bottom: 0;
}
.civi-form-popup h5 span {
  color: var(--civi-color-accent);
}
.civi-form-popup p {
  color: var(--civi-color-secondary);
  margin-bottom: 35px;
}
.civi-form-popup label {
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--civi-color-primary);
}
.civi-form-popup label sup {
  color: red;
  font-size: 12px;
  top: -0.2em;
}
.civi-form-popup input + input {
  margin-top: 24px;
}
.civi-form-popup .button-warpper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}
.civi-form-popup .button-warpper .civi-button {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
}
.civi-form-popup .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
.civi-form-popup .button-warpper .btn-loading {
  display: none;
}
.civi-form-popup .civi-message-error {
  color: red;
  margin-top: 15px;
}
.civi-form-popup .civi-message-error.true {
  color: lawngreen;
}

.form-group select {
  display: block;
  width: 100%;
}
.civi-form-meetings {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 1;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.civi-form-meetings label sup {
  color: red;
  font-size: 12px;
  top: -0.2em;
}
.civi-form-meetings .bg-overlay {
  opacity: 1;
  visibility: unset;
}
.civi-form-meetings .meetings-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 450px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 100px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.civi-form-meetings .meetings-popup span[toggle="#zoompw"] {
  position: absolute;
  right: 30px;
  bottom: 15px;
  cursor: pointer;
}
.civi-form-meetings .meetings-popup span.btn-loading {
  display: none;
  padding-left: 3px !important;
}
.civi-form-meetings .meetings-popup span.btn-loading i {
  padding-left: 0 !important;
}
.civi-form-meetings .btn-close {
  font-size: 20px;
  position: absolute;
  right: 35px;
}
.civi-form-meetings h5 {
  font-size: 24px;
}
.civi-form-meetings p {
  color: var(--civi-color-secondary);
  margin-bottom: 35px;
}
.civi-form-meetings label {
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--civi-color-primary);
}
.civi-form-meetings .form-group {
  margin-top: 24px;
}
.civi-form-meetings .civi-button.button-link {
  margin-top: 24px;
  margin-bottom: 24px;
}
.civi-form-meetings .button-warpper {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
}
.civi-form-meetings .button-warpper .civi-button {
  text-align: center;
}
.civi-form-meetings .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
.civi-form-meetings .tab-popup:not(:first-child) {
  display: none;
}
.civi-form-meetings .message_error {
  color: red;
  margin-top: 15px;
}
.civi-form-meetings .message_error.true {
  color: lawngreen;
}

@media (max-width: 576px) {
  .civi-form-meetings .button-warpper {
    display: block;
  }
  .civi-form-meetings #btn-meetings-reschedule,
  .civi-form-meetings #btn-saved-meetings {
    margin-left: 0;
    margin-top: 15px;
  }
}
.tooltip[data-title] {
  position: relative;
  z-index: 2;
}
.tooltip[data-title]:after {
  content: attr(data-title);
  position: absolute;
  top: -2.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.tooltip[data-title]:before {
  content: "";
  position: absolute;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000;
  top: -0.5em;
}
.tooltip[data-title]:after, .tooltip[data-title]:before {
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
}
.tooltip[data-title]:hover:after, .tooltip[data-title]:hover:before {
  opacity: 1;
  transition: all 0.1s ease 0.2s;
  visibility: visible;
}

.tab-dashboard .tab-list, .tab-dashboard .tab-list-popup, .tab-dashboard .tab-list-active, .tab-popup-warpper .tab-list, .tab-popup-warpper .tab-list-popup, .tab-popup-warpper .tab-list-active, .tab-dashboard-active .tab-list, .tab-dashboard-active .tab-list-popup, .tab-dashboard-active .tab-list-active {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
}
.tab-dashboard .tab-info-active:not(.active), .tab-popup-warpper .tab-info-active:not(.active), .tab-dashboard-active .tab-info-active:not(.active) {
  display: none;
}
.tab-dashboard .tab-item, .tab-popup-warpper .tab-item, .tab-dashboard-active .tab-item {
  position: relative;
}
.tab-dashboard .tab-item:before, .tab-popup-warpper .tab-item:before, .tab-dashboard-active .tab-item:before {
  content: "";
  height: 2px;
  background-color: var(--civi-color-accent);
  bottom: 0;
  display: block;
  position: absolute;
  width: 0;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.tab-dashboard .tab-item:hover a, .tab-dashboard .tab-item.active a, .tab-popup-warpper .tab-item:hover a, .tab-popup-warpper .tab-item.active a, .tab-dashboard-active .tab-item:hover a, .tab-dashboard-active .tab-item.active a {
  color: var(--civi-color-accent);
}
.tab-dashboard .tab-item:hover:before, .tab-dashboard .tab-item.active:before, .tab-popup-warpper .tab-item:hover:before, .tab-popup-warpper .tab-item.active:before, .tab-dashboard-active .tab-item:hover:before, .tab-dashboard-active .tab-item.active:before {
  width: 100%;
}
.tab-dashboard .tab-item a, .tab-popup-warpper .tab-item a, .tab-dashboard-active .tab-item a {
  font-size: 18px;
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.tab-dashboard .tab-item + .tab-item, .tab-popup-warpper .tab-item + .tab-item, .tab-dashboard-active .tab-item + .tab-item {
  margin-left: 32px;
}

@media (max-width: 672px) {
  .candidate-profile-tab {
    overflow: scroll;
  }
  .candidate-profile-tab li {
    white-space: nowrap;
  }
}
.nav-dashboard-wapper {
  padding: 24px 32px;
  background-color: #fff;
  border-right: 1px solid var(--civi-color-border);
  position: fixed;
  width: 260px;
  z-index: 2;
  overflow-y: auto;
  height: 100%;
}
.nav-dashboard-wapper .list-nav-dashboard {
  margin-left: -18px;
}
.nav-dashboard-wapper.close {
  padding: 20px 0;
}
.nav-dashboard-wapper.close .site-logo,
.nav-dashboard-wapper.close .text-logo,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item span:not(.image),
.nav-dashboard-wapper.close .nav-dashboard-footer {
  display: none;
}
.nav-dashboard-wapper.close .nav-dashboard-header {
  -ms-flex-pack: center;
  justify-content: center;
}
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item a:hover, .nav-dashboard-wapper.close .list-nav-dashboard .nav-item.active a {
  background-color: transparent;
}
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item object,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item img {
  padding-right: 0;
}

.nav-dashboard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
.nav-dashboard .tooltip[data-title]:before {
  top: 44%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: auto;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #000;
}
.nav-dashboard .tooltip[data-title]:after {
  top: 0;
  left: 100%;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.nav-dashboard .list-nav-dashboard {
  list-style: none;
  padding-left: 0;
}
.nav-dashboard .list-nav-dashboard img {
  filter: invert(54%) sepia(57%) saturate(0%) hue-rotate(241deg) brightness(99%) contrast(101%);
}
.nav-dashboard .list-nav-dashboard .civi-svg {
  display: block;
  line-height: 24px;
  max-width: 24px;
}
.nav-dashboard .list-nav-dashboard .nav-item a:hover, .nav-dashboard .list-nav-dashboard .nav-item.active a {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.nav-dashboard .list-nav-dashboard .nav-item a:hover img, .nav-dashboard .list-nav-dashboard .nav-item.active img {
  filter: invert(14%) sepia(14%) saturate(3183%) hue-rotate(120deg) brightness(69%) contrast(100%);
}
.nav-dashboard .list-nav-dashboard .nav-item .image {
  min-width: 24px;
  margin-right: 12px;
}
.nav-dashboard .nav-item {
  font-size: 16px;
  font-weight: 500;
}
.nav-dashboard .nav-item + .nav-item {
  margin-top: 5px;
}
.nav-dashboard .nav-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 5px 18px;
  background-color: transparent;
  border-radius: 30px;
}
.nav-dashboard .nav-item .badge {
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #d63638;
  color: #fff;
  margin-left: 8px;
  font-size: 12px;
}
.nav-dashboard .nav-dashboard-header {
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.nav-dashboard .nav-dashboard-header .text-logo {
  padding-left: 74px;
  font-size: 10px;
  margin-top: -3px;
  color: #000;
}
.nav-dashboard .nav-dashboard-header .closebtn {
  margin-top: 10px;
}
.nav-dashboard .nav-dashboard-footer {
  text-align: center;
  background: rgba(0, 116, 86, 0.05);
  border: 1px solid rgba(0, 116, 86, 0.07);
  padding: 15px;
  border-radius: 16px;
  margin-top: auto;
}
.nav-dashboard .nav-dashboard-footer h4 {
  font-size: 17px;
  margin-bottom: 10px;
}
.nav-dashboard .nav-dashboard-footer p {
  max-width: 140px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  color: #000;
}
.nav-dashboard .nav-dashboard-footer .civi-button {
  margin-top: 25px;
}

.nav-dashboard-inner .icon-nav-mobie {
  display: none;
  font-size: 24px;
  position: fixed;
  left: 0;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-radius: 0 5px 5px 0;
  top: 50%;
  z-index: 9;
  padding: 7px 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .nav-dashboard-inner.open-nav .nav-dashboard-wapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .nav-dashboard-inner.open-nav .bg-overlay {
    visibility: unset;
    opacity: 1;
  }
  .nav-dashboard-wapper {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    z-index: 10;
  }
  .nav-dashboard-inner .icon-nav-mobie {
    display: -ms-flexbox;
    display: flex;
  }
  .nav-dashboard-header .closebtn {
    display: none;
  }
}
.civi-slick-carousel {
  margin-left: -4px;
  margin-right: -4px;
}
.civi-slick-carousel .slick-slide {
  padding-left: 4px;
  padding-right: 4px;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.slick-arrow svg {
  vertical-align: middle;
}
.slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-arrow.gl-prev {
  left: 15px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slick-arrow.gl-next {
  right: 15px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.select2 {
  width: 100% !important;
}
.select2 .select2-selection__rendered {
  padding: 2px 16px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 175px;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ddd;
}
.select2-container--default .select2-selection--multiple {
  padding: 3px 16px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 14px;
  color: var(--civi-color-accent);
  background: rgba(0, 116, 86, 0.05);
  border-radius: 30px;
  padding: 2px 12px;
  border: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-bottom: 2px;
  color: var(--civi-color-accent);
  margin-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
}

.select2-results__options {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
}

.select2-results__option[aria-selected] {
  font-size: 14px;
}

.select2-dropdown {
  border-color: var(--civi-color-border);
}

.civi-select2 {
  height: 44px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.civi-select2 option {
  margin-bottom: 10px;
}
.civi-select2 option:checked {
  background-color: transparent !important;
}

.form-select i.fa-angle-down {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 25px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.checkbox-inline input,
.radio-inline input {
  margin-right: 5px !important;
}

select.civi-select2 {
  width: fit-content !important;
}

.select2.select2-container {
  width: fit-content !important;
}
.select2.select2-container .selection {
  display: block;
  height: 100%;
}
.select2.select2-container .select2-selection {
  border: 0;
  height: 100%;
  margin: 0;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding-right: 0;
  background-color: #fff;
}
.select2.select2-container .select2-selection__rendered {
  line-height: normal;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
.select2.select2-container .select2-selection__arrow {
  position: static;
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.select2.select2-container .select2-selection__arrow b {
  display: none;
}
.select2.select2-container .select2-selection__arrow:after {
  content: "\f078";
  font-size: 12px;
  font-weight: bold;
  font-family: "Font Awesome 5 Pro";
  color: var(--civi-color-secondary);
  font-style: normal;
  right: 18px;
  width: auto;
  height: auto;
  margin-top: 0;
  border: 0;
}

.select2-container .select2-dropdown {
  border: 0;
  top: 0;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
}
.select2-container .select2-dropdown .select2-results__option {
  padding: 4px 16px;
  font-size: 15px;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 5px;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 5px;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 5px;
}
.select2-container .select2-results__option[aria-selected=true],
.select2-container .select2-results__option[data-selected=true] {
  background-color: rgba(0, 116, 86, 0.05);
  font-weight: 400;
  color: var(--civi-color-accent);
}
.select2-container .select2-results__option--highlighted[aria-selected],
.select2-container .select2-results__option--highlighted[data-selected] {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}

body.admin-bar .select2-container .select2-dropdown {
  top: 32px;
}

.select2-field .select2.select2-container {
  width: 100% !important;
}
.select2-field .select2.select2-container .select2-selection {
  font-size: 16px;
  border: 1px solid #ddd;
  padding: 10.5px 16px;
  border-radius: 4px;
}
.select2-field .select2.select2-container .select2-selection--multiple {
  padding: 0 16px;
  height: 47px;
  line-height: 47px;
}
.select2-field .select2.select2-container .select2-selection .select2-selection__rendered li {
  margin: 5px 5px 5px 0;
}

.form-select div.select2-multiple + i {
  right: 16px;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

.skeleton-loading .jobs-archive-header,
.skeleton-loading .jobs-archive-footer,
.skeleton-loading .jobs-des,
.skeleton-loading .days,
.skeleton-loading .company-top,
.skeleton-loading .des-company,
.skeleton-loading .company-header,
.skeleton-loading .company-bottom,
.skeleton-loading .company-thumbnail,
.skeleton-loading .candidate-top,
.skeleton-loading .des-candidate,
.skeleton-loading .candidate-header,
.skeleton-loading .candidate-bottom,
.skeleton-loading .candidate-salary,
.skeleton-loading .service-thumbnail,
.skeleton-loading .service-header,
.skeleton-loading .service-bottom,
.skeleton-loading .jobs-thumbnail-details,
.skeleton-loading .block-archive-inner > *,
.skeleton-loading .preview-tabs .tab-nav li,
.skeleton-loading .company-overview > *,
.skeleton-loading .company-jobs > * {
  position: relative;
  overflow: hidden;
  background-color: #dddbdd;
}
.skeleton-loading .jobs-archive-header:before,
.skeleton-loading .jobs-archive-footer:before,
.skeleton-loading .jobs-des:before,
.skeleton-loading .days:before,
.skeleton-loading .company-top:before,
.skeleton-loading .des-company:before,
.skeleton-loading .company-header:before,
.skeleton-loading .company-bottom:before,
.skeleton-loading .company-thumbnail:before,
.skeleton-loading .candidate-top:before,
.skeleton-loading .des-candidate:before,
.skeleton-loading .candidate-header:before,
.skeleton-loading .candidate-bottom:before,
.skeleton-loading .candidate-salary:before,
.skeleton-loading .service-thumbnail:before,
.skeleton-loading .service-header:before,
.skeleton-loading .service-bottom:before,
.skeleton-loading .jobs-thumbnail-details:before,
.skeleton-loading .block-archive-inner > *:before,
.skeleton-loading .preview-tabs .tab-nav li:before,
.skeleton-loading .company-overview > *:before,
.skeleton-loading .company-jobs > *:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dddbdd;
  z-index: 3;
}
.skeleton-loading .jobs-archive-header::after,
.skeleton-loading .jobs-archive-footer::after,
.skeleton-loading .jobs-des::after,
.skeleton-loading .days::after,
.skeleton-loading .company-top::after,
.skeleton-loading .des-company::after,
.skeleton-loading .company-header::after,
.skeleton-loading .company-bottom::after,
.skeleton-loading .company-thumbnail::after,
.skeleton-loading .candidate-top::after,
.skeleton-loading .des-candidate::after,
.skeleton-loading .candidate-header::after,
.skeleton-loading .candidate-bottom::after,
.skeleton-loading .candidate-salary::after,
.skeleton-loading .service-thumbnail::after,
.skeleton-loading .service-header::after,
.skeleton-loading .service-bottom::after,
.skeleton-loading .jobs-thumbnail-details::after,
.skeleton-loading .block-archive-inner > *::after,
.skeleton-loading .preview-tabs .tab-nav li::after,
.skeleton-loading .company-overview > *::after,
.skeleton-loading .company-jobs > *::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 3;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
body.single-jobs .site-content, body.single-jobs .site-header {
  position: static;
}

body.single-service .civi_breadcrumb li:last-child {
  display: none;
}

body.single-jobs .civi_breadcrumb,
body.single-company .civi_breadcrumb,
body.single-candidate .civi_breadcrumb {
  margin-top: 24px;
  margin-bottom: 24px;
}
body.single-jobs .main-content,
body.single-company .main-content,
body.single-candidate .main-content {
  padding-top: 0;
}

body.single-service .civi_breadcrumb {
  margin-top: 24px;
  margin-bottom: 18px;
}
body.single-service .main-content {
  padding-top: 40px;
}

#geocoder {
  top: 36px !important;
}

body.civi-ltw {
  overflow: hidden !important;
}

@media (min-width: 768px) {
  body.single-jobs .elementor-lightbox,
  body.single-company .elementor-lightbox,
  body.single-candidate .elementor-lightbox {
    display: none !important;
  }
}
@media (max-width: 576px) {
  body.single-jobs .civi_breadcrumb,
  body.single-company .civi_breadcrumb,
  body.single-candidate .civi_breadcrumb {
    display: none;
  }
  body.single-jobs .main-content,
  body.single-company .main-content,
  body.single-candidate .main-content {
    padding-top: 30px;
  }
}
a.label {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.label:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0 0);
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.civi-link-bottom {
  position: relative;
}
.civi-link-bottom:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  bottom: -3px;
  background-color: currentColor;
  width: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.civi-link-bottom:hover:after {
  width: 100%;
}

.mega-menu-content .civi-modern-tabs .button-border-bottom {
  display: inline-block !important;
}
.mega-menu-content .elementor-widget-civi-jobs-category.civi-layout-01 .icon-cate {
  margin-bottom: 0;
}
.mega-menu-content .civi-list .text {
  position: relative;
  display: inline-block;
}
.mega-menu-content .civi-list .text:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 1px solid var(--civi-color-accent);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -o-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.mega-menu-content .civi-list .text:hover:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.civi-email-html {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 5px;
  margin: 10px;
}
.civi-email-html .text {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}

.additional-warpper .entry-thumbnail {
  position: relative;
}
.additional-warpper .view-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.additional-warpper .view-video i {
  color: red;
  font-size: 60px;
}

.elementor-section.rtl .jobs-archive-header,
.elementor-section.rtl .jobs-header-left, .elementor-section.rtl .company-header .elementor-section.rtl,
.elementor-section.rtl .company-bottom {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.elementor-section.rtl .company-inner {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.elementor-section.rtl .company-img,
.elementor-section.rtl .layout-list .jobs-footer-left,
.elementor-section.rtl .layout-list .jobs-header-left,
.elementor-section.rtl .civi-jobs-item .logo-comnpany {
  margin-right: 0;
  margin-left: 16px;
}
.elementor-section.rtl .jobs-footer-left, .elementor-section.rtl .jobs-footer-right, .elementor-section.rtl .jobs-header-left,
.elementor-section.rtl .civi-company-item, .elementor-section.rtl .testimonial-item .content, .elementor-section.rtl .cite {
  text-align: right;
}
.elementor-section.rtl .civi-testimonial-style-03 .info .testimonial-logo {
  left: 0;
  right: auto;
}
.elementor-section.rtl .civi-testimonial-style-03 .image {
  margin-left: 20px !important;
  margin-right: 0 !important;
}
.elementor-section.rtl .civi-blog .top-blog .post-categories {
  padding-right: 0;
}

.btn-canvas-filter {
    display:none!important;
}