html {
    scroll-behavior: smooth;
}

#message-datatable .user-image img,
#shortlisted-candidate-datatable .user-image img {
    height: 80px !important;
    width: 80px;
    object-fit: cover;
    margin-bottom: 12px;
}

.user-image .img-preview img,
.card-body .img-preview img,
.container-employer_logo img {
    height: 200px;
    width: 200px;
    object-fit: cover;
}

.gallery_images img,
#gallery img {
    height: 176px;
    width: 332px;
    object-fit: cover;
    padding-right: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

#job .featured-job-box img {
    height: 76px;
    width: auto;
}

#job .featured-job-box h5 {
    margin-top: 0;
}

ul#myTab li a {
    padding-bottom: .5rem !important;
}

.card .card-body .text-danger {
    padding: 0.5rem;
    font-size: 18px;
}

.panel-heading a {
    display: block;
}

.panel-heading a::before {
    left: unset !important;
    right: 0;
}

.job-banner-new,
.job-banner {
    background-color: #343a40;
}

.bg-dark h1.display-4 {
    color: white;
}

.container-employer_image {
    display: flex;
    flex-wrap: wrap;
}

.container-employer_image .img-thumb-item {
    width: 30%;
    padding: 20px;
    padding-left: 0;
}

.card .card-body img {
    height: 120px;
    width: 120px;
    border-radius: 50% !important;
    object-fit: cover;
    object-position: top center;
}

.card .card-body h2.text-primary {
    text-align: left;
    font-size: 28px;
    color: black !important;
    font-weight: 700;
}

ul.list-inline .tag-btn {
    padding: 6px 15px;
}

@media (max-width: 767px) {

    .middel-containt-job,
    .apply-now-part {
        width: auto;
    }
}

@media (max-width: 991px) {
    .banking-bg-img {
        height: auto !important;
    }

    .banking-bg-img img {
        max-width: 100%;
    }

    form.form-new-up-bru {
        margin-top: 0 !important;
    }

    .img-job {
        width: 72px;
        height: 72px;
    }

    .showing-area-titel,
    .job-listing-single-box,
    .titel-description,
    .profile-col,
    .candidate-listing-single-box,
    .candidate-single-contact,
    .candidate-single-dagignation {
        flex-wrap: wrap;
    }

    .short-by-area {
        width: auto;
        margin-top: 14px;
    }

    .apply-now-area a {
        display: inline-block;
        padding: 4px;
        font-size: 13px;
    }

    .titel-wraper h2 a {
        display: inline-block;
    }

    .titel-wraper h2 {
        text-align: center !important;
        margin-top: 20px;
    }

    .titel-wraper {
        text-align: center;
    }

    .titel-wraper p {
        display: block;
    }

    .description-left-zone,
    .description-right-zone {
        width: 100%;
        border-right: 0;
    }

    .job-listing-single-box {
        height: auto;
        padding: 20px;
    }

    .img-profile-job-details-area,
    .dagicnation-post-job-details-are,
    .sallary,
    .urgency,
    .single-profile-candidate,
    .single-profile-daunlode-button-candidate {
        width: 100%;
    }

    /* .job-deatils-img{
		width: 100%;
		height: 125px;
	} */
    .img-profile-job-details-area a {
        margin: 20px 0px;
    }

    .sallary,
    .urgency {
        display: block;
        margin-bottom: 14px;
    }

    a.btn-apply-now-job-d {
        padding: 18px 25px;
    }

    .candidate-img-part-area {
        width: 26%;
        margin-top: 0;
    }

    .candidate-description-part-area {
        width: 100%;
        text-align: center;
    }

    .candidate-description-up-area h3 {
        text-align: center !important;
    }

    .candidate-view-profile-part-area {
        width: 93%;
        margin-top: 10px;
    }

    .candidate-details-single-profile {
        padding: 30px 18px;
        flex-wrap: wrap;
    }

    .single-profile-daunlode-button-candidate {
        align-items: flex-start;
        margin-top: 20px;
    }

    .candidate-shortlist {
        margin-bottom: 0 !important;
    }

    .candidate-shortlist a,
    .candidate-daunlode-cv a {
        display: inline-block;
    }

    .candidate-daunlode-cv {
        margin-top: 16px;
    }

    .candidate-single-dagignation p {
        margin-bottom: 10px;
    }

    .single-profile-candidate {
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.candiddate-details-nav {
        width: 94%;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    ul.candiddate-details-nav li {
        margin: 0 12px;
    }

    span.can-d-dots {
        width: 84px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1050px) {
    .img-job {
        width: 78px;
        height: 70px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6px;
        padding-left: 6px;
    }

    .candidate-shortlist a,
    .candidate-daunlode-cv a {
        padding: 17px 46px 18px 46px;
    }
}

.massage_alert_custom {
    position: absolute;
    z-index: 999;
    padding: 10px 20px;
    background-color: #d4edda;
    border-radius: 6px;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: left;
    margin: 0 auto;
    color: #155724;
    font-weight: 500;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 50px 0 rgb(0 0 0 / 10%);
    max-width: 400px;
    border: 1px solid #c3e6cb;
}

.massage_alert_custom.danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.massage_alert_custom.success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.massage_alert_custom svg {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.cus-pointer {
    cursor: pointer;
}

.icon-group-input {
    display: flex;
    align-items: center;
}

.icon-group-input svg {
    width: 24px;
    height: 24px;
    color: #283176;
}

.icon-group-input input.form-control,
.icon-group-input input.form-control::placeholder {
    font-weight: 400;
    font-size: 14px;
}

.icon-group-input .select2 .select2-selection .select2-selection__rendered,
.icon-group-input .select2 .select2-selection .select2-selection__rendered .select2-selection__placeholder{
    font-size: 14px;
    color: rgb(0 0 0 / 50%);
    font-weight: 400;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    form.form-new-up-bru {
        padding: 12px !important;
        border-radius: 15px !important;
    }
}