.mt-8 {
    margin-top: 8px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}
.me-4 {
    margin-right: 4px !important;
}
.me-8 {
    margin-right: 8px !important;
}
.ms-8 {
    margin-left: 8px !important;
}

.front-site h3 {
    font: 20px / 30px "Plus Jakarta Sans", sans-serif;
}

/* short-code-css start*/
.wd-findjob-filer {
    margin-top: 30px;
    margin-bottom: 15px;
}

.features-job .job-footer-right {
    align-items: center;
}
.features-job .job-archive-header h3 {
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
}
.features-job.style-3 .text_words_fix ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.features-job .job-archive-header ul,
.text_words_fix ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.features-job .job-archive-header ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.features-job .job-archive-footer .job-tag li a {
    display: block;
}

.features-job .star span,
.employer-block .star span {
    margin-right: 5px;
}

.front-site .features-job.style-3 {
    height: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.features-job.style-3 .company {
    max-width: calc(100% - 320px);
    width: 100%;
}

.features-job.style-3 .company .text_words_fix {
    width: 100%;
}

.features-job.style-3 .box-content h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
}

.features-job.style-3 .category {
    margin: 16px 0px;
}

.features-job.style-3 .category .job-tag li a {
    width: auto;
    display: block;
}

.flex_d {
    display: flex;
}

.features-job.style-3 .group-btn span.icon-heart {
    margin-right: 10px;
}

.front-site .btn-proposal.focus,
.front-site .btn-proposal:focus {
    border-color: #e79c6f;
    background: linear-gradient(
        90deg,
        rgb(231 148 100) 0%,
        rgb(241 129 63) 35%,
        rgba(245, 97, 88, 1) 100%
    );
    box-shadow: 0 0 0 0.3rem rgb(241 177 139 / 50%);
}

.alert {
    margin-top: 1rem;
}
.employer-block .btn-primary.front-btn,
.features-job .btn-primary.front-btn,
.features-job.style-3 .btn-primary.front-btn {
    padding: 3px 10px;
    font-weight: 600;
    font-size: 14px;
    /* line-height: 26px; */
}
.details-label {
    font-weight: 600;
    margin-right: 5px;
}
.details-modal-body {
    text-align: left !important;
}
.details-modal-dialog {
    max-width: 550px;
}
.btn-sm {
    border-radius: 0.3rem !important;
}

.modal-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.45rem !important;
}

