html {
    scroll-behavior: smooth;
}

.form-style {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    border: 1px solid #ededed;
}

.form-style-filter {
    background: #fff;
    border-radius: 15px;
    padding: 0px;
    border: 1px solid #ededed;
}

.searchinput {
    border: 1px solid #dbdfe9;
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.step-bars {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.step-bars .horizontal-line {
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    top: 22%;
    transform: translateY(-50%);
    width: 100%;
}

.step-bars .step-wrapper {
    display: flex;
    justify-content: space-around;
    width: 90%;
}

.step-bars .step-wrapper .step {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    width: 60px;
    z-index: 1;
}

.step-bars .step-wrapper .step span.active {
    background-color: #17c653;
    position: relative;
}

.step-bars .step-wrapper .step .title {
    color: #38393b;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 600;
}

.step-bars .step-wrapper .step .description {
    color: #000;
}

.step-bars .step-wrapper .step p {
    text-align: center;
}

.step-bars .step-wrapper .step span {
    align-items: center;
    align-self: center;
    background-color: #a1f6be;
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-bottom: 12px;
    width: 30px;
}

.step-bars .step-wrapper .step span.active:before {
    border: 2px solid #fff;
    border-radius: 50%;
    content: "";
    height: 21px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 21px;
}

/* .image-input-wrapper {
    background-image: url("../media/svg/avatars/blank.svg");
} */

.profile .image-input [data-kt-image-input-action=change] {
    top: 50%;
}

/* [data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('svg/avatars/blank-dark.svg');
} */
.joblist {
    margin-top: 60px;
}

.filterStyle .categorylist {
    height: 140px;
    overflow: auto;
}

.jobleft_sec {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #ededed;
    padding: 15px;
}

.job_detail .naukri-details {
    border-radius: 0;
    border: none;
    padding: 0;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.job_detail .company img {
    width: 50px;
    border-radius: 10px;
    padding: 0;
    height: 50px;
}

.job_detail {
    padding: 0;
    border: none;
    box-shadow: none !important;
    background: none;
}

.job_detail:hover {
    background: none;
    box-shadow: none !important;
}

.job_detail_right {
    background: none;
    box-shadow: none !important;
    border: none;
    padding: 0;
}

.job_detail_right .naukri-details {
    border: none;
    border-radius: 0;
    padding: 0;
}

.job_detail_right .company img {
    max-width: 52px;
}

.job_detail_right:hover {
    background: none;
    box-shadow: none !important;
}

.employee-sidebar {
    background: #fff;
    border-radius: 15px;
    padding: 0px;
    border: 1px solid #ededed;
}

.employee-sidebar .app-sidebar-menu .menu>.menu-item>.menu-link {
    font-size: 15px;
    font-weight: 400;
    color: #121224;
}

.employee-sidebar .app-sidebar-menu .menu>.menu-item>.menu-link.active {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
    font-weight: 600;
}

.employee-sidebar .app-sidebar-menu .menu>.menu-item>.menu-link:hover {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
    font-weight: 600;
}

a {
    color: #121224;
}

.user-sub-menu .menu-item .menu-link {
    font-size: 15px;
    font-weight: 500;
    color: #252f4a !important;
}

.card-style {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #ededed;
    box-shadow: none;
}

.card-style .card-body {
    padding: 0;
}

.employee-sidebar .user-details-inner .user-image img {
    /* border: 2px solid #17c653; */
    padding: 0px;
    width: 90px;
    height: 90px;
}
.chat-input-wrapper {
    gap: 10px;
}
/* .chat-input-wrapper .chat-area {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
    height: 45px;
} */
.profile-performance {
    padding: 12px 8px 8px;
    border-radius: 8px;
    background: #f8fefa;
    margin: 15px;
}

.user-navtab li.nav-item.active {
    border-bottom: 3px solid #121224;
}

.user-navtab li.nav-item.active a.nav-link {
    color: #121224;
}

.user-navtab li.nav-item a.nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #717b9e;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #fff;
    border-bottom: none;
}

.user-navtab li.nav-item.active .nav-link:hover,
.user-navtab li.nav-item.active .nav-link:focus {
    border-color: #fff;
    border-bottom: none;
    border-radius: 0px;
}

.nav-tabs .nav-link {
    border-radius: 0px;
}

.user-navtab li.nav-item.active .nav-link {
    border-radius: 0px;
    border-bottom: 0px;
}

.dashboard {
    padding: 15px;
}

.job_card {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    border: 1px solid #ededed;
}

.job_card .company {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 8px;
}
.dashboard .job_card .company{
    padding: 1px 1px;
    width: 40px;
    height: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.dashboard .job_card .company span img {
    border-radius: 5px;
    width: 35px !important;
    height: 35px !important;
}
.match-profile {
    background: #f7f7f9;
    border: 1px solid #e7e7f1;
    border-radius: 15px;
    padding: 15px;
}

.jobdetail {
    margin-top: 60px;
}

.loginform {
    margin-top: 60px;
    margin-bottom: 60px;
}

.auth-fluid-form-box {
    max-width: 560px;
    border-radius: 17px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 0px 0px #00000047;
    border: 1px solid #e7eaf0;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.auth-step-form-box {
    max-width: 560px;
    border-radius: 17px;
    padding: 20px 20px;
    background: #fff;
    box-shadow: 0 0px 0px #00000047;
    border: 1px solid #e7eaf0;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.search {
    /* box-shadow: 0 6px 12px rgba(30,10,58,.04); */
    background-color: #fff;
    border-radius: 9px;
    border: 1px solid #ededed;
}

.searchbtn {
    padding: 5px !important;
    right: 6px;
    top: 5px;
    border-radius: 5px;
}

.notification {
    max-width: 855px;
    margin: 0 auto;
}

.change-password {
    max-width: 855px;
    margin: 0 auto;
}

.profile .employee-sidebar .menu-item .menu-link {
    font-size: 15px;
    font-weight: 400;
    color: #121224;
}

.profile .employee-sidebar .menu-item .menu-link:hover {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
    font-weight: 500;
}

.personalD h5 {
    font-weight: 500;
}

.quickLink {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
    height: 100vh;
    min-height: 200px;
}

.prefill span {
    background: #fff;
    padding: 5px 9px;
    border: 1px solid #e7e7f1;
    border-radius: 50px;
    margin: 10px 10px 0 0;
    max-width: 515px;
    display: inline-block;
    font-size: 14px;
}

.resume .dropzone {
    padding: 2.5rem 1.75rem;
    background-color: #fff;
    border-color: #ddd;
}

.resume .dropzone .dz-message.needsclick {
    justify-content: center;
}

.iconstyle {
    height: 38px;
    width: 38px;
    padding: 8px 6px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
}

.iconstyle i {
    color: #222;
}

.blogcard img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: none;
}

.blogcard .card-body {
    background: #fff;
    border-bottom-left-radius: 15px;
    padding: 10px;
    border: 1px solid #ededed;
    border-bottom-right-radius: 15px;
}

.container {
    max-width: 1250px;
}

.user-details-inner .user-image .image-input-wrapper {
    border: 2px solid #17c653;
    padding: 3px;
    background-color: #DFFFEA;
}
.user-details-inner .user-image .image-input-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-details-inner .user-image .image-input-wrapper h2 {
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 400;
}
.information {
    min-height: 600px;
}

.notification {
    max-width: 75%;
    min-height: 600px;
}

.change-password {
    max-width: 75%;
}

.about-section-three .images-box .column {
    position: relative;
    padding: 0 5px;
}

.about-section-three .images-box .image {
    position: relative;
    margin-bottom: 10px;
}

.about-section-three .images-box .image img {
    border-radius: 4px;
    width: 100%;
}

.about-section-three .fun-fact-section {
    padding: 50px 0 30px;
    max-width: 900px;
    margin: 0 auto;
}

.fun-fact-section .counter-column {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.fun-fact-section .count-box {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 1em;
    color: #202124;
    font-weight: 500;
}

.fun-fact-section .counter-title {
    font-size: 17px;
    line-height: 30px;
    color: #696969;
    font-weight: 400;
    display: block;
}

.call-to-action-two {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 120px 0 110px;
    text-align: center;
}

.inner-box {
    text-align: center;
    transition: all 300ms ease;
}

.howitwork .container {
    max-width: 900px;
}

.how-count {
    position: absolute;
    top: 3px;
    right: 25px;
}

.how-count-left {
    left: 25px;
    right: auto;
}

.privacypolicy ul li {
    line-height: 28px;
}
.home-page a.logo_display {
    display: block;
}
.change-password {
    min-height: 600px;
}
.verify_email{
    min-height: 600px;
}
.help {
    max-width: 75%;
    margin: 0 auto;
}
.accordion-button:not(.collapsed){
    color: #fff;
    background-color: #17c653;
}
.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
.user-sidebar {
    background-color: white;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
    min-width: 300px;
}
.sidebar-header {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    background: #00004308;
}
.sidebar-header h4{
    margin: 0;
    font-weight: 600;
}
.search-box {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.search-box1{
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.search-input {
    width: 100%;
    border: none;
    background-color: #f5f6fa;
    border-radius: 20px;
    padding: 8px 15px;
    outline: none;
}
.user-listing{
    flex-grow: 1;
    overflow-y: auto;
    padding: 0;
    height: 50vh;
}
.user-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: all 0.2s;
}
.user-info{
    flex-grow: 1;
}
.user-last-message{
    font-size: 13px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
.message-time{
    font-size: 11px;
    opacity: 0.7;
    margin-top: 5px;
    text-align: right;
}
.chat-container{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
}
.chat-header {
    background: linear-gradient(135deg, #222298, #000043);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-messages {
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-bottom: none;
    height: 50vh;
    background-image: url("/assets/media/patterns/chat-bg.jpg");
}
.chat-messages1 {
    height: 55vh;
}
.attachment-card .fw-bold {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.attachment-card .fw-bold:hover {
    white-space: normal;
}
.message {
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
    animation: fadeIn 0.3s ease-in-out;
    max-width: 75%;
    font-size: 14px;
    line-height: 22px;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
    white-space: pre-wrap;
    word-break: break-word;
}
.received {
    background-color: white;
    color: #2d3436;
    align-self: flex-start;
    border-top-left-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.sent {
    background: linear-gradient(135deg, #17c653, #17c653);
    color: #000;
    align-self: flex-end;
    border-top-right-radius: 5px;
}
.input_panel{
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
}
.user-job-message{
    font-size: 12px;
    color: #017a2a;
    background-color: #e7faed;
    border-radius: 60px;
    padding: 2px 12px;
    margin-top: 2px;
    font-weight: 600;
    width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 145px;
}
.filter-select-job{
    background: #00004308;
    padding: 15px;
}
@media (max-width: 767px) {
    .back {
        background-color: #f5f5f5;
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 5px;
        margin-right: 10px;
        border-radius: 5px;
    }
    .chat-messages {
        height: auto;
      }
      .chat-messages1 {
        height: auto;
      }
    .back i {
        color: #555;
        font-size: 20px !important;
    }
    #chatarea .card .card-header{
        padding: 0 1rem;
    }
    #chatarea .card .card-footer {
        padding: 2rem 1rem;
    }
    .inbox .app-content {
        padding-bottom: 0px;
    }
    .inbox #user_left_sidebar {
        margin-bottom: 0px !important;
    }
    .help {
        max-width: 100%;
        margin: 0 auto;
    }
    .landing-header .logo-default, .landing-header .logo-sticky {
        max-width: 100%;
    }
    .home-page a.logo_display {
        display: none;
    }
    .job-searchBar {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        background: #0000;
        border-radius: 10px;
        padding: 0;
    }
    .job-searchBar .input-designation {
        width: 100%;
        border: 1px solid;
        margin-bottom: 15px;
    }
    .job-searchBar .input-experience {
        width: 100%;
        border: 1px solid;
        margin-bottom: 15px;
    }
    .job-searchBar .input-search {
        width: 100%;
    }
    .job-searchBar .btn-success{
        width: 100%;
        border-radius: 0.475rem;
    }
    .job-searchBar .input-group-text {
        background-color: #fff !important;
    }
    .job-searchBar span.input-group-text.seprate_line {
        display: none;
    }
    .job-searchBar .input-experience select#experience {
        border-top-left-radius: 0.475rem;
        border-bottom-left-radius: 0.475rem;
    }
    .skills-aligned {
        margin-top: 35px;
    }
    .skills-aligned {
        margin-top: 35px;
        margin-bottom: 15px !important;
    }
    .pop-cat .category-box{
        margin-bottom: 20px;
    }
    .latest-box ul li:nth-child(2) {
        margin-left: 0px;
    }
    .latest-box .naukri-details{
        margin-bottom: 20px;
    }
    .how-it-works img {
        max-width: 60px;
        margin-bottom: 15px !important;
    }
    .footer-logo {
        text-align: center;
    }
    .fmenu {
        float: right;
        text-align: center;
    }
    .fmenu li {
        padding-right: 7px;
        padding-top: 5px;
    }
    .posted-btn {
        display: block !important;
    }
    .posted-btn p {
        margin-bottom: 15px !important;
    }
    .latest-box .naukri-details {
        padding: 10px;
    }
    .latest-box ul li:first-child {
        min-width: auto !important;
    }
    .latest-box ul.listone{
        margin-bottom: 0px;
    }
    .latest-box ul.listtwo li {
        margin-right: 0;
        line-height: 26px;
        min-width: 100% !important;
    }
    .pop-cat h3 {
        text-align: left !important;
    }
    .latest-jobs h3 {
        text-align: left !important;
    }
    .how-it-works {
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 19px;
    }
    .landing-dark-banner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .landing-dark-banner p {
        font-size: 15px !important;
    }
    .job-searchBar .input-designation input {
        font-size: 15px !important;
    }
    .job-searchBar .input-experience select {
        font-size: 15px !important;
    }
    .clients-say h3 {
        text-align: left !important;
    }
    .articles h3 {
        text-align: left !important;
    }
    .container {
        max-width: 100%;
    }
    .how-work h3 {
        text-align: left !important;
        margin-bottom: 25px !important;
    }
    .blog-box .blog-container {
        padding: 0 10px;
    }
    .joblist .col-lg-9.col-12 {
        width: 100%;
    }
    .m_filter{
        max-width: 75% !important;
    }
    .filter_btn {
        background-color: #f5f5f5;
        padding: 10px;
        max-width: 95%;
        margin: 0 auto;
        border-radius: 5px;
        border: 1px solid #ddd;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    .filter_btn h4 {
        display: inline-block;
        font-size: 22px;
        margin-bottom: 0;
    }
    .filter_btn i {
        font-size: 25px;
        position: relative;
        top: 3px;
    }
    .joblist {
        margin-top: 30px;
        min-height: 600px;
    }
    .jobdetail {
        margin-top: 30px;
    }
    .jobdetail .jobleft_sec.jobright_sec {
        margin-top: 30px;
    }
    .auth-fluid-form-box {
        max-width: 100%;
        padding: 10px 0px;
    }
    .loginform {
        margin-top: 60px;
        margin-bottom: 0px;
    }
    .about-section-three .fun-fact-section {
        padding: 20px 0 0px;
        max-width: 100%;
        margin: 0 auto;
    }
    .fun-fact-section .counter-column {
        margin-bottom: 20px;
    }
    .fun-fact-section .counter-title {
        font-size: 15px;
        line-height: 26px;
    }
    .fun-fact-section .count-box{
        font-size: 35px;
    }
    .call-to-action-two{
        padding: 40px 0 60px;
    }
    .work-block {
        margin-bottom: 20px;
    }
    .work-block figure.image img {
        max-width: 70px;
    }
    .work-block .card-body {
        padding: 10px;
    }
    .jobdetail .latest-box.job_detail .naukri-details {
        padding: 0px;
        padding-bottom: 10px;
    }
    .job_detail_right .naukri-details {
        padding: 0;
    }
    .edit_profile {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    .profile{
        margin-top: 25px !important;
    }
    .profile .profile-stats .col-lg-6.col-12 {
        border-right: none !important;
    }
    .profile .profile-stats .col-lg-6.col-12 .ps-5 {
        padding-left: 0px !important;
        margin-top: 5px;
    }
    .footer-bg {
        margin-top: 25px !important;
    }
    .dashboard-page {
        margin-top: 20px !important;
    }
    .dashboard-page .dashboard-right {
        margin-top: 20px;
    }
    .employee-sidebar .user-details-inner {
        display: flex;
        justify-content: flex-start;
        padding: 15px;
        margin: 0px !important;
    }
    .employee-sidebar .user-details-inner .user-details-wrapper {
        text-align: left;
        padding-left: 15px;
    }
    .employee-sidebar {
        margin-bottom: 15px;
    }
    .change-password {
        margin-top: 20px !important;
    }
    .notification {
        margin-top: 20px !important;
    }
    .userstep {
        margin-top: 20px !important;
    }
    .inbox {
        margin-top: 0px !important;
        /* min-height: 600px; */
    }
    .form-body {
        width: 100%;
        padding: 0 !important;
        margin-top: 100px;
    }
    .login_right a {
        margin-bottom: 0px !important;
    }
    .employee-sidebar .user-details-inner .user-image img {
        padding: 0px;
        width: 90px;
        height: 90px;
    }
}