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: 8% 0;
}

.banner-alert .btn-close {
    position: absolute;
    top: 25px;
    left: 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-right: 0;
    border-left: 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-right: 0;
    border-left: 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: 100%;
}

.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 0 0 15px;
    margin: 0 0 0 10px;
    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 {
    left: 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;
    left: 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-right: 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-right: 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;
    right: -1px;
    top: 0;
    font-size: 10px;
    font-weight: 300;
}

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

.page-control .place-map #pac-input {
    top: 20px !important;
    right: 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-left: 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;
    right: 0;
    left: 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-left: 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%;
    right: 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-right: 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%;
    left: -95%;
}

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

.form-change-password .civi-toggle-password {
    position: absolute;
    bottom: 15px;
    left: 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;
    left: 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-left: 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);
    }
}
.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;
    left: -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-left: 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-left: 3px;
}

.civi-marker .place-cate a:last-child {
    margin-left: 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-left: 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-left: 3px;
}

.civi-marker .place-rating i {
    margin-right: 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;
    left: 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-right: 5px;
    float: none;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
}

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

.rate > label {
    padding: 3px;
}

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

.rate label + label {
    margin-right: 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;
    right: 0;
    left: 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;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
}

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

#pac-input {
    position: absolute;
    top: 30px !important;
    left: 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;
    right: 50px;
    z-index: 1;
    display: flex;
}

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

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

.form-2-col .form-group {
    padding-right: 15px;
    padding-left: 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;
    right: 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;
    right: 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;
    right: 0;
    left: 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-right: 30px;
}

.civi-table tr td:last-child,
.civi-table tr th:last-child {
    padding-left: 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-right: 20px;
}

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

.civi-table td.booking-action a:first-child {
    margin-right: 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-right: 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-left: 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-left: 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-right: 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-left: 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: right;
    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%;
    right: 0;
    left: 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-right: 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: right;
}

.civi-form .form-group .form-control {
    border-top: 0;
    border-right: 0;
    border-left: 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 30px 10px 15px;
    margin-bottom: 0;
}

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

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

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

.form-toggle {
    position: relative;
}

.form-toggle .open-toggle {
    display: block;
    text-align: right;
    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%;
    right: 0;
    left: 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-left: 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;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #2d2d2d;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.btn-control .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    right: 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;
}

.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%;
    right: 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-right: 0;
    padding-left: 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-right: 0;
    padding-left: 0;
}

.popup.popup-custom .inner-popup {
    top: 50%;
    max-width: 340px;
    right: 20px;
    left: 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;
    left: 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;
    left: 30px;
}
.ai-popup .btn-close i {
    font-size: 20px;
}
.ai-popup h4 {
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 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-right: 5px;
}
.ai-popup .field-notice.error p {
    color: #ff2d55;
}

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

@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-right: -8px;
    margin-left: -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-left: 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-right: 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-left: 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 .civi-button {
    pointer-events: none;
    cursor: default;
}
.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-left: 10px;
}
.civi-package-wrap .civi-package-item.current .recommended {
    display: none;
}

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

.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-right: 12px;
}
.submit-jobs-dashboard .button-warpper .button-link {
    margin-left: 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-right: 5px;
    margin-left: 0;
}

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

.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-left: 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;
    left: 20px;
    bottom: 14px;
}