button.modal-btn.btn-secondary.btn-modal-close {
    padding: 3px 10px !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    border-radius: 0.3rem !important;
}
/* .popularity-span {
  right: 8%;
  top: 5px;
  position: absolute;
  padding: 4px 10px;
  font-size: 20px;
} */
.info_icon_color {
    right: 30px;
    position: absolute;
    font-size: 15px;
    top: 0;
    /* width: 43px;
    height: 43px; */
    border-radius: 1000px;
    /* padding: 8px; */
    color: #8b8b8b;
    /* border: 1px solid #e5e5e5; */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .info_icon_inner_color:hover {
    background-color: #25c0e7;
    color: #fff;
} */
.info_icon_inner_color {
    right: 5%;
    position: relative;
    font-size: 15px;
    top: 0;
    /* width: 40px;
    height: 40px; */
    border-radius: 1000px;
    /* padding: 8px; */
    color: #8b8b8b;
    /* border: 1px solid #e5e5e5; */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .info_icon_color:hover {
    background-color: #25c0e7;
    color: #fff;
} */
/* .group-btn .flex_d .popularity-span {
  padding: 0;
  right: 0;
  top: 0;
  position: relative;
  font-size: 20px;
  margin-top: 7px;
  margin-right: 10px;
} */
.details-sec .list-group-item {
    border: none;
    padding: 0.4rem 0;
    flex-direction: column;
    justify-content: center;
}
#project-modal-body input {
    padding: 12px;
}
/* .audio_controls_fix,
.audio_controls_fix audio {
    width: 100%;
} */
.title_fix_overflow h4 {
    width: calc(100% - 100px);
}

.ms-8 {
    margin-left: 8px !important;
}

.group-half-map
    .content-job
    .features-job
    .inner-box
    .button-readmore
    button.btn-apply {
    padding: 8px 24px;
}

/* .features-job .inner-box .logo-company {
    margin: 9px 16px 9px 0px;
}

.features-job .inner-box .logo-company > img {
    max-width: 60px;
    height: 60px;
} */

.btn.btn-sm.btn-proposal {
    padding: 3px 10px;
    font-weight: 600;
    font-size: 14px;
    /* line-height: 26px; */
}
.features-job.style-3 ul li {
    color: #64666c;
    font-size: 14px;
}
.project-search-btn {
    pointer-events: none;
}
.btn-primary {
    background-color: #3cc6e9;
    border-color: #3cc6e9;
}
/* Buttons */
.front-site .btn-proposal,
.front-site .btn-proposal:hover,
.front-site .btn-proposal:not(:disabled):not(.disabled).active,
.front-site .btn-proposal:not(:disabled):not(.disabled):active,
.front-site .show > .btn-proposal.dropdown-toggle,
.front-site .btn-proposal.focus,
.front-site .btn-proposal:focus {
    color: #fff;
    border-color: #e79c6f !important;
    background: linear-gradient(
        90deg,
        rgb(231 148 100) 0%,
        rgb(241 129 63) 35%,
        rgba(245, 97, 88, 1) 100%
    ) !important;
}
span.icon-heart.active {
    color: #eb4d4d !important;
}
.page-lnk {
    font-weight: 400;
    font-size: 16px;
    color: #25c0e7;
}
.cancel-btn-div {
    margin-bottom: 10px;
}
/* Multi select dropdown */
.multiselect-tags-search {
    border: none !important;
    padding: 0 !important;
    height: 26px !important;
}
.multiselect-tag {
    background-color: #efefef !important;
    color: #373737 !important;
}
.multiselect-tag-wrapper {
    font-weight: normal;
}
.multiselect-group-label {
    background-color: #fff !important;
}
.multiselect-option {
    font-size: 13px !important;
}
.multiselect-group-options .multiselect-option {
    margin-left: 15px !important;
}
.maintitle {
    font-weight: 600;
}
.form_action_link {
    color: #25c0e7 !important;
}
.service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border: none;
}
/* Project details service tags */
.service-tags li {
    /* color: #64666c; */
    font-size: 14px;
    display: inline-block;
}
.service-tags li a {
    font-size: 12px;
    background-color: #f1f1f1 !important;
    color: #121212;
    line-height: 16px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 4px !important;
    width: auto;
    display: block;
    border: none !important;
}
.service-tags li a.active,
.service-tags li a:hover {
    background: #3cc6e9 !important;
    color: #fff !important;
}
a.service-tag-link {
    background-color: #e5e5e5;
}
a.service-tag-link.active {
    background: #3cc6e9;
    color: #fff;
}
/*secondary button*/
.btn-secondary.btn-modal-close {
    background: #919497;
    color: #fff;
    border-color: #919497;
}
/* Toast message */
/* #toast-container,
.Toastify__toast-container {
    z-index: 10002 !important;
} */
/* Datepicker */
/* input.dp__input {
    padding: 12px 45px;
    border: var(--ms-border-width, 1px) solid var(--ms-border-color, #d1d5db);
    border-radius: var(--ms-radius, 4px);
    min-height: calc(
        var(--ms-border-width, 1px) * 2 + var(--ms-font-size, 1rem) *
            var(--ms-line-height, 1.375) + var(--ms-py, 0.5rem) * 2
    );
} */
/* modal warnings */
.modal-warning {
    font-size: 17px;
    color: #ff3300;
}
/* Page Filters */
.page-filter {
    display: flex;
}
.multiselect-wrapper {
    justify-content: space-between !important;
    padding-right: 30px;
}
.multiselect-caret {
    position: absolute !important;
    right: 10px !important;
    margin-right: 0px !important;
}
.multiselect-clear {
    padding-right: 0px !important;
}
.multiselect-multiple-label, .multiselect-single-label {
    position: relative !important;
}
.multiselect-placeholder {
    position: absolute;
}
.page-filter .multiselect {
    /* min-width: 201px; */
}
/* Multiselect dropdown */
.multiselect-single-label-text,
.multiselect-options li {
    color: #6d6f75;
    font-size: 14px;
}
.multiselect-option.is-selected,
.multiselect-option.is-selected.is-pointed {
    background: #e79c6f !important;
}
.proposal-back-btn {
    margin-left: 20px;
}
/* Filter buttons */
.widget-filter.front-filter button {
    font-weight: 500;
    padding: 8px 5px;
}
.filepond--credits {
    display: none;
}
/* back button */
.proposal-back-btn {
    margin-top: 2px;
    padding: 0px 10px !important;
}
button.btn.btn-sm.btn-proposal.proposal-btn {
    padding: 3px 8px;
    font-size: 12px;
}
.required-sign,
span.error,
.error-msg {
    color: rgb(255, 82, 82);
    /* margin: 0px 8px 0px 8px; */
    font-weight: 500;
    font-size: 90%;
}

.customModalCls .modal-content .modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

.sticky-area-wrap .header-ct-right .account .sub-account-item a span::before {
    color: #64666c !important;
}

.modal-footer .frag-btn {
    align-items: center;
}

a.frag-btn {
    align-items: center;
}

.inner .card-details-section {
    padding: 0px 0px 15px !important;
}

.inner .card-details-section .career-header-left {
    justify-content: left;
    flex-direction: row;
}

.inner .card-details-section .career-header-right {
    justify-content: right;
    flex-direction: row;
}

.inner .card-details-section .career-header-right .icon-heart {
    margin-bottom: 0;
    right: 0 !important;
}

.inner .card-details-section .career-header-left .header-details {
    text-align: left;
    padding-left: 10px;
}

.inner .card-details-section .career-left-inner .services-tag {
    margin-top: 10px;
}

.inner .card-details-section .career-left-inner .services-tag li .tag {
    padding: 4px 9px;
    line-height: 25px;
    cursor: default;
}

.card-details-section .profile-img {
    width: 62px;
    border-radius: 50%;
}

.provider-details-main {
    position: relative;
    /* display: flex;
    flex-direction: column; */
}

.provider-details-main .job-archive-header {
    flex-grow: 1;
}

.provider-details-main .job-archive-footer {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-top: auto;
}

.no-rating-span {
    color: #64666c;
    font-size: 13px;
}

.features-job {
    cursor: default;
}

.wd-meta-select-job.sticky {
    position: sticky;
    top: 79px;
    width: 100%;
    z-index: 3;
}
/*
.per-page-filter-mobile-layout {
    position: absolute !important;
    top: 30px;
    width: calc(100% - 251px) !important;
    right: 7px;
} */

.multiselect-multiple-label, .multiselect-placeholder, .multiselect-single-label {
    padding-right: 15px !important;
}
.wd-meta-select-job.sticky .sort-by-filter-mobile-layout {
    display: none;
}
.wd-meta-select-job.sticky .wd-findjob-filer {
    position: fixed;
    top: 79px;
    left: 0;
    right: 0;
    margin: 0px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.wd-meta-select-job.sticky .wd-findjob-filer .group-select-display {
    margin: 0px;
}
.wd-meta-select-job.sticky .per-page-filter-mobile-layout {
    top: 15px;
}

.front-site .page-link {
    font-size: 14px;
}

.front-site .grid-view .features-job {
    padding: 0 !important;
}

.front-site .grid-view .features-job .job-content-sec {
    padding: 20px;
    /* padding-bottom: 140px; */
}

.front-site .grid-view .features-job .job-content-sec .job-archive-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 0 !important;
}

.front-site .grid-view .features-job .career-header-left {
    align-items: start;
    justify-content: left;
}