input#search-location {
    padding-left: 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;
    left: 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;
    left: 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;
    left: 24px;
}
.alert-form .head {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.alert-form .head svg {
    margin-left: 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 {
        left: 15px;
        right: 15px;
        bottom: 20px;
    }
}
.form-popup-apply {
    right: 0;
    left: 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 + .form-group {
    margin-top: 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;
    left: 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;
    margin-top: 24px;
}
.form-popup-apply .button-warpper .civi-button {
    text-align: center;
}
.form-popup-apply .button-warpper .civi-button + .civi-button {
    margin-right: 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;
    left: 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);
}
.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-left: 16px;
    margin-top: 10px;
}
.civi-jobs-header-top .civi-header-left {
    display: -ms-flexbox;
    display: flex;
    margin-left: 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-right: 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-left: 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-right: 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%;
    right: 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-right: 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-right: 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-right: 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-right: 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-right: 7px;
    cursor: pointer;
}
.jobs-company-sidebar .name {
    margin-right: 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-right: 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-right: 0;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.jobs-company-sidebar .tab-company li + li {
    margin-right: 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-right: 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-right: 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 .civi-button i {
    font-size: 14px;
    font-weight: 500;
    padding-right: 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-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}
.jobs-company-sidebar .list-social li + li {
    margin-right: 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-right: 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-right: 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 {
    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-right: 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-right: 26px;
    padding-left: 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-left: 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-left: 4px;
    margin-bottom: 4px;
}

@media (min-width: 576px) {
    .civi-apply-bottombar {
        display: none;
    }
}
@media (max-width: 767px) {
    .block-archive-inner {
        padding-right: 16px;
        padding-left: 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-right: 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-left: 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-left: 15px;
}
.civi-jobs-item.layout-list .logo-comnpany {
    margin-left: 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-left: 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;
        left: 0;
    }
    .civi-jobs-item.layout-list .jobs-left-inner {
        margin-right: 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-left: 15px;
    display: block;
    width: max-content;
}

.ui-autocomplete {
    position: absolute;
    padding-right: 0;
    margin-right: 0;
    top: 100%;
    right: 0;
    z-index: 9999;
    float: right;
    display: none;
    min-width: 160px;
    margin: 0 25px 10px 0;
    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: 100% 0;
}

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

.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: 100% 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-right: -0.6em;
}

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

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

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

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

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

.ui-slider-vertical .ui-slider-range {
    right: 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-right: 5px;
}
.company-head-details .logo-comnpany {
    margin-left: 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-left: 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-left: 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-left: 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-right: 12px;
}
.company-review-details .entry-overview,
.service-review-details .entry-overview {
    padding-top: 15px;
    padding-bottom: 15px;
}

.reviews-list {
    padding-right: 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-right: 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-right: 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-left: 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;
    right: 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 105px 35px 35px;
    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-right: 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;
    right: 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;
    right: 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-right: -30px;
    margin-left: -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-left: 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-right: 8px;
}

.civi-review-details .toggle-review {
    margin-top: 10px;
    margin-bottom: 10px;
}
.civi-review-details .toggle-review i {
    margin-right: 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-left: 0;
    padding-right: 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-right: 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%;
    right: 2px;
}
.civi-rating-warpper .rating-count i {
    color: var(--civi-color-accent);
    font-weight: bold;
    margin-left: 0;
}
.civi-rating-warpper .rating-count span {
    font-weight: 500;
    color: var(--civi-color-accent);
    margin-left: 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 -28px -28px 24px;
    border-radius: 0 16px 16px 0;
    flex-shrink: 0;
}
.layout-thumbnail-list .company-thumbnail img {
    border-radius: 0 16px 16px 0;
    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-left: 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-left: 16px;
    display: block;
}
.civi-company-item .company-size,
.civi-company-item .company-location {
    margin-left: 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-left: 7px;
}
.civi-company-item .civi-rating-warpper .rating-count {
    padding-right: 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-right: 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-left: 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-left: 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;
        left: 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-right: 0;
    padding-left: 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;
}
.about-company-dashboard .title-about {
    font-size: 16px;
}
.about-company-dashboard .company-right {
    margin-right: 15px;
}
.about-company-dashboard .company-right i {
    color: var(--civi-color-secondary);
    font-weight: 400;
    margin-left: 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-right: 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-right: 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;
    right: 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: right;
    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;
    right: 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-right: 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-right: 0;
    margin-left: 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);
}

@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-left: 16px;
}
.civi-candidates-item .candidate-category {
    margin-left: 15px;
}
.civi-candidates-item .candidate-category a {
    color: var(--civi-color-accent);
    font-weight: 500;
}
.civi-candidates-item .candidate-location {
    margin-left: 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-left: 7px;
}
.civi-candidates-item .candidate-rating-warpper .rating-count {
    padding-right: 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-right: 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-right: 5px;
    color: #fff;
}
.civi-candidates-item .candidates-status img {
    margin-left: 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-left: 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-right: 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-right: 20px;
}
.archive-candidates .filter-warpper .sort-by {
    font-weight: 500;
    border: 0;
    font-size: 16px;
    color: var(--civi-color-text);
    padding-left: 18px;
    padding-right: 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-right: 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-right: 15px;
    margin-left: 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-right: 1px solid var(--civi-color-border);
}
.archive-candidates .archive-candidates-top .form-group:last-child {
    background-color: #fff;
    text-align: left;
    padding-left: 15px;
    border-radius: 50px 0 0 50px;
    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;
    right: 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 {
    left: 25px;
    right: auto;
}
.archive-candidates .archive-candidates-top .candidates-search-control,
.archive-candidates .archive-candidates-top .select-arrow select {
    padding-right: 50px;
    border: 0;
    height: 70px;
    width: 100%;
    border-radius: 0;
}
.archive-candidates .archive-candidates-top .candidates-search-control {
    border-radius: 0 50px 50px 0;
    border-width: 1px 1px 1px 0 !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-left: 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;
        left: 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-left: 0;
    padding-right: 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-left: 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-right: 5px;
}
.candidate-head-details .title-wapper .tooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.candidate-head-details .logo-comnpany {
    margin-left: 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-left: 8px;
}
.candidate-head-details .candidate-warpper i {
    font-size: 18px;
    color: var(--civi-color-secondary);
    margin-left: 8px;
    font-weight: 400;
}
.candidate-head-details .candidate-warpper:before {
    content: "";
    width: 6px;
    height: 6px;
    top: 50%;
    background-color: #d9d9d9;
    border-radius: 50%;
    margin-left: 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-left: 8px;
}
.candidate-head-details .civi-candidate-header-bottom .btn-webs {
    border-color: var(--civi-color-primary);
}
.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-right: 34px;
    color: var(--civi-color-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.single.candidate-experience .experience-title.time-dot::before {
    right: -34px;
}
.single.candidate-experience .experience-details {
    position: relative;
    height: 100%;
    margin-top: 4px;
    margin-right: 34px;
}
.single.candidate-experience .experience-details.time-line::before {
    right: -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-left: 8px;
    margin-right: 8px;
    margin-bottom: 4px;
}
.single.candidate-experience .experience-details span:last-child {
    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-right: 34px;
    color: var(--civi-color-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.single.candidate-education .education-title.time-dot::before {
    right: -34px;
}
.single.candidate-education .time-dot:before {
    border-color: #FFD75E;
}
.single.candidate-education .education-details {
    position: relative;
    height: 100%;
    margin-top: 4px;
    margin-right: 34px;
}
.single.candidate-education .education-details.time-line:before {
    right: -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-left: 8px;
    margin-right: 8px;
    margin-bottom: 4px;
}
.single.candidate-education .education-details span:last-child {
    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-right: 34px;
}
.single.candidate-award .award-title.time-dot::before {
    right: -34px;
}
.single.candidate-award .award-details {
    position: relative;
    height: 100%;
    margin-top: 4px;
    margin-right: 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 {
    right: -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;
    right: 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-right: -12px;
    margin-left: -12px;
}
.candidate-project-details .civi-slick-carousel .slick-slide {
    padding-right: 12px;
    padding-left: 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-right: 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-right: 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-right: 0;
    margin-bottom: 0;
}
.candidate-sidebar .list-cate .cate {
    font-weight: 500;
    color: var(--civi-color-accent);
}
.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-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}
.candidate-sidebar .list-social li + li {
    margin-right: 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-left: 15px;
    padding-right: 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-right: 12px;
}
.candidate-review-details .entry-overview {
    padding-top: 15px;
    padding-bottom: 15px;
}

.reviews-list {
    padding-right: 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-right: 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-right: 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-left: 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;
    right: 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 105px 35px 35px;
    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-right: 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;
    right: 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;
    right: 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-right: -30px;
    margin-left: -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-left: 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-right: 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 {
    right: 0;
    left: 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;
    left: 35px;
}
#form-invite-popup ul.custom-scrollbar {
    padding-right: 0;
    padding-left: 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-left: 3px !important;
    min-width: 14px;
}
#form-invite-popup ul.custom-scrollbar label {
    margin-bottom: 0;
    margin-right: 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-right: 16px;
}
#form-invite-popup .button-warpper .btn-loading {
    display: none;
}

.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-right: 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%;
    right: 2px;
}
.candidate-rating-warpper .rating-count i {
    color: var(--civi-color-accent);
    font-weight: bold;
    margin-left: 0;
}
.candidate-rating-warpper .rating-count span {
    font-weight: 500;
    color: var(--civi-color-accent);
    margin-left: 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-right: 0;
}

@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: 0 16px 16px 0;
    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-right: 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-left: 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;
        left: 24px;
    }
    .civi-service-item.layout-list .service-status-inner .service-status {
        margin-top: 0;
        width: auto;
        margin-left: 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;
    left: 24px;
}
.civi-service-item.layout-grid .service-status-inner .service-status {
    margin-top: 0;
    width: auto;
    margin-left: 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-left: 10px;
    display: -ms-flexbox;
    display: flex;
}
.archive-service .price-filter .filter span {
    line-height: 47px;
    padding-left: 5px;
    padding-right: 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: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-left: 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-right: 6px;
}
.civi-service-item .civi-rating-warpper {
    font-size: 14px;
}
.civi-service-item .civi-rating-warpper .rating-count {
    padding-right: 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-left: 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;
        left: 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-right: 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-right: auto;
    font-weight: 600;
    color: var(--civi-color-primary);
}
.service-package-sidebar .content li + li {
    margin-top: 16px;
}
.service-package-sidebar .content svg {
    margin-left: 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-left: 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-right: 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-right: 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-left: 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%;
}
.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-right: 12px;
}
.service-head-details .head-left .candidate-warpper:before {
    content: "";
    width: 6px;
    height: 6px;
    top: 50%;
    background-color: #d9d9d9;
    border-radius: 50%;
    margin-left: 10px;
}
.service-head-details .head-left .civi-rating-warpper {
    margin-right: 8px;
}
.service-head-details .head-left .image-candidates {
    margin-left: 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: #fff;
    border-radius: 50%;
}
.service-head-details .btn-add-to-wishlist {
    margin-right: 16px;
}
.service-head-details .toggle-social .social-share {
    z-index: 9;
}