.front-site .grid-view .features-job .job-cover-sec img {
    /* height: 170px; */
    /* width: 100%; */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.front-site .grid-view .features-job .career-info-1,
.front-site .grid-view .features-job .services-tag {
    margin: 8px 0 !important;
}

.front-site .grid-view .features-job .career-tag li a {
    border-radius: 4px;
}

.front-site .grid-view .features-job .job-archive-footer,
.list-view .features-job .job-archive-footer {
    display: block;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}

.front-site .grid-view .features-job .job-archive-content p {
    font-size: 13px;
    line-height: 20px;
    color: #474747;
}

.front-site .grid-view .job-archive-footer .action-btns {
    display: flex;
    padding-top: 8px;
    justify-content: space-between;
}

.front-site .grid-view .job-archive-footer .action-btns .btn {
    flex: 1;
    margin-right: 10px;
}

.front-site .grid-view .job-archive-footer .action-btns .btn:last-child {
    margin-right: 0;
}

.front-site .grid-view .job-archive-footer .audio-player .audio__btn-wrap {
    justify-content: left;
}

.front-site .grid-view .job-content-sec h3 {
    font-size: 18px;
}

.front-site .grid-view .job-content-sec .career-info-1 {
    font-size: 12px;
}

.form_action_link,
.dt-action-link,
.project-link,
.fl-link,
.tbl-notes-sec a {
    color: #25c0e7 !important;
    cursor: pointer;
}
.fl-link svg {
    fill: #25c0e7 !important;
}

.front-site .lt-3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.5em !important;
    max-height: 4.5em;
    white-space: normal;

}

.front-site .lt-2 {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis !important;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    line-height: 1.5em !important;
    max-height: 3em;
    white-space: normal;

}