.service-gallery-details .slick-arrow.gl-prev {
    right: 30px;
}
.service-gallery-details .slick-arrow.gl-next {
    left: 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-right: 8px;
    padding-left: 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-right: 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-left: 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-left: 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;
    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);
    -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-right: 3px;
    color: var(--civi-color-secondary);
}
.archive-layout .archive-filter .civi-menu-filter ul.filter-control ul {
    padding-right: 15px;
    margin-top: 5px;
}
.archive-layout input.archive-search-location {
    height: 70px;
    border: 0;
    padding-right: 50px;
    padding-left: 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 .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;
    -ms-flex-align: center;
    align-items: center;
}
.archive-layout .filter-warpper .entry-filter .civi-clear-filter {
    margin-left: 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;
}
.archive-layout .filter-warpper .switch-layout a + a {
    margin-right: 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-right: 20px;
}
.archive-layout .filter-warpper .select2 {
    margin-right: 20px;
}
.archive-layout .filter-warpper .sort-by {
    font-weight: 500;
    border: 0;
    font-size: 16px;
    color: var(--civi-color-text);
    padding-left: 18px;
    padding-right: 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-right: 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-left: 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 .col-right {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 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-left: 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-left: 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-right: 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-left: 16px;
}
.archive-layout .preview-tabs .civi-button.button-block {
    width: auto;
    margin-left: 20px;
}
.archive-layout .preview-tabs .civi-button.button-block i,
.archive-layout .preview-tabs .civi-button.button-block svg {
    margin: 0 10px 0 0;
}
.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-left: 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-left: 10px;
    display: -ms-flexbox;
    display: flex;
}
.archive-layout .salary-filter .filter span {
    line-height: 47px;
    padding-left: 5px;
    padding-right: 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-right: 15px;
    margin-left: 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-right: 24px;
    padding-left: 24px;
    background-color: #fff;
    padding-right: 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-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-right: 1px solid var(--civi-color-border);
}
.archive-layout .archive-filter-top .form-group:last-child {
    background-color: #fff;
    text-align: left;
    padding-left: 15px;
    border-radius: 50px 0 0 50px;
    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;
    right: 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 {
    left: 25px;
    right: auto;
}
.archive-layout .archive-filter-top .archive-search-control {
    padding-right: 50px;
    border: 0;
    height: 70px;
    width: 100%;
    border-radius: 0;
}
.archive-layout .archive-filter-top .archive-search-control {
    border-radius: 0 50px 50px 0;
    border-width: 1px 1px 1px 0 !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-left: 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-left: 0;
    margin-right: 70px;
}
.archive-layout.filter-active .civi-clear-filter {
    display: block !important;
}
.archive-layout .inner-filter {
    width: 330px;
    margin-left: 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-right: 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-right: 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-right: 28px;
}
.archive-layout .btn-switch span.slider {
    background-color: var(--civi-color-secondary);
}
.archive-layout .btn-switch .text-switch {
    margin-left: 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;
    right: 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-left: 24px;
    font-weight: 500;
}
.btn-canvas-filter i {
    font-size: 14px;
    margin-left: 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: right;
    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;
        right: 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 select {
    padding: 0;
}
.civi-form-location .select2 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.civi-form-location i.fa-angle-down {
    left: 24px;
    cursor: pointer;
    font-weight: 400 !important;
    right: auto !important;
    font-size: 16px !important;
}
.civi-form-location .icon-location {
    position: absolute;
    bottom: 18px;
    right: 16px;
}
.civi-form-location .icon-location .tooltip[data-title]:after,
.civi-form-location .icon-location .tooltip[data-title]:before {
    right: 0;
}
.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);
}

@media (min-width: 992px) {
    .archive-layout.map-right .inner-content {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .archive-layout.map-right .inner-content.no-map .col-left {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 50px;
    }
    .archive-layout.map-right .col-left {
        padding-right: 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;
        right: 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 {
        right: auto;
        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);
    }
    .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;
        right: 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-left: 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-right: 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-left: 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);
    }
}
#company-submit-social .civi-button,
#candidate-submit-social .civi-button {
    padding-right: 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-right: 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-left: 15px;
    margin-bottom: 15px;
    width: 100px;
    height: 100px;
}
.civi-fields-gallery .media-thumb .media-item-actions {
    position: absolute;
    top: 0;
    left: 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;
    right: 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;
    left: 0;
    background-color: #fff;
}
.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;
        right: 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 {
    width: 150px;
    height: 150px;
    border: 2px solid transparent;
    background-clip: padding-box;
    position: absolute;
    right: 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-left: 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%);
    right: 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;
    left: 0;
    background-color: #fff;
}
.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-right: 25px;
    color: var(--civi-color-secondary);
}
.civi-fields-avatar #civi_avatar_errors {
    font-size: 10px;
    color: red;
    margin-bottom: 5px;
}

.civi-form-popup {
    right: 0;
    left: 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;
    left: 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-right: 12px;
    padding-left: 12px;
}
.civi-form-popup .button-warpper .civi-button + .civi-button {
    margin-right: 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 {
    right: 0;
    left: 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;
    left: 30px;
    bottom: 15px;
    cursor: pointer;
}
.civi-form-meetings .meetings-popup span.btn-loading {
    display: none;
    padding-right: 3px !important;
}
.civi-form-meetings .meetings-popup span.btn-loading i {
    padding-right: 0 !important;
}
.civi-form-meetings .btn-close {
    font-size: 20px;
    position: absolute;
    left: 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-right: 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-right: 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;
    right: 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;
    left: 0;
    right: 50%;
    transform: translateX(50%);
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 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-right: 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-right: 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-left: 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-right: -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-left: 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%);
    left: 0;
    right: auto;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #000;
}
.nav-dashboard .tooltip[data-title]:after {
    top: 0;
    right: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.nav-dashboard .list-nav-dashboard {
    list-style: none;
    padding-right: 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;
}
.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-left: 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-right: 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-right: 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;
    right: 0;
    width: 70px;
    height: 60px;
    background-color: var(--civi-color-accent);
    color: #fff;
    border-radius: 5px 0 0 5px;
    top: 50%;
    z-index: 9;
    -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;
}
.nav-dashboard-inner .icon-nav-mobie span {
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
    display: block;
}