.front-site .lt-1 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Profile Page CSS Start */
.star-rating {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.banner-section .star-rating {
    color: #fff;
    margin-bottom: 15px;
}
.banner-template-container h1,
.banner-template-container h2,
.banner-template-container h3,
.banner-template-container h4,
.banner-template-container h5,
.banner-template-container h6 {
    /* font-family: 'Oswald', sans-serif !important; */
}
.banner-template-container {
    font-family: 'Poppins', sans-serif !important;
}
.banner-template-container .section-title h2 {
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
}
.banner-template-container .two-row-section-cls:last-child {
    margin-bottom: 0px;
}
.banner-template-container .two-row-section-cls {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 0px;
}
.banner-template-container .two-row-section-cls span {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.banner-template-container .two-row-section-cls span p {
    font-size: 14px;
    color: #636363;
}
.banner-template-container .two-row-section-cls span:first-child {
    color: black;
    /* text-decoration: underline; */
}
.banner-template-container .two-row-section-cls a.outline-btn {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0px !important;
    color: #636363;
    font-weight: normal;
    box-shadow: none;
    background-color: transparent;
}
.banner-template-container .two-row-section-cls a.outline-btn span {
    text-decoration: none;
    color: #636363;
}
.banner-template-container .banner-section {
    padding: 5% 0px 5% 0px;
    position: relative;
    background: #222222;
    /* background: url(.././img/home/banner-image.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    background-position: 100% 60%;
    display: flex;
    align-items: center;
}
.banner-image-container img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0px;
}
.banner-image-overlay {
    width: 65%;
    height: 100%;
    /* background: #222;  */
    background: linear-gradient(to right, rgba(34, 34, 34, 1) 80%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.banner-template-container .banner-section .banner-content-sec {
    position: relative;
    z-index: 3;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(34, 34, 34, 0.95);
    width: 80vw;
}
.banner-template-container .banner-section .banner-content-sec .seo-sub-header {
    display: block;
    width: 30vw;
}
.banner-template-container .banner-section .banner-content-sec h1 {
    color: #fff;
    font-size: 40px;
    padding-bottom: 10px;
    font-weight: bold;
}
.banner-template-container .banner-section .banner-content-sec h6 {
    color: #ffffff;
    font-family: var(--body-font);
    font-size: 26px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 25px;
    padding-bottom: 0px;
}
.banner-template-container .banner-section .banner-content-sec h5 {
    color: #ffffff;
}
.banner-template-container .banner-content-sec .project-rating {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 0px;
}
.banner-template-container .banner-section .banner-image-right {
    position: absolute;
    bottom: 0;
    right: 20%;
}
.banner-template-container .banner-content-sec .project-rating .br-widget a i {
    color: #ffb400;
}
.banner-template-container .banner-content-sec .project-rating .fav-counting {
    color: #ffffff;
    font-size: 18px;
    margin-left: 20px;
}
.banner-template-container .banner-content-sec .action-btn .btn {
    padding: 0.7rem 1rem;
}
.banner-template-container .banner-content-sec .action-btn .like-btn {
    background: #ffffff;
    border: none;
    color: #25c0e7;
}
.banner-template-container .banner-content-sec .action-btn .cta-btn {
    background: #25c0e7;
    border: none;
    color: #ffffff;
    /* text-transform: uppercase; */
    padding: 0.7rem 2rem;
    margin-left: 10px;
}
.banner-template-container .inner-jobs-section {
    padding: 20px 15px;
}
.profile-template-container .favorites-icon.like-btn {
    position: relative;
    padding: 10px 12px !important;
    border-radius: 0.25rem !important;
}
.front-site .like-btn .fa-solid,
.dashboard .like-btn .fa-solid {
    color: #eb4d4d !important;
}
.front-site .Profile-section .like-btn.mobile-icon-btn .fa-solid,
.dashboard .Profile-section .like-btn.mobile-icon-btn .fa-solid {
    color: #fff !important;
}

.front-site .form-control {
    font-size: 14px;
    color: #6d6f75;
}

.page-filter select {
    -webkit-min-height: 50px;
    min-height: 50px;
    height: 50px;
}

.front-site .list-view .group-btn .company-job-archive-footer .btn:not(.like-btn) {
    width: 137px !important;
}

/* Profile Page CSS End */

@media only screen and (max-width: 1200px) {
    .info_icon_color {
        right: 9%;
        position: absolute;
        font-size: 12px;
        top: 0;
        width: 35px;
        height: 35px;
    }
}

@media only screen and (max-width: 1024px) {
    .info_icon_inner_color {
        right: 2%;
        position: relative;
        font-size: 15px;
        top: 0;
        width: 40px;
        height: 40px;
    }

    .info_icon_color {
        right: 4.5%;
        position: absolute;
        font-size: 12px;
        top: 0;
        width: 35px;
        height: 35px;
    }

    .features-job .btn-primary.front-btn,
    .features-job.style-3 .btn-primary.front-btn {
        padding: 3px 8px;
        font-size: 12px;
    }

    .btn.btn-sm.btn-proposal {
        padding: 3px 8px;
        font-size: 12px;
    }

    .features-job.style-3 .category {
        margin: 16px 20px 16px 0;
    }
}

@media only screen and (max-width: 991px) {
    .info_icon_color {
        right: 7%;
    }

    .features-job.style-3 .group-btn {
        margin-top: 10px;
    }

    .features-job.style-3 .company {
        width: 100%;
        max-width: calc(100% - 260px);
    }

    .boxed .banner-section {
        height: 35vh !important;
    }
}

@media only screen and (max-width: 768px) {
    .shop-details .shop-content .group-ip,
    .job-rating .group-title,
    .rating-review,
    .features-job .job-footer-right,
    .group-select-display {
        align-items: center;
    }

    .customModalCls .modal-content .modal-body {
        max-height: 45vh;
    }

    #userFavoriteProfileListModal .job-modal-footer-content {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        margin: 0px;
    }

    #userFavoriteProfileListModal .job-modal-footer-content button.ml-2 {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 700px) {
    .features-job.style-3 .company {
        max-width: calc(100% - 20px);
    }
    .features-job .inner-box .text_words_fix {
        margin-right: 0 !important;
    }
    .features-job .inner-box {
        flex-direction: column;
    }
    .title_fix_overflow h4 {
        width: calc(100% - 80px);
    }
    .ms_4_m {
        margin-left: 15px !important;
    }
    .table-actions {
        text-align: center;
        display: flex;
        align-items: center;
        /* justify-content: center; */
    }
    table.dataTable thead tr th:last-child {
        text-align: start;
    }
    /* .actions_column:last-child .table-actions {
        justify-content: end;
    } */
    .dashboard .tt-button a {
        padding: 7px 30px;
        font-size: 15px;
    }
    .features-job.style-3 .category .job-tag li a {
        width: auto;
    }
    .features-job.style-3 .group-btn {
        flex-wrap: wrap;
    }
    .features-job.style-3 .category .job-tag {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 700px) {
    .header-filter-section .inner.menu-tab {
        display: none;
    }
}

@media only screen and (max-width: 550px) {
    .info_icon_color {
        right: 10%;
    }
    .features-job.style-3 .box-content h3,
    .features-job .job-archive-header h3 {
        width: 100%;
    }
    .features-job .job-archive-header ul {
        margin-top: 4px;
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 0px);
    }
    .features-job.style-3 .box-content h3,
    .features-job .job-archive-header h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .select_dropdown_box_fix .page-filter .multiselect {
        min-width: auto;
    }
    .title_fix_overflow h4 {
        width: calc(100% - 70px);
    }
    .info_icon_color {
        right: 14%;
    }
    .widget-filter .group-input i {
        font-size: 18px;
        padding-top: 1px;
    }
    .widget-filter button {
        padding: 11px;
    }
    /* .page-filter {
        display: flex;
        flex-direction: column;
        gap: 8px;
    } */
}

@media only screen and (max-width: 374px) {
    .title_fix_overflow h4 {
        width: calc(100% - 60px);
    }
    .flat-dashboard-save tbody tr:nth-child(1) td {
        padding: 33px 0px 25px;
    }
    .features-job .job-footer-right {
        justify-content: center;
    }
    .days {
        padding-top: 8px;
    }
    .page-filter {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}
@media only screen and (max-width: 325px) {
    .btn.btn-sm.btn-proposal {
        padding: 3px 7px;
        font-size: 10px;
    }
    .features-job .btn-primary.front-btn,
    .features-job.style-3 .btn-primary.front-btn {
        padding: 3px 5px;
        font-size: 10px;
    }
    .info_icon_color {
        right: 16%;
    }
    .page-lnk {
        font-size: 12px;
    }
    .group-input .multiselect-placeholder {
        font-size: 14px;
    }
    .widget-filter button {
        font-size: 13px;
        padding: 9px;
    }
    .elise_fonts .dtr-control .project-link {
        font-size: 12px;
    }
    #header .sticky-area-wrap .header-ct-left .logo .site-logo {
        width: 130px;
    }
    .dashboard #header .btn {
        left: 140px;
    }
    #header-bell {
        width: 25px;
    }
    #header-profile-image {
        width: 30px;
    }
    [aria-placeholder] {
        font-size: 12px;
    }
    .page-filter {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

@media (min-width: 551px) and (max-width: 1170px) {
    /* .front-site .grid-view .features-job .job-content-sec {
        padding-bottom: 160px !important;
    } */

    /* .audio-player-container .audio-player {
        flex-direction: column;
    } */

    .audio-player-container .audio-player .audio__progress-wrap {
        width: calc(100% - 25px);
    }

    .front-site .grid-view .job-archive-footer .audio-player .audio__btn-wrap {
        justify-content: center !important;
    }
}

.btn.btn-media {
    border-color: #a770ef !important;
    background-color: #a770ef !important;
    background-image: linear-gradient(
        to right,
        #a770ef 0%,
        #a770ef 51%,
        #a770ef 100%
    ) !important;
}
.btn.btn-media:focus {
    box-shadow: none !important;
}

span.customIcon {
    position: unset;
    height: 40px;
    width: 40px;
    border-radius: 1000px;
    padding: 6px;
    color: #e5e5e5;
    font-size: 17.42px;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div:where(.swal2-container).swal2-backdrop-show {
    z-index: 99999;
}
div#become-a-pro-popup {
    z-index: 99999;
}
.menu-tab .btn-display svg {
    pointer-events: none;
}

.toast.toast-success {
    background-color: #51a351;
}

.toast.toast-error {
    background-color: #bd362f;
}

.toast.toast-info {
    background-color: #2f96b4;
}

.toast.toast-warning {
    background-color: #f89406;
}

.auth-modal-header h6 {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-left: 40px;
}

.auth-modal-body {
    /* padding-top: 0px; */
}

.auth-modal-body .wd-form-login .nofi-form {
    padding: 12px 16px;
}

.Vue-Toastification__container {
    z-index: 99999;
}