@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-right: -4px;
    margin-left: -4px;
}
.civi-slick-carousel .slick-slide {
    padding-right: 4px;
    padding-left: 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 {
    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%);
}
.slick-arrow.gl-next {
    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%);
}

.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-left: 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;
    left: 25px;
    color: var(--civi-color-text);
    font-weight: 400;
}

.checkbox-inline input,
.radio-inline input {
    margin-left: 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-left: 0;
    background-color: #fff;
}
.select2.select2-container .select2-selection__rendered {
    line-height: normal;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
}
.select2.select2-container .select2-selection__arrow {
    position: static;
    height: auto;
    width: auto;
    display: flex;
    align-items: center;
    margin-right: 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;
    left: 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 0 5px 5px;
}

.form-select div.select2-multiple + i {
    left: 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;
    left: 0;
    bottom: 0;
    right: 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;
    left: 0;
    bottom: 0;
    right: 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-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.civi-link-bottom {
    position: relative;
}
.civi-link-bottom:after {
    content: "";
    position: absolute;
    left: 0;
    right: 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;
    right: 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: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left 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: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right 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%;
    right: 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-left: 0;
    margin-right: 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: left;
}
.elementor-section.rtl .civi-testimonial-style-03 .info .testimonial-logo {
    right: 0;
    left: auto;
}
.elementor-section.rtl .civi-testimonial-style-03 .image {
    margin-right: 20px !important;
    margin-left: 0 !important;
}
.elementor-section.rtl .civi-blog .top-blog .post-categories {
    padding-left: 0;
}
