@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-family: 'Inter';
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('../fonts/Ubuntu-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.top-company .feature-card:hover{
transform: scale(1.05);
  /*box-shadow: 0 0 8px gray;*/
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;


}
body {
    font-family: 'Inter';
    font-weight: 400;
    overflow-x: hidden;
}
.desktop{
    display: block;
}
.mobile{
    display: none;
}
.mobile-content-why-we,
.mobile-department-content,
.mobile-content-all-company {
    display: none;
}

/* Preloader start */
.imagica:hover{
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
/* Absolute Center Spinner */
.custom-loader {
    position: fixed;
    z-index: 9999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

/* Transparent Overlay */
.custom-loader:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
.custom-loader:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.custom-loader:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}





/* Preloader End */


/* Input Type arrow hide start */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Input Type arrow hide end */

/* All Company Start */

.all_company .featured-companies,
.all_department .featured-companies {
    padding: 25px 0;
}

.all_company .featured-companies h3,
.all_department .featured-companies h3 {
    padding: 15px 0;
}

.all_department .top-company {
    background-color: #fff;
}

/* All Company Start */

/* Custom Loader Start */

.loader-wrapper {
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loder-circle {
    box-shadow: 3px 0 0px #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    animation: loader 1s linear infinite;
}

.loader-text {
    box-shadow: 0 0 2px #afaaaa;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    font-family: fantasy;
    font-size: 13px;
    letter-spacing: 0.5px;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    0% {
        transform: rotate(360deg);
    }
}

/* Custom Loader End */

.autocomplete {
    position: relative;
    display: inline-block;
}

/* loader */
/*use flexbox to centered element*/
div.wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h1.brand {
    font-size: 40px;
}

h1.brand span:nth-child(1) {
    background-color: transparent;
    color: #0074b4;
}

h1.brand span:nth-child(2) {
    background-color: #0074b4;
    color: #f3f2ef;
    padding: 0px 6px;
    margin-left: -6px;
    border-radius: 2px;
}

div.loading-bar {
    width: 130px;
    height: 2px;
    background-color: #d6cec2;
    border-radius: 10px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
}

div.loading-bar::after {
    content: '';
    width: 50px;
    height: 2px;
    position: absolute;
    background-color: #0074b4;
    transform: translateX(-20px);
    animation: loop 2s ease infinite;
}

.loader {
    position: fixed;
    background: #fff;
    z-index: 999;
    width: 100%;
    top: 0;
}

@keyframes loop {

    0%,
    100% {
        transform: translateX(-28px);
    }

    50% {
        transform: translateX(100px)
    }
}

/* loader end */

/* Custom Start */


.multiselect {
    position: relative;
}

.multiselect #checkboxes {
    display: none;
    border: 1px #dadada solid;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1;
    padding: 10px 15px;
}

.multiselect #checkboxes .form-checkbox {
    margin-right: 10px;
    vertical-align: middle;
}

.multiselect #checkboxes label {
    display: block;
    cursor: pointer;
}


.multiselect .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.mobile-view {
    display: none;
}

.mobile-search-userdashboard {
    position: relative;
}

.pb-10 {
    padding-bottom: 10px;
}

.to {
    justify-content: center;
    display: flex;
    padding-top: 8px;
}

.key_hint {
    text-align: left;
    padding-top: 0.5em;
    font-size: 12px;
}

.page-link {
    color: #1d56bb;
}

.pagination nav {
    width: 100%;
}

.background {
    background: #F4F4F4;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.10);
    padding: 8px 23px 3px;
    margin-bottom: 30px;
}

#personadetail .permanent_address {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 88%;
    height: 1.2em;
    white-space: nowrap;
    display: inline-block;
}

.similar-job-card-info .cityname {
    width: 35%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.job-card-apply .keyskill {
    width: 77%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
}

.similar-job-card-info p {
    width: 40%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.autocomplete-items {
    border: 1px solid #d4d4d4;
    border-top: none;
    height: 100px;
    overflow: auto;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    text-align: left;
}

.selected_items {
    display: flex;
    padding-inline-start: 0px;
    margin-top: 10px;
}

.selected_country {
    width: 500px;
}

.selected_country .selected_items {
    display: inline-flex;
    flex-wrap: wrap;
}

.selected_country .selected_items li {
    margin-top: 5px;
}

.selected_items li {
    list-style: none;
    background: #FFFFFF;
    border: 0.8px solid #005CFF;
    border-radius: 4px;
    margin-right: 10px;
    padding: 2px 5px !important;
    font-size: 11px !important;
}

.selected_items li img {
    width: auto;
}


/* Custom End */

a {
    text-decoration: none !important;
    color: unset;
}

.top-header {
    padding: 10px 0;
}

.top-header ul {
    display: flex;
    justify-content: end;
    margin-bottom: 0;
}

.top-header ul li {
    list-style: none;
    font-size: 12px;
    padding-left: 10px;
}

.top-header ul li a {
    color: #000;
}
.why-switch-career .why-card .item-title p,
    .top-company .feature-card .featured-title h4 {
        font-size: 16px;
    }

.top-header ul li a.active {
    color: #1d56bb;
    border: 1px solid #1d56bb;
    padding: 2px 7px;
    border-radius: 3px;
    
}
.top-header ul li a:hover{
    color: #1d56bb;
}

.header {
    background-color: #f4f4f4;
    padding: 8px 0;
    display: flex;
    align-items: center;
}

.header h1 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    display: flex;
    margin-top: 2px;
    align-items: center;
}

.header h1 img {
    margin-right: 10px;
}

.header h1 span {
    color: #1d56bb;
}

.desktop-login-flex {
    display: flex;
    justify-content: end;
}

.nav-link {
    padding: 0;
}

.desktop-login-flex .desktop-login .notification-button ul.dropdown-menu.show {
    min-width: 204px;
    line-height: 28px;
    /* background-color: #1D56BB;
    color: #fff; */
    left: unset !important;
    transform: translate3d(0px, 46px, 0px) !important;
    right: 0px !important;
}

.desktop-login-flex .desktop-login .notification-button ul.dropdown-menu.show li:hover a {
    color: #1D56BB;
}

.desktop-login-flex .desktop-login .notification-button ul.dropdown-menu.show a li {
    padding: 3px 15px;
}

.desktop-login-flex .desktop-login .notification-button ul.dropdown-menu.show a li:hover {
    background-color: #eee;
    color: #000;
}

.logo {
    position: relative;
    top: 3px;
}

.desktop-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    text-decoration: none;
    color: #1d56bb;

}

.navbar.navbar-expand-lg button:focus{
    background: none !important;
    border: none;
    outline: none;
}

.desktop-login {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.desktop-login .user-login .login-button {
    background-color: #1d56bb;
    padding: 4px 17px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    border: solid 2px #1d56bb;
    border-radius: 4px;
}
.desktop-login .user-login .login-button:hover{
    background-color: #3680ff ;
}
.desktop-login .user-login .register-button {
    background-color: #fff;
    padding: 4px 17px;
    font-weight: 500;
    font-size: 17px;
    color: #000000;
    border: solid 2px #000000;
    border-radius: 4px;
    margin-right: 15px;
}

.desktop-login .user-login.employee-login .login-button {
    background-color: transparent;
    padding: 4px 17px;
    font-weight: 500;
    font-size: 17px;
    color: #1d56bb;
    border: solid 2px #1d56bb;
    border-radius: 4px;
    margin-right: 15px;
}

.desktop-login .user-login.employee-login .register-button {
    background-color: #1d56bb;
    padding: 4px 17px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    border: solid 2px #1d56bb;
    border-radius: 4px;
    margin-right: 0px;
}
.desktop-login .user-login .register-button:hover{
    background-color: #000 ;
    color: #fff;
}
.footer {
    background: #303030;
    color: white;
    padding: 30px 0 15px;
}

.footer h1 {
    font-size: 24px;
    color: white;
    font-weight: 700;
}

.footer h1 img {
    padding-right: 5px;
}

.footer h1 span {
    color: #86B2FF;
}

.footer .logo {
    padding-bottom: 30px;
}

.footer .socialmedia-icons h3 {
    font-weight: 700;
    font-size: 16px;
}

.footer .socialmedia-icons ul {
    padding-inline-start: 0;
    display: flex;
}

.footer .socialmedia-icons ul li {
    list-style: none;
    padding-right: 25px;
}

.footer ul.quick-links {
    padding-inline-start: 0;
    padding-top: 15px;
}

.footer ul.quick-links li {
    list-style: none;
    line-height: 25px;
}

.footer ul.quick-links li a {
    color: white;
    font-size: 15px;
    /* font-family:' Inter'; */
    line-height: 25px;
}

.copyright {
    padding-top: 30px;
    display: flex;
    width: 100%;
    justify-content: center;
}

.copyright p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
}

.footer .apply-on {
    padding-top: 15px;
}

.footer .apply-on h3 {
    font-size: 20px;
    font-weight: 600;
}

.footer .apply-on p {
    font-size: 15px;
    font-weight: 400;
}

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

.login {
    padding: 60px 0;
}

.login h1 {
  
    font-size: 31px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
    line-height: 50px;
}

.login h1 span {
    color: #1d56bb;
}

.login .col-md-6:first-child {
    
    border-right: solid 1px #f1efef;
   
}


.key-points1 {
    width: 97%;
}

.key-points1 h6 {
    font-weight:700;
    font-size:15px;
    
}

.loginform{
    margin-top:10px;padding:10px;text-align:left;margin-left:-10px;
}
.key-points1 ul{
   margin-left: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}
.key-points1 li {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-left:-25px;
}

.login .title p {
    font-weight: 400;
    font-size: 18px;
   
}

.login .title p a {
    color: #1d56bb;
}

.login form {
    padding-top: 40px;
}

.login form label {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.login .form-control { 
    
    height: 43px;
    border-radius: 3px;
border: 0.5px solid var(--939393, #939393);
background: var(--white, #FFF);
}

.login .form-control::placeholder {
    color: #939393;
    font-size: 14px;
    line-height: 17px;
}

.login .col {
    text-align: right;
    padding-left: 0px;
}

.login .col .form-check-label {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.login .col .form-check-input {
    margin-top: 5px;
}

.login .col a {
    font-weight: 400;
    font-size: 12px;
        color: #1d56bb;
}
.login .col a:hover {  
    color: #007bff;
}  

.login .error-msg {
    text-align: left;
}

.login .error-msg span {
    font-weight: 400;
    font-size: 14px;
    color: #d90909;
}

.login .login-form .btn-primary {
    background-color: #1d56bb;
    border-color: #1d56bb;
    font-weight: 500;
    font-size: 20px;
    line-height: 6px;
    padding: 18px 0;
}
.login .login-form .btn-primary:hover {
    background-color: #007bff;
}
.login .help-assistance {
    padding-top: 30px;
}

.login .help-assistance p {
    font-weight: 400;
    font-size: 13px;
}

.login-form .form-outline.password {
    position: relative;
}

.login-form .form-outline.password span img {
    position: absolute;
    top: 45px;
    right: 10px;
}

.login .col .register-privacy .form-check-label {
    text-align: left;
    font-size: 12px;
    padding-left: 2px;
}

.login-form .mb-4.d-flex.company-type .col {
    text-align: left;
    padding-left: 0px;
}

.login-form .mb-4.d-flex.company-type .form-button button {
    padding: 10px;
    background-color: transparent;
    width: 49%;
    border: solid 1px rgb(40, 40, 40, 0.6);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
}

.login-form .mb-4.d-flex.company-type .form-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.login-form .mb-4.d-flex.company-type .form-button span {
    position: relative;
    top: 4px;
}

.form-outline.mb-4.d-flex.company-type {
    display: block;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.socialmedia-login {
    padding-top: 20px;
    padding-bottom: -10px;
}

.socialmedia-login .socialmedia-login-button {
    border-radius: 4px;
border: 0.5px solid #DCDCDC;
background: var(--white, #FFF);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 6px;
    font-size: 14px;
    display: flex;
    height: 43px;
    width: 220px;
    line-height: 34px;
   
   
    justify-content: center;
}
.socialmedia-login .socialmedia-login-button:hover{
    transform: scale(1.01);
    box-shadow: 0 0px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}
.socialmedia-login .d-flex {
    justify-content: space-between;
}

.socialmedia-login .socialmedia-login-button span {
    padding-right: 5px;
    position: relative;
    top: 7px;
}

.socialmedia-login .linkedin-login .socialmedia-login-button svg {
    position: relative;
    top: -1px;
}

.socialmedia-login .linkedin-login .socialmedia-login-button span {
    top: 4px;
}

.login-form.bg-gray {
    width: auto;
}

.login-form.bg-gray form {
  
    padding: 30px;
    border-radius: 4px;
    border: 0.5px solid #E3E3E3;
    background: #F4F9FF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.jobseeker-login.login .col-md-6:last-child .form-text p {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}

.login.jobseeker-register .col-md-6:first-child {
  
    border-right: solid 1px #f1efef;
}

.login.jobseeker-register h1 {
    text-align: left;
}

.login.jobseeker-register .help-assistance {
    padding-top: 33px;
    text-align: center;
    
}

.login.jobseeker-register .help-assistance p {
    font-size: 17px;
    color: #000;
}

.login.jobseeker-register .help-assistance:last-child p {
    font-size: 13px;
    color: #595959;
}

.login-form.bg-gray form .form-outline .d-flex input:first-child {
    margin-right: 15px;
}

.login-form.bg-gray .termsandconditions {
    padding: 11px 0;
    color: #006cba;
}
.login .title p a:hover{
    color: #007bff;
}
.login-form.bg-gray .termsandconditions a {
    color: #006cba;
}
.login-form.bg-gray .termsandconditions a:hover {
    color: #007bff;
}
.why-switch-career {
    padding: 60px 0;
}

.why-switch-career .title {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.why-switch-career .title h1 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Ubuntu';
}

.why-switch-career .why-card {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.why-switch-career .why-card .item-title p {
    font-size: 16px;
    color: #000;
    padding: 13px 0;
    text-align: center;
}

.featured-companies {
    padding: 60px 0;
    background-color: #f0f0f0;
}



.featured-companies .title {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.featured-companies .title h1 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Ubuntu';
}
.welcome-mechcareer .title h3,
    .featured-companies .title h1,
    .why-switch-career .title h1,
    .home-page .title h1 {
        font-size: 30px;
    }

.welcome-mechcareer .title h3 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Ubuntu';
}

.featured-companies .feature-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 12px 9px;
    margin-bottom: 40px;
    box-shadow: 0px 3px 7px 2px rgb(0 0 0 / 10%);
}
.featured-companies .feature-card:hover{
   
    transform: scale(1.05);
    /*box-shadow: 0 0 8px gray;*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  
    z-index: 385;
}

.featured-companies .featured-title {
    text-align: center;
}

.featured-companies .featured-title h4 {
    color: #555;
    font-size: 16px;
}

.featured-companies .featured-title a {
    color: #1d56bb;
    font-weight: 500;
}


.top-company .feature-card {
    border-radius: 4px;
}

.top-company .feature-company-name {
    font-size: 22px;
    padding: 10px;
    text-align: center;
}

.top-company .featured-title {
    padding: 0px 0 20px;
}

.top-company .feature-card .featured-title h4 {

    color: #000;
    padding: 10px;
    margin-bottom: 20px;
}

.top-company .feature-card .featured-title a {
    color: #fff;
    padding: 10px;
    border-radius: 4px;
}

.welcome-mechcareer {
    padding: 40px 0px;
}

.welcome-mechcareer .title {
    text-align: center;
    padding-bottom: 20px;
}

.row.home-button {
    text-align: center;
    margin: 15px 0;
}

.row.home-button .home-button {
    background-color: #1d56bb;
    padding: 13px 42px;
    border: solid 1px #1d56bb;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
}
.row.home-button .home-button:hover{
    background-color: #3680ff;
}

.row.home-button .home-button.viewall {
    padding: 10px 20px;
}

.home-page .title {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
}

.home-page .title h1 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Ubuntu';
}

.home-page .title p {
    padding: 10px 0;
    font-size: 25px;
    color: #000;
}

.enhance-your-resume {
    padding: 60px 0;
}

.enhance-your-resume-card {
    border: solid 1px #b8b8b8;
    margin-bottom: 25px;
}

.enhance-your-resume-image {
    background-color: #e8eef8;
    padding: 20px;
    text-align: center;
    height: 220px;
}

.enhance-your-resume-image img {
    height: 100%;
}

.enhance-your-resume-card-title {
    text-align: center;
    padding: 20px;
}

.enhance-your-resume-card-title h4 {
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

.enhance-your-resume-card-title p {
    font-weight: 400;
    font-size: 14px;
}

.enhance-your-resume-card-title a {
    color: #1d56bb;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    justify-content: center;
}

.enhance-your-resume-card-title a img {
    padding-left: 10px;
}

.enhance-your-resume.training-partner {
    background-color: #f0f0f0;
}

.enhance-your-resume.training-partner .enhance-your-resume-image {
    background-color: #f3f3f5;
    padding: 5px;
    width: auto;
    height: auto;

}

.enhance-your-resume.training-partner .enhance-your-resume-image .enhance-your-resume-card-title img {
    position: unset;
}

.enhance-your-resume.training-partner .enhance-your-resume-card-title {
    background-color: #fff;
}

.enhance-your-resume.bg-offwhite {
    padding-top: 50px;
    background-color: #F0F0F0;
}

.enhance-your-resume.bg-offwhite .enhance-your-resume-image {
    position: relative;
}

.enhance-your-resume-image span.image-tag {
    position: absolute;
    top: 0;
    display: flex;
    width: auto;
    justify-content: end;
    background-color: #04F0FF;
    right: 0;
    font-size: 14px;
    padding: 7px 14px;
    color: #000;
}

.mech-search {
    padding: 67px 0 80px;
  background: var(--offwhite, #F0F0F0);;
}

.home-page .title h3 {
    color: #1d56bb;
    font-size: 26px;
}

.search-form form .form-control {
    border: 0;
    padding-left: 83px;
    height: 47px;
}

.search-form form .form-control.form-skills {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.search-form {
    border: solid 1px #939393;
    border-radius: 50px;
    width: 81%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.search-form .d-flex span img {
    position: absolute;
    top: 11px;
    left: 18px;
}

.search-form .d-flex span.map-icon img {
    left: 50%;
}

.search-form .d-flex span.line-border {
    border: solid 1px #a7a9be;
    height: 33px;
    position: relative;
    top: 7px;
}

.search-form .d-flex .form-control:focus {
    box-shadow: none
}


.search-form .d-flex button.btn-prrimary {
    background-color: #1d56bb;
    border: solid 1px #1d56bb;
    border-radius: 50px;
    box-shadow: none;
    outline: 0;
    padding: 9px 19px;
    height: 45px;
    position: relative;
    top: 1px;
    right: 1px;
    color: #fff;
    font-size: 18px;
}
.search-form .d-flex button.btn-prrimary:hover{
    background-color: #3680ff;
}   

.mech-banner {
    padding: 100px 0 0 0 ;
   
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0B0B0B;
    background-size: cover;
}

.mech-banner h1 {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    width: 40%;
}

.mech-banner .banner-links ul {
    display: flex;
    background: #1d56bb;
    border-radius: 4px;
    margin-top: 94px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    line-height: 25px;
    position: relative;
   
}

.mech-banner .banner-links.employer ul {
    margin-top: 52px;
    /* margin-bottom: 55px; */
}

.mech-banner .banner-links ul li {
    color: #fff;
    list-style: none;
    padding: 0 11px;
    font-size: 16px;
    position: relative;
    top: -2px;
    border-right: solid 1px #fff;
    height: 22px;
    letter-spacing: 0.8px;
}

.mech-banner .banner-links ul li:last-child {
    border-right: 0;
}

.desktop-login .user-login .login-button.logout-button {
    color: #000;
    border: solid 2px #000;
    margin-right: 10px;
}

.desktop-login-flex .desktop-login {
    width: 100%;
    justify-content: end;
}

.desktop-login-flex .desktop-login .notification-button {
    width: 100%;
    justify-content: end;
    display: flex;
}

.col-md-8.desktop-login-flex {
    justify-content: flex-start;
}

.desktop-login-flex .desktop-login .notification-button img {
    padding-right: 25px;
}

.desktop-login-flex .desktop-login .notification-button .user-login {
    display: flex;
}

nav.navbar.navbar-expand-lg {
    min-height: unset;
    margin-bottom: 0px;
}

.navbar-expand-lg .navbar-nav {
    list-style: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px;
    margin: 0px;
}

li.nav-item {
    margin-left: 11px;
    margin-right: 11px;
}

.col-md-4.desktop-login-flex {
    position: relative;
    top: 0px;
}

button.btn.btn-primary.dropdown-toggle {
    background: #1D56BB;
    border: solid 1px #1D56BB;
    border-radius: 4px;
    padding: 7px 20px;
    padding-right: 30px;
}

.change_mobile button {
    background: #1D56BB;
    border-color: #1D56BB;
}

.desktop-login-flex .desktop-login .notification-button .user-login .dropdown .dropdown-toggle::after {
    content: url(../images/chevrondown.svg);
    width: unset;
    height: unset;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0;
    border-left: 0px;
    margin-left: 0px;
    vertical-align: unset;
    position: absolute;
}

.email-registration {
    margin-top: -100px;
    padding: 60px 0px;
}

main .email-otp-verification {
    padding: 0px;
    margin-top: -50px;
}

main .email-otp-verification form .change-email-id {
    padding: 0;
}

main .bg-img {
    background-image: url(../images/bg_layout.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
}

.email-registration .bg-bluelight {
    padding: 20px;
    justify-content: center;
    background-color: #E8EEF8;
    align-items: center;
    text-align: center;
    line-height: 35px;
}


.email-registration .bg-bluelight h4 {
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 25px;
    padding-left: 25px;
}

.email-registration .bg-bluelight h1 {
    font-weight: 500;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #000;
}

.email-registration .bg-bluelight h2 {
    font-weight: 400;
    font-size: 17px !important;
    color: #000;
}

.email-registration .bg-bluelight h2 span {
    color: #939393;
    font-size: 18px;
}

.email-registration .bg-bluelight img {
    padding-top: 20px;
    padding-bottom: 20px;
}

.email-registration .bg-bluelight .mobile_verify {
    padding-bottom: 0;
}

.email-registration .bg-bluelight .d-flex {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.email-registration-form form {
    display: flex;
    flex-direction: row;
    margin-left: 56px;
}
/* ============================================================Edit profile============================================================= */

.email-registration .bg-bluelight .d-flex .email-registration-form {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.email-registration .bg-bluelight .d-flex .email-registration-form a {
    text-decoration: underline !important;
}

.email-registration-form form a {
    padding-left: 28px;
    color: #0163E0;
    text-decoration: underline;
}

.email-registration .email-registration-form .mobileverificationnumber {
    position: relative;
    display: flex;
}

.email-registration .email-registration-form .mobileverificationnumber span.number-prefix {
    position: absolute;
    left: 9px;
    color: #707070;
    top: 2px;
    font-size: 14px;
    padding: 0px 4px;
}

.email-registration .email-registration-form .mobileverificationnumber span.number-prefix::after {
    position: absolute;
    content: '';
    background-color: #707070;
    height: 24px;
    width: 1px;
    left: 35px;
    top: 5px;
    opacity: 0.5;
}

.mobileverificationnumber input {
    padding-left: 50px;
}

.email-registration .bg-bluelight .error-message p {
    padding-top: 10px;
    padding-bottom: 0px;
    color: #CD0000;
    font-weight: 500;
    font-size: 15px;
}

.email-registration .bg-bluelight button.btn.btn-primary,
a.btn.btn-primary {
    background: #1D56BB;
    border-color: #1D56BB;
    padding: 6px 32px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 27px;
    margin-bottom: 10px;
 
}
.email-registration .bg-bluelight button.btn.btn-primary:hover {
    background: #007bff;
}
.email-registration .bg-bluelight a {
  
    color: black;
    text-decoration: none !important;
}

.email-registration .technical-assistance p {
    padding: 35px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #939393;
}

.email-registration.email-success .bg-bluelight img {
    padding-bottom: 0px;
    position: relative;
    left: 21px;
}

.email-registration.email-success {
    padding: 0;
    margin-top: -50px;
}

.email-registration.email-success .bg-bluelight h1 {
    padding-top: 0px;
    margin-top: 10px;
}

.email-registration.number-verification h2 {
    margin-bottom: 30px;
}

.email-registration .bg-bluelight .number-d-flex {
    padding-top: 15px;
}

.email-registration .bg-bluelight .number-d-flex a:first-child {
    border-right: solid 1px #0163E0;
    padding-right: 19px;
}

.email-registration .bg-bluelight .number-d-flex a {
    padding-left: 20px;
}

.user-dashboard-search {
    padding: 90px 0px;
    background-image: url(../images/home/userdashboardbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

select.form-control:not([size]):not([multiple]) {
    font-size: 13px;
  
}

.user-dasboard-form .form-dflex form .d-flex {
    display: flex;
    margin-bottom: 30px;
}

.user-dasboard-form.search .form-dflex form .d-flex {
    margin-bottom: 0;
}

.user-dasboard-form .form-dflex form .d-flex .form-control {
    border-radius: 4px;
    height: 37px;
}

.user-dasboard-form .form-dflex form .d-flex .form-control::placeholder {
    color: #767994;
    font-size: 14px;
}

.user-dasboard-form .form-dflex form .d-flex .btn-primary {
    position: absolute;
    right: 18px;
    top: 2px;
    padding: 10px 30px;
    background-color: #1D56BB;
    border-color: #1D56BB;
    font-size: 14px;
    border-radius: 2px;
}

.user-dasboard-form .form-dflex form .d-flex:last-child .form-control:first-child {
    margin-right: 30px;
}

.user-dasboard-form .form-dflex form .d-flex .btn.btn-primary {
    height: 33px;
    padding: 5px 24px;
}

.user-dashboard-main {
    padding: 60px 0px;
}

.user-dashboard .user-dashboard-main {
    padding-top: 40px;
}

.user-dashboard-main .beware {
    display: flex;
    flex-direction: column;
    background-color: #E8EEF8;
    padding: 25px 20px;
    justify-content: space-between;
    margin-bottom: 35px;
}

.user-dashboard-main .beware .icon {
    position: relative;
    top: 11px;
    margin-right: 14px;
}

.user-dashboard-main .beware .icon img {
    width: 45px;
    height: 35px;
}

.user-dashboard-main .beware .beware-text h3 {
    font-size: 17px;
    font-weight: 700;
    margin-top: 0px;
}

.user-dashboard-main .beware .beware-text p {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
          
    -webkit-box-orient: vertical;
 
}

.user-dashboard-main .recomended-jobs.dashboard {
    padding-bottom: 3px;
}


.user-dashboard-main .recomended-jobs.dashboard .recomended-jobs {
    padding-bottom: 3px;
}

.recomended-jobs.dashboard .recomended-jobs .job-card a:hover {
    color: #000;
}

.job_list .title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}

.job_list .title select {
    border: none;
}

.beware-button {
    position: relative;
   
}
.beware-button button:hover {
   background-color: #007bff;
   
}
.beware-button button {
    padding: 5px 19px;
    background-color: #1D56BB;
    border-color: #1D56BB;
    font-size: 14px;
    border-radius: 4px;
}

.beware-button a.btn-primary {
    padding: 5px 24px;
    font-size: 14px;
}

.beware-button a.btn-primary:hover {
   background-color: #007bff;
}

.recomended-jobs .job-title h2 {
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 400;
}

.job-title {
    margin-bottom: 35px;
}

.job-card {
   
    padding: 15px 25px;
    
    margin-bottom: 28px;
border-radius: 5px;
border: 0.5px solid #D8D8D8;
background: #FFF;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.job-card:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);   
}
.job-card .job-card-title {
    display: flex;
    justify-content: space-between;
}

.job-card .job-card-title .d-flex {
    flex-direction: column;
}

.job-card .job-card-title h3 {
    font-size: 20px;
    font-weight: 550;
}

.job-card .job-card-title p {
    color: #555555;
    font-size: 14px;
}
.job-card .job-card-title p:hover {
    color:#005CFF
}
.job-card-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
   
}

.job-card-info {
    display: flex;
    justify-content: space-between;
   gap:15px;
    align-items: center;
}

.job-card-info p {
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.job-card-info p span img {
    padding-right: 6px;
    position: relative;
 
}

.job-posted-date h4 {
    color: #000000;
    font-size: 13px;
}

.job-posted-date h4 span {
    color: #555555;
}



.job-card-description {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    font-size: 14px;
}

.job-search-page .job-card-description {
    padding-bottom: 4px;
    font-size: 13px;
}

.job-search-page .job-card-description.list ul {
    color: #555555;
}

.job-search-page .job-card-description p.jobpost_desc.searchdescription {
    font-size: 13px;
}

.job-search-page hr {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    margin: 1px;
}

.job-card-description p {
    font-size: 13px;
    font-weight: 400;
    color: #555555;
    margin: 0;
}

.job-card-apply {
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
}

.render-jobs .job-card-apply .job-card-button a:hover {
    color: #fff !important;
}

.job-card-apply h4 {
    color: #000000;
    font-size: 13px;
    padding-top: 5px;
    margin: 0;
}



.job-card-apply h4 .skills {
    color: #757575;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
    display: inline-block;
    vertical-align: text-bottom;
}

.recomended-jobs.dashboard .job-card-apply h4 .skills {
    width: 350px;
}

.job-card-apply h4 img {
    padding-right: 6px;
}

.job-card-button button,
.job-card-button a {
    padding: 6px 30px;
    background-color: #1d56bb !important;
    border: solid 1px #1d56bb !important;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 14px;
    border-radius: 4px;
}

.job-card-button button.btn.btn-primary.bg-white {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}
.job-card-button button.btn.btn-primary.bg-white:hover {
    box-shadow: 0px 0px px 0px rgba(0, 0, 0, 0.25);
}
.job-card-button a {
    padding: 2px 20px !important;
    font-size: 12px !important;
    /*margin-top: 15px !important;*/
    /*margin-bottom: 10px !important;*/
}

.recomended-jobs {
    padding-bottom: 35px;
}

.explore-button {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
}
.job-card-button .btn-primary:hover {
background-color: #2a8ef8 !important;
}
.explore-button button {
    background-color: #1D56BB;
    border: solid 1px #1D56BB;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 2px;
}

.user-dashboard-main .enhance-your-resume {
    padding: 15px 0px;
}

.user-dashboard-main .enhance-your-resume .title h1 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 0;
}

.user-dashboard-main .enhance-your-resume .title p {
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}

.switch-input:checked~.switch-label {
    background: #47a8d8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked~.switch-label:before {
    opacity: 0;
}

.switch-input:checked~.switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}

.switch-input:checked~.switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green>.switch-input:checked~.switch-label {
    background: #4fb845;
}

.user-dashboard {
    position: relative;
}

.user-dashboard-sidebar {background: #F6FFFF;

    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.25);
    padding:10px;
}

.user-information .edit-profile {
    padding-bottom: 30px;
}
.user-information .edit-profile a:hover {
   color: #007bff;}
.user-information .edit-profile a {
    text-align: right;
    text-decoration: underline;
    color: #1D56BB;
    width: 100%;
    display: block;
}

.user-information .edit-profile span {
    position: relative;
    top: -4px;
}

.user-information .personal-info {
   text-align:center;
}

.user-information .personal-info .user-info {
    padding-left: 20px;
    padding-top: 4px;
}

.user-information .personal-info .user-info h3 {
    font-size: 22px;
    font-weight: 700;
   

}

.user-information .personal-info .user-info h4 {
    
    margin-bottom: 0px;
color: #888181;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.user-information .personal-info .user-info h5 {
    color: #6C6767;
    margin-top: 6px;
    font-size: 14px;
}

.user-expectations .exp-icon {
    display: flex;
    justify-content: space-around;
}

.user-expectations {
    padding: 23px 0px 10px;
}

.exp-icon-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.exp-icon-details img {
    width: 25px;
    height: 25px;
}

.exp-icon-details p {
    font-size: 14px;
    color: #000;
    margin-top: 5px;
}



.circle-wrap {
    margin: 20px auto;
    width: 120px;
    height: 120px;
    background: #B0CDFF;
    border-radius: 50%;
    border: 1px solid #cdcbd0;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
    width: 120px;
    height: 120px;
    position: absolute;
    border-radius: 50%;
}

.circle-wrap .circle .mask {
    clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .inside-circle {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: #E8EEF8;
    line-height: 97px;
    text-align: center;
    margin-top: 14px;
    margin-left: 14px;
    color: #000;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 20px;
    /* top: 30px; */
}

/* color animation */

/* 3rd progress bar */
.mask .fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #1D56BB;
}

.mask.full,
.circle .fill {
    animation: fill ease-in-out 3s;
    transform: rotate(45deg);
}

@keyframes fill {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

.user-progress-bar .user-progress {
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: flex-end;
    align-items: end;
}

.user-progress-bar .user-progress p {
    font-weight: 400;
    font-size: 16px;
    padding: 0;
    margin: 10px 0 10px 0;
}

.user-progress-bar .user-progress a {
    color: #007bff;
    font-size: 12px;
}

.profile-activation {
    display: flex;
    align-items: center;
    padding: 17px 0px 10px;
    max-width: 73%;
   margin-top: 25px;
    justify-content: center;
}

label.switch {
    background: #5CB549;
    border-radius: 0;
    width: 84px;
    height: 31px;
    box-shadow: none;
    border: 0px;
}

label.switch:before {
    background: red;
}

label.switch:after {
    background: yellow;
}

.switch-label {
    background: transparent;
    color: #fff;
    padding: 14px 20px;
    box-shadow: none;
}

.switch-label:before {
    color: #fff;
    font-size: 15px;
    top: 12px;
}

span.switch-handle {
    border-radius: 5px;
    width: 30px;
    height: 25px;
    top: 3px;
}

.switch-input:checked~.switch-label {
    background: #5CB549;
    box-shadow: none;
    position: relative;
    top: -3px;
}

.switch-input:checked~.switch-label:after {
    font-size: 14px;
}

.profile-activation h4 {
    padding-left: 12px;
    color: #000000;
    font-size: 15px;
    position: relative;
    top: -2px;
}

.user-dashboard-sidebar hr {
    border: 0;
    border-top: 1px solid #B8B8B8;
    margin: 0.5rem 0;
}

.userdashboard-information {
    line-height: 43px;
}

.userdashboard-information ul {
    padding-inline-start: 0px;
}

.userdashboard-information ul li {
    list-style: none;
   
    font-size: 16px;
    color: #000;
}

.userdashboard-information ul li span {
    padding-right: 20px;
}

.userdashboard-information ul li a {
    color:#000;
    text-decoration: underline;
}

.user-data-selection form {
    display: flex;
    flex-direction: column;
    line-height: 22px;
    padding-bottom: 20px;
}

.user-data-selection form label {
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    padding-top: 15px;
}
.loca {
    width: 90px;
    white-space: nowrap;   
  overflow: hidden;
  text-overflow: ellipsis; 
}
.user-data-selection form select.form-select {
    border: 0px;
    background-color: #fff;
    padding: 12px 9px;
    font-size: 16px;
    color: #000;
}

.top-hiring-recruiter {
  
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 40px 0px;
}

.top-hiring-recruiter h2 {
    font-weight: 600;
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
}


.top-hiring-recruiter-icon {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
}

.mech-advertisment {
    background: #E8EEF8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 30px;
    margin: 20px 0px 30px;
}

.mech-advertisment span {
    text-align: right;
    width: 100%;
    display: block;
    font-size: 16px;
    color: #000;
}

.mech-advertisment h2 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}

.mech-advertisment ul {
    padding-inline-start: 0px;
    line-height: 39px;
    display: flex;
    flex-direction: column;
}

.mech-advertisment ul li {
    list-style: none;
    font-size: 18px;
    color: #000;
}

.mech-advertisment button.btn.btn-primary {
    padding: w;
    width: 150px;
    margin: 16px auto;
    background-color: #1d56bb;
    height: 40px;
    border: solid 1px #1d56bb;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
}

.mech-advertisment a {
    color: #000000;
    font-size: 18px;
    text-align: right;
}

.user-dashboard-main .container {
    position: relative;
}

.user-dashboard-main .col-md-5 {
    position: absolute;
    top: -231px;
    right: 0;
}

.d-flex {
    display: flex;
}

.login-form {
    width: auto;
    padding-left: 80px;
}

.text-left {
    text-align: left !important;
}

/*cardcarousel*/
.bg-breadcrumb {
    padding: 30px 0px;
    background-color: #484747;
    display: flex;
}

.bg-breadcrumb h1 {
    color: #fff;
    font-weight: 500;
    font-size: 40px;
}

.bg-breadcrumb .row {
    align-items: center;
}

.bg-breadcrumb .button-d-flex {
    display: flex;
    justify-content: space-around;
}

.bg-breadcrumb .button-d-flex .breadcrumb-button {
    text-align: center;
    line-height: 30px;
}

.bg-breadcrumb .button-d-flex .breadcrumb-button button {
    padding: 4px 59px;
    background: #E8EEF8;
    border: solid 1px #E8EEF8;
    font-size: 17px;
    margin-bottom: 11px;
    text-align: center;
}

.bg-breadcrumb .button-d-flex .breadcrumb-button p {
    color: #fff;
    margin-bottom: 0px;
}

.user-dashboard-detail-bggray {
    padding: 48px 0px;
    /*background-color: #939393;*/
}

.user-dashboard-detail .job-card-info {
    display: block;
}

.user-dashboard-detail .job-posted-date {
    display: flex;
    align-items: center;
    padding-top: 12px;
    border-top: solid 0.5px #939393;
}

.user-dashboard-detail .job-posted-date h4 {
    /*padding-right: 80px;*/
}

.user-dashboard-detail .job-card-apply {
    padding-bottom: 0px;
    align-items: center;
}
.similar-jobs .similar-jobs-card:hover{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.job-match-score {
   
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    border-radius: 4px;
}

.job-match-score h4 {
    font-size: 20px;
    font-weight: 550;
    padding: 28px 20px 19px;
}

.job-match-score .job-match-score-dflex {
    display: flex;
   
    padding: 0px 20px 20px;
}

.job-match-score .job-match-score-dflex ul {
    display: flex;
    padding-inline-start: 0px;
}

.job-match-score .job-match-score-dflex ul li {
    list-style: none;
    padding-right: 20px;
    font-size: 14px;
}

.job-match-score .user-progress-bar .user-progress {
    margin-top: -49%;
}

.job-match-score .user-progress-bar .user-progress .circle-wrap {
    margin: 4px auto;
    width: 90px;
    height: 90px;
    background: #B0CDFF;
    border-radius: 50%;
    border: 1px solid #cdcbd0;
}

.job-match-score .user-progress-bar .user-progress .circle-wrap .circle .mask,
.job-match-score .user-progress-bar .user-progress .circle-wrap .circle .fill {
    width: 90px;
    height: 90px;
    position: absolute;
    border-radius: 50%;
}

.job-match-score .user-progress-bar .user-progress .circle-wrap .circle .mask {
    clip: rect(0px, 162px, 40px, 37px);
}

.job-match-score .user-progress-bar .user-progress .circle-wrap .circle .mask.full .fill {
    clip: rect(0px, 70px, 21px, 0px);
}

.job-match-score .user-progress-bar .user-progress .circle-wrap .inside-circle {
    width: 80px;
    height: 80px;
    margin-top: 4px;
    margin-left: 4px;
    line-height: 85px;
    font-size: 16px;
}

.job-match-score .user-progress-bar .user-progress .circle-wrap a {
    text-decoration: underline;
    font-size: 14px;
    color: #005CFF;
}

.job-match-score::before {
    content: '';
    width: 8px;
    height: 137px;
    position: absolute;
    background-color:#8311E2;
    border-radius: 4px 0px 0px 4px;
}

.job-description {
    border: 0.5px solid #D0D0D0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 19px 25px;
    margin: 30px 0px;
    border-radius: 4px;
}

.job-description h3 {
    font-size: 20px;
}

.job-description ul {
    padding-inline-start: 30px;
    padding-top: 20px;
}

.job-description ul li {
    font-size: 14px;
    line-height: 27px;
}

.job-description ul.qualification,
.job-description ul.walkin-info {
    padding-inline-start: 5px
}

.job-description ul.qualification li,
.job-description ul.walkin-info li {
    list-style: none;
}

.job-description ul.qualification li span,
.job-description ul.walkin-info li span {
    font-size: 14px;
    color: #939393;
    width: 151px;
    display: inline-block;
    position: relative;
}

.job-description ul.qualification li span:after,
.job-description ul.walkin-info li span:after {
    content: ':';
    position: absolute;
    right: 10px;
    color: #000;
}

.job-description ul.qualification li.education {
    padding-top: 36px;
}

.job-description ul.qualification li.education span {
    color: #000;
}

.job-description ul.walkin-info li.address {
    display: flex;
}

.job-description ul.walkin-info li.address span {
    width: 22.5%;
}

.key-skills {
    border: 0.5px solid #D0D0D0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 19px 25px;
    margin: 30px 0px;
    border-radius: 4px;
}

.key-skills h3 {
    font-size: 20px;
}

.key-skills ul {
    display: flex;
    padding-inline-start: 9px;
}

.key-skills ul li {
    list-style: none;
    margin: 5px 18px 0px 0px;
    padding: 10px;
    border: 0.5px solid #939393;
    border-radius: 5px;
    background-color: #FAF4FF;
    font-size: 15px;
}

.job-match-score.job-detail-social-icon ul {
    display: flex;
    padding: 0px 28px 17px;;
}

.job-match-score.job-detail-social-icon ul li {
    list-style: none;
    margin-right: 30px;
}

.job-match-score.job-detail-social-icon h4 {
    font-size: 18px;
    font-weight: 550;
    padding: 17px 28px 10px;
}

.job-match-score.job-detail-social-icon::before {
    height: 108px;
}

.about-company {
    border: 0.5px solid #D0D0D0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    padding: 19px 25px;
    margin: 30px 0px;
}

.about-company h3 {
    font-size: 20px;
}

.about-company p {
    font-size: 14px;
    line-height: 27px;
}
.show_advanced_search{
    width: 25%;
}

.similar-jobs {

    padding: 22px;
    border-radius: 5px;
background: #FFF;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

}

.similar-jobs h3 {
    font-size: 18px;
    text-align: center;
    padding-bottom: 14px;
}

.similar-jobs .similar-jobs-card {
   
  
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 3px;
background: #F7F7F7;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.similar-jobs .similar-jobs-card .similar-job-card-title h4 {
    font-size: 15px;
}

.similar-jobs .similar-jobs-card .similar-job-card-title p {
    font-size: 13px;
    color: #939393;
    padding-bottom: 5px;
}

.similar-jobs .similar-jobs-card .similar-job-card-title .remove-applicant {
    cursor: pointer;
}

.similar-jobs .similar-jobs-card .similar-job-card-info {
    display: flex;
    align-items: center;
}

.similar-jobs .similar-jobs-card .similar-job-card-info p {
    /*margin-right: 20px;*/
    color: #000;
    margin-bottom: 0 !important;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px; */

}

.job-details-ad {
    margin-top: 20px;
}

.user-dashboard-detail-main {
    margin-top: -58px;
    padding-bottom: 40px;
}

.user-dashboard-detail-main .key-skills ul {
    display: inline-flex;
    padding-inline-start: 0;
    margin-top: 5px;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.user-dashboard-detail-main .key-skills ul li {
    margin: 5px 17px 10px 0px;
}

.mycourse-videopage .video-breadcrumbs {
    background-color: #E8EEF8;
    padding: 40px 0px;
}

.mycourse-videopage .video-breadcrumbs h1 {
    color: #000;
    font-size: 30px;
}

.mycourse-videopage .video-breadcrumbs p {
    color: #000;
    line-height: 27px;
    font-size: 14px;
    padding-left: 20px;
}

.mycourse-videopage .video-breadcrumbs .col-md-4 {
    text-align: right;
}

.mycourse-videopage .video-section {
    padding: 60px 0px;
}

.mycourse-videopage .video-section h3 {
    color: #000;
    font-size: 20px;
    padding-bottom: 15px;
}

.mycourse-videopage .video-section iframe {
    width: 100%;
    margin-bottom: 40px;
}

.mycourse-videopage .video-recommended .enhance-your-resume-image {
    position: relative;
}

.mycourse-videopage .video-recommended .enhance-your-resume-card-title button {
    background-color: #1D56BB;
    border-color: #1D56BB;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 4px;
}


.mycourse-videopage .video-recommended {
    background: #F0F0F0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    padding: 30px 20px;
}

.mycourse-videopage .video-recommended h3 {
    text-align: center;
    font-size: 22px;
    padding-bottom: 10px;
}

.mycourse-videopage .video-recommended .enhance-your-resume-card-title {
    background-color: #fff;
}

.mycourse-videopage .video-recommended .view-btn {
    text-align: center;
    margin-top: 33px;
}

.mycourse-videopage .video-recommended button.view-all {
    margin-left: auto;
    margin-right: auto;
    background: #1D56BB;
    border-radius: 4px;
    padding: 9px 30px;
    border-color: #1D56BB;
}

.job-search-page {
    padding: 40px 0px 60px;
}

.job-search-page .searchfilter-dflex {
    background: rgba(161, 161, 162, 0.16);
    color: #fff;
    padding: 10px 17px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.job-search-page .searchfilter-dflex h4 {
    margin: 0;
    cursor: pointer;
}

.job-search-page h2 {
    color: #000000;
    font-size: 20px;
    padding-bottom: 30px;
}

.job-search-page h2 span {
    color: #0921FF;
    text-decoration: underline;
}

.job-search-page .job-card {
    margin-bottom: 30px;
}

.job-search-page .job-card .job-card-description p span {
    color: #005CFF;
}

.job-search-page .pagination {
    text-align: center;
    margin-bottom: 0px;
}

.job-search-page .pagination nav {
    margin: 0px auto;
}

.job-search-page .page-item.disabled .page-link,
.job-search-page .page-item:last-child .page-link {
    color: #000 !important;
}

.job-search-page .page-link {
    color: #1D56BB !important;
    border: 0px !important;
    font-size: 17px;
}

.job-search-page .page-link:hover,
.job-search-page .page-link:focus {
    background: transparent;
}

.job-search-page .page-link.previous {
    color: #000 !important;
}

.job-search-page .recomended-jobs {
    padding-bottom: 10px;
}

.job-search-page .page-item.active .page-link {
    color: #fff !important;
    background-color: #1D56BB;
    border-color: #1D56BB;
}

.job-search-page .recomended-jobs .job-card a:hover {
    color: inherit;
}

.recomended-jobs .job-card-description .searchdescription {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin: 0;
    font-size: 13px;
}

.recomended-jobs .job-card-description.list ul {
    padding-left: 18px;
}

.recomended-jobs .job-card-description span {
    font-size: 14px;
    color: #1d56bb;
    cursor: pointer;
}

.searchfilter-sidebar {
    background-color: #fff;
    padding: 20px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.searchfilter-dflex {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: center;
}

.searchfilter-dflex p {
    color: #000;
    margin-bottom: 0px;
}

.searchfilter-dflex p img {
    padding-right: 5px;
}

.searchfilter-dflex h4 {
    color: #000;
    font-size: 14px;
}

.searchfilter-sidebar .searchfilters-list h4 {
    color: #000000;
    font-size: 15px;
    border-bottom: 0.5px solid #C1BFBF;
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-weight: bold;
}

.searchfilter-sidebar .searchfilters-list .restrictclass {
    height: 120px;
    overflow: hidden;
}

.searchfilter-sidebar .searchfilters-list .expand {
    margin-bottom: 2.5rem;
}

.searchfilter-sidebar .searchfilters-list span {
    font-size: 14px;
    position: absolute;
    bottom: -28px;
    left: 14px;
    color: #1d56bb;
    cursor: pointer;
}

.searchfilter-sidebar .searchfilters-list ul {
    padding-inline-start: 15px;
}

.searchfilter-sidebar .searchfilters-list ul li {
    list-style: none;
    line-height: 31px;
}

.searchfilter-sidebar .searchfilters-list ul li .form-check {
    display: flex;
    align-items: center;
}

.searchfilter-sidebar .searchfilters-list ul li .form-check-input {
    position: relative;
    top: -2px;
    margin-right: 12px;
}

.searchfilter-sidebar .searchfilters-list ul li .form-check-label {
    font-size: 14px;
}

.job-search-page .container:first-child {
    padding: 0px 0px 20px;
}

.job-search-page .user-dasboard-form .form-dflex form .d-flex .form-control {
    border: 0.8px solid #939393;
    box-shadow: 0px 3px 7px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-bottom: 26px;
}

.job-search-page .container:first-child .col-md-5 {
    text-align: center;
}

.job-search-bg {
    background-color: #939393;
    padding: 40px 0px;
    margin-bottom: 25px;
}

.job-search-page .jobsearch-title h3 {
    font-size: 20px;
    color: #000;
    padding: 10px 18px;
    background-color: #E8EEF8;
}

.job-search-page .jobsearch-title {
    margin-top: -49px;
}

.profile-creation-top {
    padding: 30px 0px;
    background-image: url(../images/profilecreation/topbg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.profile-creation-top .profile-image {
    position: relative;
    text-align: center;
    padding-top: 15px;
}

.profile-creation-top .profile-image img:nth-child(2) {
    position: absolute;
    left: 108px;
    top: 19px;
    background-color: #B0CDFF;
    padding: 5px;
    border-radius: 50%;
}

.profile-creation-top .profile-image h4 {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 6px;
}

/****/
.profile-creation-top .profile-contact ul {
    line-height: 35px;
    padding-inline-start: 0px;
    display: flex;
    flex-direction: column;
}

.profile-creation-top .profile-contact ul li {
    list-style: none;
    color: #fff;
    display: flex;
    font-size: 14px;
}

.profile-creation-top .profile-contact ul li img {
    padding-right: 10px;
}

.profile-creation-top .profile-contact ul li span {
    margin-left: 5px;
    color: #1CD1F9;
}

.profile-creation-top .profile-contact ul li span img {
    padding-right: 0px !important;
}

.profile-creation-top .profile-contact ul li.phone img {
    padding-right: 10px;
}

.profile-creation-top .profile-contact ul li.phone span {
    color: #1CD1F9;
}

.profile-creation-top .profile-contact ul li.phone span a:hover {
    color: #1CD1F9;
}

.profile-creation-top .profile-contact ul li.workexp img {
    position: relative;
    left: -4px;
    padding-right: 1px;
}

.profile-creation-top .user-progress-bar {
    justify-content: space-around;
}

.profile-creation-top .user-progress-bar .user-progress p {
    color: #fff;
    font-size: 18px;
    font-family: ubuntu;
    margin-bottom: 5px;
}

.profile-creation-top .user-progress-bar .circle-wrap {
    margin: 20px auto;
    width: 150px;
    height: 150px;
    background: #B0CDFF;
    border-radius: 50%;
    border: 1px solid #cdcbd0;
}

.profile-creation-top .user-progress-bar .circle-wrap .circle .mask,
.profile-creation-top .user-progress-bar .circle-wrap .circle .fill {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
}

.profile-creation-top .user-progress-bar .circle-wrap .inside-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    line-height: 124px;
    text-align: center;
    margin-top: 1px;
    margin-left: 10px;
    color: #000;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 29px;
    top: 29px;
}

.profile-creation-top .user-progress-bar .user-progress h6 {
    color: #2DCDFF;
    font-size: 12px;
    margin: 0px;
}

.profile-creation-body {
    padding: 40px 0px;
}

.profile-creation-body .profile-title {
    padding: 0px 0px 25px 0px;
}

.profile-creation-body .profile-title h3 {
    font-size: 30px;
}

.profile-creation-body .profile-title h3 span {
    font-size: 20px;
    color: #939393;
}

.profile-creation-body .profile-sidebar {
    padding:10px;
    background-color: #E8EEF8;
}

.profile-creation-body .profile-sidebar h6 {
    font-size: 11px;
    text-align: center;
}

.profile-creation-body .profile-sidebar h4 {
    text-align: center;
 
    font-size: 22px;
}

.profile-creation-body .profile-sidebar ul {
    padding-inline-start: 0px;
    line-height: 50px;
}

.profile-creation-body .profile-sidebar ul li {
    list-style: none;
    position: relative;
}

.profile-creation-body .profile-sidebar ul li img {
    padding-right: 25px;
    padding-left: 15px;
}

.profile-creation-body .profile-sidebar ul li span {
    position: absolute;
    right: 0;
    top: 18px;
}

.profile-creation-body .profile-sidebar ul li:hover{
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    padding: 2px;
}
.resume-upload {
   
    padding: 20px 30px 25px;
    margin-bottom: 30px;
    border-radius: 5px;
background: #FFF;

box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.resume-upload:hover{
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.resume-upload.basic-details {
    padding: 20px 30px 20px;
}

.resume-upload.keyskills {
    padding: 20px 30px 20px;
}

.resume-upload.employement {
    padding: 20px 30px 20px;
}

.resume-upload.education {
    padding: 20px 30px;
}

.resume-upload.education .education-list .education-info {
    padding-bottom: 10px;
}

.resume-upload.location {
    padding: 20px 30px 15px;
}

.resume-upload.itskils,
.resume-upload.certification {
    padding: 20px 30px 20px;
}

.resume-upload.certification .action_certification,
.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.resume-upload.certification .education-list .certification-list {
    padding-bottom: 8px;
}

.resume-upload.personal-details {
    padding: 30px 30px;
}

.resume-upload .d-flex {
    justify-content: space-between;
}

.resume-upload .d-flex h4 {
    color: #000;
    font-size: 18px;
}

.resume-upload .d-flex a {
    color: #005CFF;
    font-size: 13px;
    text-decoration: underline !important;
}

.resume-upload p {
    color: #676767;
    font-size: 16px;
    padding-left: 0px;
    margin-bottom: 20px;
}

.resume-upload form {
    text-align: center;
}

.resume-upload form label {
    background: #FFFFFF;
    border-radius: 4px;
    color: #005CFF;
    font-size: 14px;
    padding: 7px 20px;
   
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}
.resume-upload form label:hover {
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
.resume-upload .form-dflex {
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.resume-upload .form-dflex span {
    color: #939393;
    font-size: 12px;
}

.resume-upload .form-dflex img {
    position: absolute;
    right: 0;
    bottom: 7px;
}

.resume-upload.resume-headline .d-flex {
    justify-content: flex-start;
}

.resume-upload.resume-headline .d-flex span {
    padding-left: 8px;
    color: #005CFF;
    font-size: 15px;
}

.resume-upload.resume-headline form textarea {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    resize: none;
    border: 0.5px solid #939393;
    border-radius: 4px;
}

.resume-upload.resume-headline form .inline_text {
    font-size: 13px;
    color: #676767;
}

.resume-upload.resume-headline form textarea::placeholder,
.resume-upload.resume-headline form input::placeholder {
    font-size: 13px;
    color: #939393;
}

.resume-upload.resume-headline form {
    position: relative;
}

.resume-upload.resume-headline form span {
    position: absolute;
    bottom: 59px;
    right: 14px;
    font-size: 12px;
    color: #AEAEAE;
}

.resume-upload.resume-headline form .form-buttons {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.resume-upload.resume-headline form .form-buttons .btn-cancel {
    background: #FFFFFF;
    border: 0.5px solid #939393;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 20px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
    margin-right: 10px;
}

.resume-upload.resume-headline form .form-buttons .btn-save {
    background: #1D56BB;
    border: 0.5px solid #1D56BB;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 20px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.resume-upload.resume-headline form .form-buttons .btn-save:hover {
    background-color: #007bff;
}
/* .resume-upload.resume-headline form input {
    margin-top: 10px;
} */

.resume-upload.resume-headline.basic-details form h4 {
    color: #000;
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
}

.resume-upload.resume-headline.basic-details .basic-details-content {
    margin-top: 6px;
}

.resume-upload.resume-headline.basic-details .basic-details-content h5 p {
    margin-bottom: 12px;
}

.resume-upload.resume-headline.keyskills ul {
    display: inline-flex;
    padding-inline-start: 0px;
    margin-top: 5px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.resume-upload.resume-headline.keyskills ul li {
    list-style: none;
    background: #FFFFFF;
    border: 0.8px solid #005CFF;
    border-radius: 4px;
    margin-right: 10px;
    padding: 6px 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

.resume-upload.resume-headline.employement h5 {
    margin-top: 5px;
    font-size: 14px;
    margin-left: 0px;
    color: #676767;
}

.resume-upload.resume-headline.employement h5 span {
    color: #005CFF;
    font-size: 14px;
}

.resume-upload.resume-headline.employement p {
    color: #676767;
}

.resume-upload.resume-headline.employement .job-profile {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.resume-upload.resume-headline.employement p span {
    color: #676767;
    font-size: 14px;
}

.resume-upload.resume-headline.employement .chevron-up {
    width: 100%;
    text-align: center;
    display: none
    ;
}

.resume-upload.resume-headline.employement form {
    background: #FFFFFF;
    border: 0.5px solid #939393;
    padding: 20px 30px;
}

.resume-upload.resume-headline.employement form .col-md-12.delete {
    text-align: right;
}

.resume-upload.resume-headline.employement form .col-md-12.delete a {
    color: #676767;
    font-size: 14px;
}

.resume-upload.resume-headline.employement form p {
    text-align: left;
    font-size: 15px;
    color: #000;
}

.resume-upload.resume-headline.employement form label {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    border: 0px;
    padding: unset;
    margin-bottom: 5px;
    color: #000;
    width: 100%;
    text-align: left;
    margin-top: 9px;
}

.resume-upload.resume-headline.employement form .form-checkbox {
    text-align: initial;
}

.resume-upload.resume-headline.employement form .form-checkbox p {
    padding-left: 0px;
}

.resume-upload.resume-headline.employement form .form-checkbox .form-check {
    padding-left: 20px;
    padding-right: 20px;
}

/* .resume-upload.resume-headline.employement form .form-checkbox .form-check input {
    margin-top: 0px !important;
} */

.resume-upload.resume-headline.employement form .form-checkbox .form-check label {
    position: relative;
    top: -10px;
    left: 6px;
}

.resume-upload.resume-headline.employement form .row {
    margin-bottom: 10px;
}

.resume-upload.resume-headline.employement form .row.form-selectbox .d-flex select:first-child {
   
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.resume-upload.resume-headline.employement form .row.form-selectbox .d-flex select:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.resume-upload.resume-headline.employement form .row.one-select .col-md-6:last-child select {
    border-right: solid 1px #ccc;
}

.resume-upload.resume-headline.current-location form h4 {
    text-align: left;
    font-size: 18px;
    margin-top: 15px;
}

.resume-upload.resume-headline.current-location form .d-flex select:first-child {
    margin-right: 20px;
}

.resume-upload.resume-headline.employement .education-list h5 {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.resume-upload.resume-headline.employement.personal-details ul {
    display: flex;
    padding-inline-start: 0px;
}


.resume-upload.resume-headline.employement.personal-details .education-list {
    padding-top: 16px;
}

.resume-upload.resume-headline.employement.personal-details .personal-data {
    padding-top: 2px
}

.resume-upload.resume-headline.employement.personal-details .personal-data ul {
    margin-bottom: 10px;
}

#action_personaldetails_data .parentlanguage .form-check {
    padding-top: 0.7em;
}



#action_personaldetails_data .parentlanguage .delete_language span {
    bottom: 1.1em;
    right: 4em;
}

.resume-upload.resume-headline.employement.personal-details ul li {
    list-style: none;
    font-size: 14px;
    padding-right: 30px;
    color: #939393;
}

.resume-upload.resume-headline.employement.personal-details ul li span {
    color: #000;
}

.resume-upload.resume-headline.employement.personal-details .education-list p {
    font-size: 14px;
    padding-right: 30px;
    color: #939393;
}

.resume-upload.resume-headline.employement.personal-details .education-list p span {
    color: #000;
}

.resume-upload.resume-headline.employement.personal-details .personal-data p {
    margin-bottom: 10px;
}

.resume-upload.resume-headline.employement.personal-details .education-list table {
    margin-left: 0px;
    width: 70%;
}

.resume-upload.resume-headline.employement.personal-details .education-list table thead {
    border-bottom: 0.5px solid #939393;
}

.resume-upload.resume-headline.employement.personal-details .education-list table thead tr th {
    padding: 10px;
    color: #939393;
    font-size: 14px;
}

.resume-upload.resume-headline.employement.personal-details .education-list table tbody tr td {
    padding: 10px;
    color: #000;
    font-size: 14px;
}

.resume-upload.resume-headline.employement.personal-details form .row.dob select {
    margin-right: 10px;
}

.resume-upload.resume-headline.employement.personal-details form .row.languages label {
    margin-bottom: 6px;
}

.resume-upload.resume-headline.employement.personal-details form .row.languages .d-flex {
   
    margin-top: 35px;
}

.resume-upload.resume-headline.employement.personal-details form .row.add-another {
    padding: 13px 0px;
    margin-bottom: 0;
    text-align: left;
}

.resume-upload.resume-headline.employement.personal-details form .row.add-another a {
    color: #005CFF;
    font-size: 14px;
}


.email-registration .email-registration-form .mobileverificationnumber {
    position: relative;
    display: flex;
}

.email-registration .email-registration-form .mobileverificationnumber span.number-prefix {
    position: absolute;
    left: 9px;
    color: #707070;
    top: 2px;
    font-size: 14px;
    padding: 0px 4px;
}

.email-registration .email-registration-form .mobileverificationnumber span.number-prefix::after {
    position: absolute;
    content: '';
    background-color: #707070;
    height: 24px;
    width: 1px;
    left: 35px;
    top: 5px;
    opacity: 0.5;
}

.email-registration .email-registration-form .mobileverificationnumber input {
    padding-left: 50px;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight {
    text-align: left;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight h1 {
    font-size: 36px;
    position: relative;
    left: -6px;
    padding-bottom: 30px;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .row .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 70%;
    max-width: 70%;
    margin: 0px auto;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .d-flex {
    justify-content: left;
    width: 100%;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .d-flex .form-check {
    padding-right: 20px;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .d-flex .form-check label {
    position: relative;
    top: -6px;
    font-size: 14px;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .form-textbox {
    padding-top: 20px;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .form-textbox p {
    margin-bottom: 5px;
}

.email-registration.number-verification.tell-us-aboutyours .bg-bluelight .button {
    margin: 25px 0px;
    text-align: center;
}

.mobile-verification {
    padding: 0;
    margin-top: -50px;
}

.resume-upload .toggle-show-hide {
    display: none;
}

.employers-home .mech-banner h1 {
    width: 42%;
}

.employers-home .mech-banner h1 span {
    color: #1D56BB;
}

.employers-home .desktop-login-flex .desktop-login {
    width: auto;
}

.employers-home .desktop-login .user-login .register-button {
    color: #1D56BB;
    border: solid 2px #1D56BB;
}

.why-mech-career {
    padding: 60px 0px 0px;
}

.why-mech-career .why-mech-career-title h1 {
    text-align: center;
    padding-bottom: 30px;
    font-size: 32px;
    color: #000000;
    font-weight: bold;
}

.why-mech-career .why-mech-career-title h1 span {
    color: #1D56BB;
}

.why-mech-career .why-mech-career-main .why-mech-card {
    text-align: center;
    margin-bottom: 100px;
    text-align: justify;
font-size: 22px;
font-family: Inter;
line-height: 30px;
letter-spacing: 0.44px;
}

.why-mech-career .why-mech-career-main .why-mech-card p {
    margin-bottom: 0px;
    padding-top: 19px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
.desktop-login-flex .desktop-login .notification-button .user-login .logout-button {
    background: #FFFFFF;
    border: 0.7px solid #000000;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    margin-right: 13px;
    padding: 8px 23px;
}

.employers-registration-confirmation {
    padding: 60px 0px;
}

.employers-registration-confirmation .title {
    padding-bottom: 20px;
}

.employers-registration-confirmation .title h1 {
    font-size: 34px;
    color: #000;
    font-weight: 600;
}

.employers-registration-confirmation form .form-group {
    margin-bottom: 25px;
}

.employers-registration-confirmation form label {
    color: #000;
    font-size: 14px;
}

.employers-registration-confirmation form input {
    border-radius: 4px;
}

.employers-registration-confirmation form input::placeholder,
.employers-registration-confirmation form textarea::placeholder {
    font-size: 13px;
    color: #707070;
}

.employers-registration-confirmation form input.bg {
    background-color: #E8EEF8;
}

.employers-registration-confirmation form .col {
    padding-left: 0px;
}

.employers-registration-confirmation form .col button {
    padding: 10px;
    background-color: transparent;
    width: 49%;
    border: solid 1px rgb(40, 40, 40, 0.6);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
}

.employers-registration-confirmation form .col button.bg {
    background-color: #E8EEF8;
}

.employers-registration-confirmation form .form-group.relative {
    position: relative;
}

.employers-registration-confirmation form .form-group.relative .counter {
    position: absolute;
    bottom: 2px;
    right: 10px;
    color: #707070;
    font-size: 11px;
}

.employers-registration-confirmation form .form-group.d-flex {
    width: 100%;
    justify-content: space-between;
}

.employers-registration-confirmation form .form-group.d-flex .form-control:first-child,
.employers-registration-confirmation form .form-group.d-flex .form-outline:first-child {
    margin-right: 15px;
}

.employers-registration-confirmation form .form-group.d-flex .form-control,
.employers-registration-confirmation form .form-group.d-flex .form-outline {
    width: 100%;
}

.employers-registration-confirmation form .form-group.d-flex select {
    font-size: 14px;
    color: #707070;
}

.employers-registration-confirmation .col-md-4 img {
    padding-top: 150px;
}

.employers-registration-confirmation form .form-group.file-select .input-group {
    display: flex;
    flex-direction: row;
    position: relative;
}

.employers-registration-confirmation form .form-group.file-select .input-group #inputGroupFile04 {
    display: none;
}

.employers-registration-confirmation form .form-group.file-select .input-group label {
    cursor: pointer;
    width: 100%;
    border: 0.6px solid #ced4da;
    border-radius: 4px;
    padding: 10px;
    color: #707070;
    font-size: 13px;
}

.employers-registration-confirmation form .form-group.file-select .input-group #inputGroupFileAddon04 {
    position: absolute;
    right: 1px;
    bottom: 9px;
    background: #E8EEF8;
    padding: 9px 27px;
    color: #000;
    font-size: 14px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 0px;
}

.employers-registration-confirmation form .form-group button.btn.btn-primary {
    background: #1D56BB;
    border-radius: 4px;
    border: solid 1px #1D56BB;
    width: 100%;
    padding: 9px 10px;
    font-size: 14px;
}

.login .title.mobile {
    display: none;
}

/*Menu*/
.desktop-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.desktop-menu li a {
    display: block;
    padding: 10px 12px;
    margin-top: 2px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
}

.desktop-menu li a:hover,
.desktop-menu .menu-btn:hover {
    background-color: #f4f4f4;
}

/* menu */

.desktop-menu .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.desktop-menu .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

.desktop-menu .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    width: 18px;
}

.desktop-menu .menu-icon .navicon:before,
.desktop-menu .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.desktop-menu .menu-icon .navicon:before {
    top: 5px;
}

.desktop-menu .menu-icon .navicon:after {
    top: -5px;
}

.email-registration.number-verification.mobile-numberverification-successful {
    margin-bottom: 60px;
}

.email-registration.mobile-numberverification-successful [type="radio"]:checked,
.email-registration.mobile-numberverification-successful [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.email-registration.mobile-numberverification-successful [type="radio"]:checked+label,
.email-registration.mobile-numberverification-successful [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.email-registration.mobile-numberverification-successful [type="radio"]:checked+label:before,
.email-registration.mobile-numberverification-successful [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}

.email-registration.mobile-numberverification-successful [type="radio"]:checked+label:after,
.email-registration.mobile-numberverification-successful [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #000;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.email-registration.mobile-numberverification-successful [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.email-registration.mobile-numberverification-successful [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.email-registration.number-verification.mobile-numberverification-successful h1 {
    text-align: left;
    position: relative;
    left: -10px;
}

.email-registration.number-verification.mobile-numberverification-successful .row .col-md-12 {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.email-registration.number-verification.mobile-numberverification-successful form p {
    text-align: left;
}

.email-registration.number-verification.mobile-numberverification-successful form .form-check {
    display: flex;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.email-registration.number-verification.mobile-numberverification-successful form .form-check p {
    margin-right: 30px;
}

.email-registration.number-verification.mobile-numberverification-successful form .form-group label {
    text-align: left;
    width: 100%;
}

.email-registration.number-verification.mobile-numberverification-successful form .form-group input[type="text"]::placeholder {
    font-size: 13px;
}

.email-registration.number-verification.mobile-numberverification-successful form button {
    margin-top: 30px !important;
}

/* New Mobile Number Start */
.new-mobile-number {
    padding: 0;
    margin-top: -50px;
}

/* New Mobile Number End */



/* menu btn */

.desktop-menu .menu-btn {
    display: none;
}

.desktop-menu .menu-btn:checked~.menu {
    max-height: 240px;
}

.desktop-menu .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.desktop-menu .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.desktop-menu .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.desktop-menu .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.desktop-menu .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.email-registration.number-verification.tell-us-aboutyours {
    padding: 60px 0px 60px;
}

/*Job Post*/
.job-post {
    padding: 40px 0px;
}

.job-post img {
    width: 100%;
}

.job-post .user-progress-bar {
    /*justify-content: end;*/
}

.job-post .job-post-title h1 {
    position: relative;
    top: 37px;
}

.job-post .job-post-title .user-progress-bar .user-progress p span {
    color: #1D56BB;
}

.job-post form .form-group.relative {
    position: relative;
}

.job-post form .form-group.relative .counter {
    position: absolute;
    bottom: 2px;
    right: 10px;
    color: #707070;
    font-size: 11px;
}


.job-post .job-post-main {
    padding: 50px 10px;
}

.job-post-main #employer_post .walkin_details .address {
    display: flex;
    justify-content: space-between;
}

.job-post-main #employer_post .walkin_details .address span {
    font-size: 14px;
}

.job-post-main #employer_post .walkin_details .address span .use_address {
    margin-right: 5px;
    vertical-align: middle;
}

.job-post .job-post-main form label,
.job-post .job-post-main form p {
    font-size: 14px;
}

.job-post .job-post-main form ::placeholder {
    font-size: 14px;
}

.job-post .job-post-main form .form-group,
.job-post .job-post-main form .form-outline {
    margin-bottom: 30px;
}

.job-post .job-post-main form button.btn-primary {
    background: #1D56BB;
    border-radius: 4px;
    border: solid 1px #1D56BB;
    padding: 9px 30px;
    font-size: 14px;
    margin-right: 40px;
}

.job-post .job-post-main form .form-group label.form-check-label {
    color: #8F8E8E;
    font-size: 13px;
}


.job-post .job-post-main .similar-jobs .form .form-control {
    border: 0.5px solid #939393;
}


.job-post .similar-jobs .similar-jobs-card .similar-job-card-info img {
    width: auto;
}

.job-post .job-card-apply {
    align-items: center;
    padding-bottom: 10px;
}

.job-post .similar-jobs .similar-jobs-card .similar-job-card-title h4 {
    padding-bottom: -17px;
}

.job-post .similar-jobs .similar-jobs-card .similar-job-card-title .title {
    display: flex;
    justify-content: space-between;
}

.job-post .similar-jobs .similar-jobs-card .similar-job-card-title .title h4 {
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.job-post .similar-jobs .similar-jobs-card .similar-job-card-title .title span {
    font-size: 12px;
    cursor: pointer;
}

.job-post .similar-jobs .similar-jobs-card .similar-job-card-info p {
    color: #555555;
    font-size: 13px;
}

.job-post .job-card-apply h4 {
    position: relative;
    top: 5px;
}

.flex {
    display: flex;
}

.mr10 {
    margin-right: 10px;
}

.job-post .similar-jobs .similar-jobs-card {
    margin-bottom: 0px;
    margin-top: 25px;
}

.job-post .similar-jobs span.job-post-mail {
    color: #000000;
    font-size: 11px;
    text-align: right;
    width: 100%;
    display: block;
    margin-top: 7px;
}

.job-post .similar-jobs .form-control::placeholder {
    text-align: center;
    font-size: 13px;
}

.job-post .job-post-main .col-md-4 h3 {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
}

.job-post .similar-jobs .pagination img {
    width: auto;
}

.job-post .similar-jobs .pagination .page-link {
    background-color: transparent;
    border: 0px;
}

.job-post .similar-jobs .page-item.disabled .page-link {
    color: #000;
}

.job-post .similar-jobs .page-item.active .page-link {
    background-color: #1D56BB;
    color: #fff;
    border-color: #1D56BB;
}

.job-post .similar-jobs .pagination {
    margin-top: 12px;
}

.job-post .similar-jobs .pagination ul li.page-item:last-child span img {
    transform: rotate(174deg);
}



/*EmployeeDashboard*/
.profile-creation-top.employee-dashboard .profile-contact h1 {
    font-weight: 500;
    font-size: 28px;
    color: #fff;
}

.profile-creation-top.employee-dashboard .profile-contact ul {}

.profile-creation-top.employee-dashboard .user-progress-bar .circle-wrap {
    width: 110px;
    height: 110px;
}

.profile-creation-top.employee-dashboard .user-progress-bar .circle-wrap .circle .mask,
.profile-creation-top.employee-dashboard .user-progress-bar .circle-wrap .circle .fill {
    width: 110px;
    height: 110px;
}

.profile-creation-top.employee-dashboard .user-progress-bar .circle-wrap .inside-circle {
    width: 95px;
    height: 95px;
    font-size: 18px;
    line-height: 94px;
    margin-left: 7px;
    top: 27px;
}

.employee-dashboard-main {
    padding: 60px 0px;
}

.employee-dashboard-main .emp-dash-card {
    background: #EDF9FC;
    border: 1px solid #707070;
    border-radius: 5px;
}

.employee-dashboard-main .emp-dash-card .card-image {
    padding: 30px 20px;
    height: 162px;
    text-align: center;
    display: block;
}

.employee-dashboard-main .emp-dash-card .card-image img {
    width: 100%;
    height: 100%;
}

.employee-dashboard-main .emp-dash-card .card-title {
    background: #1D56BB;
    border: 1px solid #1D56BB;
    border-radius: 0px 0px 5px 5px;
    margin: 0;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.employee-dashboard-main .emp-dash-card .card-title p {
    margin-bottom: 0px;
}

.employee-dashboard-main .quota-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px;
}

.employee-dashboard-main .quota-info .quota-box {
    border: 1px solid #939393;
     /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);*/
    text-align: center;
    height: 150px;
    width: 258px;
    padding: 0px;
    
}
.employee-dashboard-main .quota-info .quota-box::before,.employee-dashboard-main .quota-info .quota-box::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
.employee-dashboard-main .quota-info .quota-box:hover {
  transform: scale(1.05);
  /*box-shadow: 0 0 8px gray;*/
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

  z-index: 385;
}
.employee-dashboard-main .quota-info .box-1:hover {
    border:0.8px solid #0db5e3;
}

.employee-dashboard-main .quota-info .box-3:hover {
    border:0.8px solid #ddc000;
}
.employee-dashboard-main .quota-info .box-2:hover {
    border:0.8px solid #04c604;
}
.employee-dashboard-main .quota-info .quota-box .count {
    padding-bottom: -15px;
    padding-top: 10px;
    font-size: 40px;
    font-weight:500;
}

.employee-dashboard-main .quota-info .quota-box .title {
    padding-bottom: 9px;
     padding-top: 10px;
    font-size: 16px;
}

.employee-dashboard-main .quota-info .quota-box .addquota {
    font-size: 12px;
    color: #033B9E;
    cursor: pointer;
     padding: 0px;

}



/*Forgot Password*/
.email-registration.forgot-password .bg-bluelight .number-d-flex a:first-child {
    border-right: 0px;
}

.email-registration.forgot-password .bg-bluelight button.btn.btn-primary {
    margin: 0px 0px 0px 15px;
    padding: 6px 29px;
    line-height: 20px;
}

.email-registration.forgot-password .bg-bluelight img {
    padding-top: 5px;
}

.email-registration.forgot-password .bg-bluelight {
    padding: 40px;
}

.email-registration.forgot-password .socialmedia-login {
    padding-top: 10px;
}

.email-registration.forgot-password .socialmedia-login .socialmedia-login-button {
    margin: 0px 10px;
    background: #fff;
    border-radius: 4px;
}
.email-registration.forgot-password .socialmedia-login .socialmedia-login-button:hover {
    color: #1D56BB;
}
.email-registration.forgot-password .socialmedia-login .socialmedia-login-button span {
    top: 5px;
}

.email-registration.forgot-password {
    padding: 0;
    margin-top: -60px;
}


/** Job Post Previews*/
.job-post-previews {
    padding-bottom: 60px;
}

.job-post-previews .breadcrumbs-bg {
   
    padding: 50px 0px;
}

.job-post-previews .job-post-previews-main {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}

.job-post-previews .job-post-previews-main .job-card-info {
    display: block;
    width: 100%;
}

.job-post-previews .job-post-previews-main .job-card-designation {
    position: relative;
}

.job-post-previews .job-post-previews-main .job-card-designation ul {
    padding-inline-start: 0px;
    display: flex;
    justify-content: space-between;
}

.job-post-previews .job-post-previews-main .job-card-designation ul li {
    list-style: none;
    font-size: 13px;
}

.job-post-previews .job-post-previews-main .job-card-designation::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    background-color: #939393;
    top: -14px;
}

.job-post-previews .job-post-previews-main .recomended-jobs {
    padding-bottom: 15px;
    margin-top: -45px;
}

.job-post-previews .job-post-previews-main .key-skills {
    margin-top: 0px;
}

.job-post-previews .job-post-previews-main .key-skills h3 {
    font-size: 16px;
}

.job-post-previews .job-post-previews-main .key-skills ul li {
    font-size: 14px;
    margin-bottom: 8px;
}

.job-post-previews .job-post-previews-main .job-description .education-details .d-flex,
.job-post-previews .job-post-previews-main .job-description .walk-in-details .d-flex {
    width: 100%;
}

.job-post-previews .job-post-previews-main .job-description .education-details .d-flex p,
.job-post-previews .job-post-previews-main .job-description .walk-in-details .d-flex p {
    margin-bottom: 5px;
    font-size: 14px;
}

.job-post-previews .job-post-previews-main .job-description .education-details .d-flex p span,
.job-post-previews .job-post-previews-main .job-description .walk-in-details .d-flex p span {
    color: #939393;
    display: flex;
    justify-content: space-between;
}

.job-post-previews .job-post-previews-main .job-description .education-details .d-flex p:first-child,
.job-post-previews .job-post-previews-main .job-description .walk-in-details .d-flex p:first-child {
    width: 30%;
    margin-right: 25px;
}

.job-post-previews .job-post-previews-main .job-description .education-details .d-flex p:last-child,
.job-post-previews .job-post-previews-main .job-description .walk-in-details .d-flex p:last-child {
    width: 70%;
}

.job-post-previews .job-post-previews-main .job-description h3 {
    font-size: 16px;
}

.job-post-previews .job-post-previews-main .job-description ul {
    padding-top: 10px;
}

.job-post-previews .job-post-previews-main .walk-in-details {
    margin-top: 30px;
}

.job-post-previews .job-post-previews-main .walk-in-details h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.job-post-previews .job-post-previews-main .job-description .external-apply-link {
    padding: 30px 0px;
}

.job-post-previews .job-post-previews-main .job-description .external-apply-link h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.job-post-previews .job-post-previews-main .job-description .external-apply-link a {
    color: #1D56BB;
    font-size: 14px;
}

.job-post-previews-button .d-flex {
    width: 100%;
    justify-content: center;
}

.job-post-previews-button .d-flex button {
    background: #1D56BB;
    border: solid 1px #1D56BB;
    border-radius: 4px;
    padding: 8px 30px 8px 30px;
    /*margin: 8px 0px;*/
    font-size: 14px;
}

/** JOb post previews end*/



/*Search Resume*/
.search-resume-database {
    padding: 60px 0px;
}

.search-resume-database .search-resume-database-title h1 {
    font-size: 28px;
    padding-bottom: 35px;
}

.search-resume-database label {
    font-size: 14px;
    padding-bottom: 3px;
    display: flex;
    justify-content: space-between;
align-items:center;
}

.search-resume-database label span {
    color: #707070;
    font-size: 14px;
}

.search-resume-database ::placeholder,
.search-resume-database select {
    font-size: 13px;
    color: #707070;
}

.search-resume-database .form .row {
    padding-bottom: 18px;
}

.search-resume-database .form .row.d-flex-salary .col-md-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-resume-database .form .row.d-flex-salary .col-md-12 .form-group,
.search-resume-database .form .row.d-flex-salary p {
    margin-right: 10px;
}

.search-resume-database .form .btn {
    background: #1D56BB;
    border-radius: 4px;
    border: solid 1px #1D56BB;
    padding: 9px 30px;
    font-size: 14px;
    margin-right: 40px;
}
.search-resume-database .form .btn:hover{
 background: #007bff;
}
.search-resume-database .form a {
    color: #03539D;
}

.search-resume-database .form input[type="checkbox"] {
    margin-left: 10px;
    position: unset;
}

.search-resume-database .form .row .d-flex {
    align-items: center;
}

.search-resume-database .form .row .d-flex label {
    position: relative;
    top: 3px;
    left: 5px;
}

.search-resume-database .job-post {
    padding: 0px;
    padding-top: 5rem;
}

.search-resume-database .similar-jobs {
    /*background: #F0F0F0;*/
    border:1px solid #F0F0F0;
}

.search-resume-database .job-post .similar-jobs .form-control::placeholder {
    text-align: left;
}

.search-resume-database .job-post h3 {
    font-size: 14px;
    padding-bottom: 10px;
    text-align: right;
}

.search-resume-database .job-post .search-image {
    text-align: center;
    margin-bottom: 35px;
}

.search-resume-database .job-post .search-image img {
    width: auto;
}

.search-resume-database .search_form .show_advancedresume_search {
    color: #1d56bb;
    cursor: pointer;
    display: block;
    margin-top: 30px;
}

.search-resume-database .search_form .advance_checkbox {
    margin-right: 10px;
    margin-left: 0;
}




/** Resume DatabaseView **/
.search-resume-database.resume-database-view .job-card {
    box-shadow: none;
}

.search-resume-database.resume-database-view .d-flex-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.search-resume-database.resume-database-view .d-flex-title h1 {
    font-size: 24px;
}

.search-resume-database.resume-database-view .d-flex-title a {
    color: #0029FF;
    position: relative;
    top: 16px;
}

.search-resume-database.resume-database-view .user-progress-bar {
    justify-content: center;
    margin-top: 30px;
}

.search-resume-database.resume-database-view .user-progress-bar .d-flex {
    margin-top: 14px;
}

.search-resume-database.resume-database-view .user-progress-bar .d-flex p {
    font-family: 'ubuntu';
    font-size: 20px;
}

.search-resume-database.resume-database-view .user-progress-bar .d-flex h6 {
    font-family: 'ubuntu';
    font-size: 20px;
    color: #1D56BB;
    margin-left: 10px;
    margin-top: 3px;
}

.search-resume-database.resume-database-view hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

.search-resume-database.resume-database-view .similar-jobs .similar-jobs-card {
    border: 0.4px solid #555555;
    border-radius: 0px;
}

.search-resume-database.resume-database-view .job-post .similar-jobs .similar-jobs-card {
    margin-top: 10px;
}

.search-resume-database.resume-database-view .job-post .similar-jobs .similar-jobs-card .similar-job-card-title .d-flex {
    justify-content: space-between;
}

.search-resume-database.resume-database-view .job-post .d-flex:first-child {
    justify-content: space-between;
    align-items: center;
}

.search-resume-database.resume-database-view .job-post .d-flex:first-child a {
    color: #1D56BB;
    text-decoration: underline !important;
}

.search-resume-database.resume-database-view .pagination {
    margin-top: 15px;
    width: 100%;
    padding-inline-start: 0px;
    justify-content: space-between;
}

.search-resume-database.resume-database-view .page-item .page-link {
    border: 0px;
    background-color: transparent;
}

.search-resume-database.resume-database-view .page-item.active .page-link {
    color: #fff;
    background-color: #1D56BB;
}

.search-resume-database.resume-database-view .page-item.active .page-link:hover {
    color: #fff;
}

.search-resume-database.resume-database-view .page-item:first-child a {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
}

.search-resume-database.resume-database-view .page-item:last-child a {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
}

.search-resume-database.resume-database-view .page-item:first-child a span img {
    margin-left: 2px;
    width: auto;
    position: relative;
    left: -6px;
}

.search-resume-database.resume-database-view .page-item:last-child a span img {
    margin-left: 2px;
    width: auto;
    position: relative;
    left: 6px;
    transform: rotate(180deg);
}

.search-resume-database.resume-database-view nav {
    width: 100%;
}

.resume-database-view .search-resume-database-main .job-post {
    padding-top: 10px;
}

.resume-database-view .job-post .similar-jobs .saved_applicants .job-card-apply h4 span.keys {
    color: #757575;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 132px;
    display: inline-block;
    vertical-align: text-bottom;
}

.resume-database-view .search-resume-database-main .similar-jobs .saved_applicants .job-card-button a.btn.btn-primary {
    line-height: 22px;
    padding: 6px 30px !important;
    margin: 0;
    vertical-align: sub;
}

.search-resume-database-main .job-card .years {
    font-size: 13px;
}

.resume-database-cardview .d-flex-title {
    display: flex;
    width: 100%;
}

.resume-database-cardview .d-flex-title h3 {
    width: 74%;
    font-size: 18px;
}

.resume-database-cardview .d-flex-title h3 span {
    color: #776B6B;
    font-size: 16px;
}

.resume-database-cardview select.form-control {
    width: auto;
    font-size: 13px;
    color: #000;
    border-radius: 0;
    padding: 5px 5px;
}

.resume-database-cardview .d-flex-title label {
    margin-bottom: 0px;
    margin-right: 10px;
}

.resume-database-cardview .database-dflex .resume-view-card {
    background: #F4F4F4;
    /*box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);*/
    border:0.5px rgba(0, 0, 0, 0.25);
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

.resume-database-cardview .database-dflex .resume-view-card .job-card-info {
    width: 700px;
}

.resume-database-cardview .database-dflex .resume-view-card .d-flex.card-header {
    padding: 0px;
    background-color: transparent;
    width: 100%;
    border: 0px;
}

.resume-database-cardview .database-dflex .resume-view-card .d-flex.card-header h4 {
    /*width: 40%;*/
    font-size: 18px;
}

.resume-progress {
    width: 60%;
    margin-top: -8px;
}

.resume-progress .progress {
    width: 100%;
    background-color: #fff;
    height: 8px;
    margin-bottom: 6px;
}

.resume-progress .progress .progress-bar {
    background-color: #005CFF;
}

.resume-database-cardview .database-dflex .resume-view-card .d-flex.card-header label {
    font-size: 11px;
    text-align: right;
    justify-content: end;
    margin-right: 14px;
    position: relative;
    top: -4px;
    margin-bottom: 0px;
}

.resume-progress .d-flex {
    width: 100%;
}

.resume-progress .d-flex label {
    width: 40%;
}

.resume-progress .d-flex .progress {
    width: 60%;
    margin-bottom: -4px;
    padding-bottom: 0px;
}


.resume-database-cardview .card-flex .candidate-details ul {
    padding-inline-start: 0px;
}

.resume-database-cardview .card-flex .candidate-details ul li {
    list-style: none;
    font-size: 12px;
    width: 100%;
    line-height: 23px;
}



.resume-database-cardview .card-flex .candidate-details ul li span {
    width: 28%;
    display: inline-flex;
    color: #757575;
    justify-content: space-between;
}

.resume-database-cardview .card-flex .candidate-details ul li span.title {
    width: 58%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.resume-database-cardview .card-flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.resume-database-cardview .card-flex .candidate-details {
    width: 75%;
}

.resume-database-cardview .card-flex .candidate-details .user_profile_title {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 65%;
    vertical-align: bottom;
}

.resume-database-cardview .card-flex .candidate-details .flex .education_data {
    display: flex;
    margin-right: 10px;
}

.resume-database-cardview .card-flex .candidate-details .flex .education_data p:first-child {
    margin: 0 5px 0 0;
    font-weight: 700;
}

.resume-database-cardview .card-flex .candidate-details .flex .education_data p:last-child {
    margin: 0 10px 0 0;
}

.resume-database-cardview .card-flex .candidate-photo {
    width: 20%;
    text-align: center;
    position: relative;
    left: -55px;
}

.resume-database-cardview .job-card-info p {
    margin-bottom: 10px;
}

.resume-database-cardview .job-card-info .location p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
}

.resume-database-cardview .card-flex .candidate-photo button,
.resume-database-cardview .card-flex .candidate-photo a {
    background: #1D56BB;
    border-radius: 4px;
    width: auto;
    display: inline-block;
    font-size: 12px;
    padding: 5px 12px;
    margin: 10px 0px;
    color: #fff;
}

.resume-database-cardview .card-flex .candidate-photo span {
    font-size: 9px;
}

.resume-database-cardview .card-save {
    position: absolute;
    bottom: 16px;
    right: 12px;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.resume-database-cardview .card-save.save-applicant {
    cursor: pointer;
}

.resume-database-cardview .card-save.saved-applicant {
    cursor: not-allowed;
    pointer-events: none;
}

/* Resumedatabase view end */


/* View Mobile resume start */

.viewmobileresume .profile-creation-top {
    background: #E8EEF8;
}

.viewmobileresume .profile-creation-top .profile-image h4 {
    color: #000000;
}

.viewmobileresume .profile-creation-top .profile-contact ul li {
    color: #000000;
}

.viewmobileresume .profile-creation-top .profile-contact ul li span span {
    color: #005CFF;
    font-size: 11px;
}

.viewmobileresume .profile-creation-top .col-md-3:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.viewmobileresume .profile-creation-top .col-md-3:last-child img {
    margin-bottom: 5px;
}

.viewmobileresume .profile-creation-top .col-md-3:last-child form label {
    background-color: #ffffff;
    color: #005CFF;
    font-size: 14px;
    padding: 10px;
    border: 0.5px solid #939393;
    border-radius: 4px;
}

.viewmobileresume {
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;
}

.viewmobileresume .profile-creation-top .row .col-md-12 {
    display: flex;
    justify-content: space-between;
}

.viewmobileresume .profile-creation-top .profile-contact .phone span.notverified {
    color: #E80000;
}

.viewmobileresume .profile-creation-top .profile-contact .phone span .action {
    color: #005CFF;
    font-size: 14px;
}

.viewmobileresume .profile-creation-top .resume-download-section a {
    background-color: #ffffff;
    color: #005CFF;
    font-size: 14px;
    padding: 10px 0 5px 20px;
    border: 0.5px solid #939393;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    font-weight: 700;
}

.viewmobileresume .profile-creation-top .resume-download-section a img {
    width: 10%;
    margin-right: 8px;
}

.viewmobileresume .profile-creation-top .profile-image img {
    width: 25%;
    border-radius: 50%;
}

.viewmobileresume-inner .viewmobileresume-inner-view {
    background: #F4F4F4;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 30px 0px;
    padding: 35px 35px;
}

.viewmobileresume-inner .viewmobileresume-inner-view h3,
.viewmobileresume-inner .viewmobileresume-inner-view h4 {
    font-size: 18px;
}

.viewmobileresume-inner .viewmobileresume-inner-view .content {
    padding-bottom: 15px;
}

.viewmobileresume-inner .viewmobileresume-inner-view .content.employment p {
    margin-bottom: 15px;
}

.viewmobileresume-inner .viewmobileresume-inner-view .content.it-skils p {
    margin-bottom: 6px;
}

.viewmobileresume-inner .viewmobileresume-inner-view .content.personal-details .education-list p {
    margin-bottom: 6px;
}

.viewmobileresume-inner .viewmobileresume-inner-view h3 span {
    color: #707070;
    font-size: 14px;
}

.viewmobileresume-inner .viewmobileresume-inner-view p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #707070;
}

.viewmobileresume-inner .viewmobileresume-inner-view .content.current-location p {
    margin-bottom: 0;
}

.viewmobileresume-inner .viewmobileresume-inner-view ul {
    display: flex;
    padding-inline-start: 0px;
}

.viewmobileresume-inner .viewmobileresume-inner-view ul li {
    font-size: 14px;
    color: #707070;
    list-style: none;
    margin-right: 30px;
}

.viewmobileresume-inner .viewmobileresume-inner-view ul li span,
.viewmobileresume-inner .viewmobileresume-inner-view p span {
    color: #000000;
}

.viewmobileresume-inner .viewmobileresume-inner-view table {
    width: 50%;
}

.viewmobileresume-inner .viewmobileresume-inner-view table thead {
    border-bottom: 0.5px solid #939393;
}

.viewmobileresume-inner .viewmobileresume-inner-view table thead tr th {
    padding: 10px;
    color: #939393;
    font-size: 14px;
}

.viewmobileresume-inner .viewmobileresume-inner-view table tbody tr td {
    padding: 10px;
    color: #000;
    font-size: 14px;
}

.viewmobileresume .profile-creation-top .profile-contact .email span {
    color: #11890F;
}

.viewmobileresume .profile-creation-top .profile-contact .email span.notverified {
    color: #E80000;
}

/* View Mobile resume end */

/* Employer details start */

.employer_info {
    padding-top: 20px;
}

.employer_info img {
    width: 10%;
}

.employer_info span {
    font-size: 18px;
}

.employer_data {
    padding-top: 20px;
}

.employer_data ul {
    list-style: none;
    padding: 0;
}

/* .employer_data ul li {
    padding-bottom: 10px;
} */

.employer_data .location,
.employer_data .deposit {
    display: flex;
    align-items: flex-start;
}

.employer_data img {
    padding-right: 10px;
}


.employer_data .location p,
.employer_data .deposit p {
    margin: 0;
    opacity: 0.6;
    font-size: 13px;
}

.employer_details .employer_data .deposit .employer_about_us {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.employer_details .employer_data .deposit .more_details_employer {
    color: #1d56bb;
    font-size: 14px;
    cursor: pointer;
}

.employer_jobs .title {
    font-size: 18px;
    padding: 10px 0 20px;
}

.employer_jobs .top-hiring-recruiter {
   
    padding: 10px 20px;
}

.employer_jobs .top-hiring-recruiter h2 {
    font-size: 24px;
}

.employer_jobs .top-hiring-recruiter .top-hiring-recruiter-icon {
    flex-direction: column;
}

.notification {
    display: block;
    width: 100%;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
}

.success {
    background: #1f4f1f;
}

.error {
    background: #dc3545;
}

/* Employer details end */

/* Direct Login end */

.job-direct-page {
    padding: 0px 0px 60px;
}

.job-direct-page .job-direct-bg {
    height: 100px;
}

.job-direct-page .job-direct-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.job-direct-page .directapply_postinfo {
    width: 100%;
    background: #F4F4F4;
    margin: 0px 20px;
    margin-top: -70px;
    padding-top: 15px;
    display: flex;
}

.job-direct-page .directapply_postinfo .rightside_info {
    text-align: right;
}

.job-direct-page .directapply_postinfo .rightside_info img {
    width: 100px;
    height: 50px;
    border: 0.3px solid lightgrey;
    border-radius: 10px;
    object-fit: contain;
}

.job-direct-page .directapply_postinfo .rightside_info .job-card-info {
    width: 100%;
    padding-top: 26px;
}

.job-direct-page .directapply_postinfo .rightside_info .job-card-info .job-posted-date {
    margin-top: 0;
}


.direct-apply-root h5 {
    text-align: left;
    padding: 20px 0;
}

.direct-apply-root .d-flex {
    margin-bottom: 25px;
}

.direct-apply-root .basicbtn {
    text-align: center;
    padding-top: 20px;
}

.direct-apply-root .basicbtn button {
    background-color: #1D56BB;
    border-color: #1D56BB;
    color: #fff;
    padding: 7px 80px;
}

.direct-apply-root .basicbtn a {
    color: #005CFF;
    margin-right: 25px;
}

.direct-apply-root .basic-detail-direct-form .form-control {
    font-size: 13px;
    line-height: 2;
}

.direct-apply-root .basic-detail-direct-form .terms {
    font-size: 12px;
}

.direct-apply-root .basic-detail-direct-form .email-error {
    color: #D90909;
    font-size: 14px;
}

.direct-apply-root .basic-detail-direct-form .email-error a {
    color: #005CFF;
}

.basic-detail-direct-form .resume-upload {
    text-align: center;
    background: no-repeat;
    border: 1px solid #ced4da;
    box-shadow: none;
}

.basic-detail-direct-form .resume-upload label {
    background: #FFFFFF;
    border-radius: 4px;
    color: #005CFF;
    font-size: 14px;
    padding: 7px 20px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    margin-bottom: 20px;
}

.nav-link.mobile {
    display: none;
}


.banner-links .mobile {
    display: none;
}

/* Direct Login end */

/* Job Details start */

.job_details .user-dashboard-detail-main .key-skills ul li {
    padding: 5px;
    margin: 1px 14px 10px 0px;
    font-size: 14px;
}

.job_details .user-dashboard-detail-main .job-description h3:first-child {
    margin-bottom: 20px;
}

.job_details .user-dashboard-detail-main .job-description p {
    margin-bottom: 10px;
    font-size: 16px;
}

.job_details .user-dashboard-detail-main .job-description ul {
    padding-top: 0;
}

/* Job Details end */



/* Employer job post history start  */

main.employee-dashboard.jobposting-history h1 {
    font-size: 28px;
    margin-bottom: 30px;
}

main.employee-dashboard.jobposting-history .user-progress-bar {
    background: #FFFFFF;
    border: 0.5px solid #A4A1A1;
    /*box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);*/
    border-radius: 5px;
    justify-content: center;
    margin-top: 61px;
    padding: 20px;
}

main.employee-dashboard.jobposting-history .user-progress-bar p span {
    color: #1D56BB;
}

main.employee-dashboard.jobposting-history .employee-dashboard-ad {
    background: #FFFFFF;
    border: 0.5px solid #A4A1A1;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.jobposting-history .recomended-jobs .postedtime {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 12px;
}

.jobposting-history .recomended-jobs .job-card-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jobposting-history .recomended-jobs .job-card-button p {
    margin-bottom: 0px;
    font-size: 14px;
    margin-right: 10px;
}

.jobposting-history .recomended-jobs .job-card .job-card-title a {
    color: #1D56BB;
    font-size: 14px;
    display: block;
    height: auto;
}

.job-card-title .d-flex a:hover {
    color: #000;
}

.jobposting-history .recomended-jobs .job-card .btn:disabled {
    background-color: #939393 !important;
    border-color: #939393 !important;
}

.jobposting-history .pagination {
    margin-top: 15px;
    width: 100%;
    padding-inline-start: 0px;
    justify-content: center;
    align-items: center;
}

.jobposting-history .page-item .page-link {
    border: 0px;
    background-color: transparent;
}

.jobposting-history .page-item.active .page-link {
    color: #fff;
    background-color: #1D56BB;
}

.jobposting-history .page-item.active .page-link:hover {
    color: #fff;
}

.jobposting-history .page-item:first-child a {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
}

.jobposting-history .page-item:last-child a {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
}

.jobposting-history .page-item:first-child a span img {
    margin-left: 2px;
    width: auto;
    position: relative;
    left: -6px;
}

.jobposting-history .page-item:last-child a span img {
    margin-left: 2px;
    width: auto;
    position: relative;
    left: 6px;
    transform: rotate(180deg);
}

.jobposting-history .recomended-jobs {
    padding-top: 35px;
}

.jobposting-history .recomended-jobs .job-list-card {
    padding-top: 5px;
}

.jobposting-history .recomended-jobs .job-list-card .job-card .job-card-apply h4 span {
    color: #757575;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
    vertical-align: text-bottom;
    display: inline-block;
}

.jobposting-history .recomended-jobs .job-list-card .job-card .job-card-apply .job-card-button a {
    line-height: 22px;
    margin: 0;
    padding: 5px 14px !important;
}

.jobposting-history .recomended-jobs .job-list-card .job-card .job-card-description ul {
    padding-left: 16px;
    font-size: 13px;
    font-weight: 400;
    color: #555555;
    margin: 0;
}

/** View and Download **/
.resume-database-cardview .d-flex-title button.btn,
.resume-database-cardview .d-flex-title a.btn {
    padding: 8px 30px;
    background-color: #1d56bb;
    border: solid 1px #1d56bb;
    margin-left: 10px;
    color: #FFF;
    font-size: 14px;
    border-radius: 4px;
}

/** View and Download End **/


/** Employee Dashboard Start **/

main.employee-dashboard .profile-creation-top .profile-contact h1 {
    color: #fff;
    font-size: 27px;
    margin-top: 30px;
}

main.employee-dashboard .employee-dashboard-main {
    padding: 60px 0px;
}

main.employee-dashboard .employee-dashboard-main .total-applicant {
    background: #FFFFFF;
    border: 0.3px solid #ccc;
    padding: 10px 60px;
}

main.employee-dashboard .employee-dashboard-main .total-applicant h3 {
    font-size: 18px;
}

main.employee-dashboard .employee-dashboard-main .total-applicant p {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

main.employee-dashboard .employee-dashboard-main .total-applicant h4 {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}

main.employee-dashboard .employee-dashboard-main .total-applicant img {
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-right: 30px;
}

.employee-dashboard .employee-jobs-list {
    margin-top: 30px;
}

.employee-dashboard .employee-jobs-list .job-list-row {
    display: flex;
    background: #EDF9FC;
    border: 0.5px solid #707070;
    border-radius: 10px;
    justify-content: space-between;
    padding: 10px;
    margin-bottom: 20px;
}

.employee-dashboard .employee-jobs-list .job-list-row ul {
    margin-top: 10px;
}

.employee-dashboard .employee-jobs-list .job-list-row ul li {
    line-height: 29px;
}

.employee-dashboard .employee-jobs-list .job-list-row button {
    background: #1D56BB;
    border: 0.5px solid #1D56BB;
    border-radius: 5px;
    width: 120px;
    white-space: break-spaces;
}

main.employee-dashboard .employee-dashboard-features {
    background: #F0F0F0;
    /*box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);*/
    border-radius: 5px;
    padding: 15px;
}

main.employee-dashboard .employee-dashboard-features a .featurelist {
    background: #FFFFFF;
    /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);*/
    border-radius: 5px;
    display: flex;
    margin-bottom: 15px;
    padding: 10px;
    align-items: center;
    transition: 0.2s;
}

main.employee-dashboard .employee-dashboard-features a:last-child .featurelist {
    margin-bottom: 0;
}

main.employee-dashboard .employee-dashboard-features .featurelist a {
    display: flex;
    align-items: center;
}

main.employee-dashboard .employee-dashboard-features a .featurelist:hover {
    transform: scale(1.05);
 box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  /*box-shadow: 2px 2px 4px  gray;*/

color:black;
  z-index: 325;
}

main.employee-dashboard .employee-dashboard-features .featurelist p {
    font-size: 14px;
    margin-bottom: 0px;
    margin-left: 20px;
}

main.employee-dashboard .employee-dashboard-features .featurelist:hover {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

.employee-dashboard-ad {
    background: #F0F0F0;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin-top: 30px;
    height: 200px;
    padding: 10px;
}

.employee-dashboard-ad span {
    text-align: right;
    width: 100%;
    display: block;
    font-size: 13px;
}

/**Employee Dashboard End **/

.post-applicant-view .job-post {
    padding-top: 0;
}

.post-applicant-view .job-card .job-card-description ul {
    padding-left: 16px;
    font-size: 12px;
}

.post-applicant-view .resume-database-cardview .filter-main select.form-control {
    height: 26px;
    font-size: 12px;
}

.post-applicant-view .resume-database-cardview .filter-main {
    display: flex;
}

.post-applicant-view .resume-database-cardview .d-flex-title .action .btn.btn-primary {
    padding: 6px 14px;
    font-size: 12px;
    margin: 0;
}

.post-applicant-view .resume-database-cardview .d-flex-title .action a.btn-primary {
    padding: 6px 14px;
    font-size: 12px;
    margin: 0;
    top: 0;
    line-height: 20px;
}

.post-applicant-view hr {
    margin-top: 10px !important;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}


/* Employer job post history end  */


/* Employer Settings */
.settings {
    position: relative;
}

.settings .setting-notification {
    display: none;
}

.settings .setting-notification .notification-content .notification-btn {
    display: none;
}

.settings .background-image {
    background: url('../images/bg_layout.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
}

.settings .title_content {
    color: #fff;
    margin-top: -60px;
}

.settings .title_content .content {
    font-size: 14px;
    background: #E8EEF8;
    color: #000000;
    padding: 15px 35px;
}

.settings .main-element {
    width: 100%;
    padding: 30px 0px;
}

.settings .tab-elements {
    margin-bottom: 5px;
    cursor: pointer;
}

.settings .setting-notification:first-child {
    display: block;
}

.settings .tab-elements .tab-element-content {
    color: #000;
    background: #E8EEF8;
    font-size: 14px;
    padding: 10px 20px;
}

.settings .tab-elements .tab-element-content.active {
    background: #1D56BB;
    font-size: 14px;
    color: #fff;
}

.settings .d-flex h4 {
    color: #000;
    font-size: 18px;
}

.settings .setting-notification {
    background: #F4F4F4;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
    padding: 20px 30px 25px;
    margin-bottom: 30px;
}

.settings .setting-notification .d-flex span {
    color: #939393;
    padding-left: 3px;
}

.settings .setting-notification form {
    background: #FFFFFF;
    border: 0.5px solid #939393;
    padding: 10px 30px 20px;
    position: relative;
    text-align: center;
}

.settings .setting-notification form label {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    border: 0px;
    padding: unset;
    margin-bottom: 5px;
    color: #000;
    width: 100%;
    text-align: left;
    margin-top: 9px;
    font-size: 14px;
}

.settings .setting-notification form .form-buttons {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.settings .setting-notification form .form-buttons .btn-cancel {
    background: #FFFFFF;
    border: 0.5px solid #939393;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 20px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 25%);
    margin-right: 10px;
}

.settings .setting-notification form .form-buttons .btn-save {
    background: #1D56BB;
    border: 0.5px solid #1D56BB;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 20px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 25%);
}

.settings .setting-notification form .form-control {
    font-size: 14px;
}

.setting-notification .notification-content .notification-form#notification-primaryinfo .d-flex {
    position: relative;
}

.setting-notification .notification-content .notification-form#notification-primaryinfo .d-flex span {
    position: absolute;
    font-size: 14px;
    top: 5px;
    right: 10px;
    color: #1D56BB;
    cursor: pointer;
}

.settings .user-control table {
    width: 100%;
    border-bottom: 1px solid #828282;
}

.settings .user-control table tr {
    font-size: 14px;
    text-align: center;
}

.settings .user-control table.content-table tbody:before {
    content: "-";
    display: block;
    line-height: 1em;
    color: transparent;
}

.settings .user-control table.content-table tr td:first-child {
    text-align: left;
}

.settings .user-control .add-another-user a {
    color: #005CFF;
    font-size: 14px;
    padding-top: 10px;
    display: block;
}

.settings .resume-envelope .add-new-option a,
.settings .resume-envelope .add-new-save-option a {
    color: #005CFF;
    font-size: 14px;
    padding-top: 10px;
    display: block;
}

.settings .resume-envelope .resume-envelope-content {
    font-size: 14px;
    padding: 10px 0px;
}

.settings .resume-envelope .resume-envelope-content a {
    color: #1D56BB;
}

.settings .resume-envelope .resume-envelope-content .resume-category {
    margin-top: 10px;
    font-size: 14px;
}

.add_user_control .add_user_control_main label {
    font-size: 14px;
}

.add_user_control .add_user_control_main .form-check {
    padding-left: 2.5rem;
}


/* Settings End */

/* Common Modal Start */
.modal .modal-dialog .modal-content .modal-header h4 {
    font-size: 18px;
}

.modal .modal-dialog .modal-content .modal-body .action-btn {
    background: #1D56BB;
    margin-top: 10px;
}

.modal .modal-dialog .modal-content .modal-footer .btn-primary {
    background: #1D56BB;
}

.circular-progress p {
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 130px;
}

/* Progress Bar */

.circular-progress {
    position: relative;
    height: 125px;
    width: 120px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.circular-progress:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: #ffffff;
    border-radius: 50%;
}

.value-container {
    position: relative;
    font-size: 26px;
    color: #231c3d;
}

/* Custom Switch  */
.profile-activation .switch {
    background: #5CB549;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
    border-radius: 4px;
}

.slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #777;   
    transform: translateX(-30px);
    transition: .4s;
}

input:checked+.slider:before {
    transform: translateX(30px);
    background: white;
}

input:checked+.slider {
    box-shadow: 0 0 0 2px limeGreen, 0 0 2px limeGreen;
}

/* Style Flat */
.switch.flat .slider {
    box-shadow: none;
}

.switch.flat .slider:before {
    background: #FFF;
}

.switch.flat input:checked+.slider:before {
    background: white;
    border-radius: 4p;
}

.switch.flat input:checked+.slider {
    background: limeGreen;
}

/* Jobseeker Settings */

.custom-card {
    display: flex;
    list-style: none;
    padding-inline-start: 0px;
    margin-top: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.custom-card li {
    background: #FFFFFF;
    border: 0.8px solid #005CFF;
    border-radius: 4px;
    margin-right: 10px;
    padding: 6px 10px;
    font-size: 13px;
}

@media only screen {
    .toggleSwitch {
        display: inline-block;
        height: 18px;
        position: relative;
        overflow: visible;
        padding: 0;
        margin-left: 50px;
        cursor: pointer;
        width: 40px
    }

    .toggleSwitch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .toggleSwitch label,
    .toggleSwitch>span {
        line-height: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .toggleSwitch input:focus~a,
    .toggleSwitch input:focus+label {
        outline: none;
    }

    .toggleSwitch label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }

    .toggleSwitch input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }

    .toggleSwitch>span {
        position: absolute;
        left: -50px;
        width: 100%;
        margin: 0;
        padding-right: 50px;
        text-align: left;
        white-space: nowrap;
    }

    .toggleSwitch>span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 50px;
        text-align: left;
        font-size: 0.9em;
        width: 100%;
        left: 15%;
        top: -1px;
        opacity: 0;
    }

    .toggleSwitch a {
        position: absolute;
        right: 50%;
        z-index: 4;
        display: block;
        height: 100%;
        padding: 0;
        left: 2px;
        width: 18px;
        background-color: #fff;
        border: 1px solid #CCC;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .toggleSwitch>span span:first-of-type {
        color: #ccc;
        opacity: 1;
        left: 45%;
    }

    .toggleSwitch>span:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50px;
        top: -2px;
        background-color: #fafafa;
        border: 1px solid #ccc;
        border-radius: 30px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .toggleSwitch input:checked~a {
        border-color: #fff;
        left: 100%;
        margin-left: -8px;
    }

    .toggleSwitch input:checked~span:before {
        border-color: #0097D1;
        box-shadow: inset 0 0 0 30px #0097D1;
    }

    .toggleSwitch input:checked~span span:first-of-type {
        opacity: 0;
    }

    .toggleSwitch input:checked~span span:last-of-type {
        opacity: 1;
        color: #fff;
    }

    /* Switch Sizes */
    .toggleSwitch.large {
        width: 60px;
        height: 27px;
    }

    .toggleSwitch.large a {
        width: 27px;
    }

    .toggleSwitch.large>span {
        height: 29px;
        line-height: 28px;
    }

    .toggleSwitch.large input:checked~a {
        left: 41px;
    }

    .toggleSwitch.large>span span {
        font-size: 1.1em;
    }

    .toggleSwitch.large>span span:first-of-type {
        left: 50%;
    }

    .toggleSwitch.xlarge {
        width: 80px;
        height: 36px;
    }

    .toggleSwitch.xlarge a {
        width: 36px;
    }

    .toggleSwitch.xlarge>span {
        height: 38px;
        line-height: 37px;
    }

    .toggleSwitch.xlarge input:checked~a {
        left: 52px;
    }

    .toggleSwitch.xlarge>span span {
        font-size: 1.4em;
    }

    .toggleSwitch.xlarge>span span:first-of-type {
        left: 50%;
    }
}


/*  End Toggle Switch  */


/* Saved jobs */
.saved-jobs {
    padding: 0px 0px 10px;
}

/* Applied jobs */
.applied-jobs {
    padding: 0px 0px 10px;
}


/* Common Modal End */


.employer_details .employer_info img {
    display: none;
}



/* 48em = 768px */

@media (min-width: 991px) {
    .desktop-menu li {
        float: left;
    }

    .desktop-menu li a {
        padding: 10px 12px;
        margin-top: 2px;
    }

    .desktop-menu .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .desktop-menu .menu-icon {
        display: none;
    }
}

@media only screen and (max-width: 424px) {
    .header h1 {
        font-size: 13px;
    }
    .basic-detail-direct-form .resume-upload label {
        margin-bottom: 5px;
    }
    .about-company h3,
    .job-match-score.job-detail-social-icon h4 ,.key-skills h3 {
        font-size: 18px;
    }
    .email-registration.forgot-password .bg-bluelight {
        padding: 18px;
    }
    .job-card .job-card-title h3 {
        font-size: 16px;
    }
    .top-hiring-recruiter {
        margin: 0;
    }
    .recomended-jobs {
        padding-bottom: 0;
    }
    .employer_details .employer-image {
        display: none !important;
    }

    .desktop-login .user-login.employee-login .login-button,
    .desktop-login .user-login.employee-login .register-button {
        padding: 4px 8px !important;
        font-size: 11px !important;
    }
    .resume-upload.resume-headline.employement form .form-checkbox .form-check label {
        top: -5px;
    }
    .loca {
        width: 33px;
    }
    .email-registration.number-verification.mobile-numberverification-successful h1 {
        font-size: 24px;
    }
    .resume-upload.resume-headline form span {
        bottom: 0;
    }
.desktop{
    display: none;
}
.mobile{
    display: block;
}
    .email-registration.number-verification.mobile-numberverification-successful form .form-check p {
        margin-right: 15px;
    }
    .socialmedia-login .socialmedia-login-button {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    }
    .email-registration .bg-bluelight button.btn.btn-primary {
        padding: 4px 20px;
    }

    .directapply_postinfo .job-card-info {
        width: 100%;
    }

    .directapply_postinfo .job-card-details .job-card-info {
        display: none;
    }

    /* Header */

    .header .navbar.navbar-expand-lg .logo h1 {
        font-size: 20px;
    }

    .header .desktop-login {
        /* display: none; */
    }

    .header .desktop-login .user-login {
        margin-top: 4px;
    }

    .header .desktop-login .user-login a {
        padding: 5px 7px;
        font-size: 12px;
    }

    /* Home */

    .banner-links .desktop {
        display: none !important;
    }

    .mech-banner h1 {
        width: 62% !important;
        line-height: 37px;
        font-size: 30px !important;
    }
    /* .banner-links{
        margin-top: 120px;
    } */
    .mech-banner .banner-links ul {
        padding: 4px 0;
    }
    .mech-search {
        padding: 35px 0 80px;
    }

    .why-switch-career h1 {
        font-size: 24px;
    }

    .featured-companies.top-company {
        padding: 30px 0;
    }

    .featured-companies.top-company .title h1 {
        font-size: 22px;
        text-align: center;
    }

    .welcome-mechcareer {
        padding: 20px 0px;
    }

    .featured-companies {
        padding: 30px 0;
    }

    .featured-companies .title h1 {
        font-size: 20px;
    }

    .enhance-your-resume.training-partner {
        padding: 30px 0;
    }

    /* Login */

    .custom-login {
        padding: 15px 0;
    }

    .custom-login .user-image {
        margin-top: 0px;
        width: 80%;
    }


    .custom-login .help-assistance {
        display: block;
    }

    .custom-login .socialmedia-login a {
        font-size: 16px;
    }

    .custom-login .socialmedia-login a span img {
        width: 23px;
    }

    .custom-login .login-form .btn-primary {
        font-size: 17px;
        padding: 15px 0;
    }

    /* Register */

    .jobseeker-register.jobseeker-login {
        padding: 15px 0;
    }


    .jobseeker-register.jobseeker-login .socialmedia-login .socialmedia-login-button {
        font-size: 16px;
    }

    .jobseeker-register.jobseeker-login .socialmedia-login .google-login a span {
        padding-right: 11px;
        top: 5px;
    }

    .jobseeker-register.jobseeker-login .socialmedia-login .google-login a span img {
        width: 23px;
    }

    .jobseeker-register.jobseeker-login .login-form .col {
        padding: 0;
        font-size: 14px;
    }

    .jobseeker-register.jobseeker-login .login-form .btn-primary {
        font-size: 17px;
        padding: 15px 0;
    }

    /* Direct Apply */

    .job-direct-page .direct-apply-root h5 {
        text-align: center;
        font-size: 16px;
    }

    .job-direct-page .directapply_postinfo h5,
    .job-direct-page .directapply_postinfo .employer_name {
        width: 98%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .job-direct-page .directapply_postinfo .employer_name {
        font-size: 14px;
    }

    .basic-detail-direct-form h6 {
        font-size: 14px;
    }

    .job-direct-page .direct-apply-root .basicbtn button {
        padding: 7px 50px;
    }

    .job-direct-page .directapply_postinfo {
        width: 90%;
    }

    /* Direct Apply Email Verification */
    .directapply_email_verification {
        padding: 28px 0px;
    }

    .directapply_email_verification .bg-bluelight .d-flex .email-registration-form {
        margin-left: 3px;
    }
    
    select.form-control:not([size]):not([multiple]) {
        margin-top: 15px;
    }
    .job-match-score.job-detail-social-icon::before {
        height:110px;
    }
    .job-description ul.qualification li span, .job-description ul.walkin-info li span {
        width: 135px;
    }
    .show_advanced_search{
        width: 39%;
    }
}

@media only screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
    }
    .recomended-jobs.dashboard .job-card-apply h4 .skills {
        width: 220px;
    }
    .mobile-search-userdashboard {
        display: block;
    }
    .job-card .job-card-title h3 {
        font-size: 16px;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }

    .mobile-search-userdashboard .heading-search {
        text-align: center;
    }

    .mobile-search-userdashboard .search-input {
        width: 100%;
        margin-right: 0 !important;
    }

    .mobile-search-userdashboard .search-btn {
        right: 1px !important;
    }

    .mobile-search-userdashboard .d-flex {
        position: relative;
    }

    .circular-progress p {
        top: 110px;
    }

    .user-dashboard-sidebar .user-information .user-progress-bar {
        margin-bottom: 20px;
    }

    .notification-button .login-success a.register-button.dashboard {
        margin-right: 6px;
        display: block;
    }

    .header .desktop-menu .navbar.navbar-expand-lg button {
        padding: 7px 5px;
    }

    .header .desktop-menu .navbar.navbar-expand-lg .nav-link.mobile .logo {
        left: 25px;
    }

    .notification-button .login-success .dropdown.show .dropdown-menu.show {
        line-height: 10px;
    }

    body {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .login-form.bg-gray {
        width: unset;
        padding-left: 0px;
    }

    .footer .playstore-download {
        justify-content: flex-start;
    }

    .footer .playstore-download a {
        padding-right: 10px;
    }

    .copyright p {
        font-size: 11px;
    }

    .socialmedia-login .d-flex {
        display: block !important;
    }

    .socialmedia-login .socialmedia-login-button {
        width: 100%;
        margin-bottom: 20px;
    }

    .login h1 {
        display: block;
        font-size: 20px;
        line-height: 30px;
    }

    .user-image img {
        width: 100%;
    }
    .user-image1{
        width:40px;
        background-color:black;
       
    }
    .user-image1 img{
            width:100px;
            margin-left:-500px;
    }
    .help-assistance {
        margin-top: 10px;
    }

    .top-header {
        display: none;
    }
    .profile-creation-body .profile-title h3 {
        font-size: 18px !important;
    }

    .profile-creation-body .profile-title h3 span {
        font-size: 14px !important;
    }

    .side {
        padding-left: 15px !important;
    }
    .resume-upload .d-flex h4 {
        font-size: 14px;
    }
    .resume-upload,.resume-upload.basic-details,.resume-upload.keyskills ,.resume-upload.employement {
        padding: 10px;
    }
    .resume-upload {
        margin-bottom: 10px;
    }
    .login .title.mobile {
        display: none;
        width: 100%;
    }
    .login-form.bg-gray form {
        padding: 15px;
    }
    .login .title.desktop {

        display: block;
    }
.key-points-jobseeker{
    font-size: 14px;
    color: #4d4d4d;
}
    .socialmedia-login {
        padding-top: 0px;
        padding-bottom: 0;
    }
    
    .login .title p {
        font-size: 14px;
        margin-bottom: 40px;
    }
    .login .title h3{
        font-size: 20px !important;
    }
    .login .col-md-6:first-child {
        border-right: 0px !important;
    }

    .key-points {
        display: block;
        font-size: 14px;
    }

    .login.jobseeker-register .help-assistance {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 11px !important;
    }

    .email-registration .bg-bluelight h4 {
        font-size: 18px;
    }

    .email-registration .bg-bluelight h4.welcome_text {
        font-size: 14px;
    }

    .email-registration .bg-bluelight h1 {
        font-size: 22px;
    }

    .email-registration .bg-bluelight h2 span {
        font-size: 16px;
    }

    .email-registration .bg-bluelight h2 {
        font-size: 14px !important;
        line-height: 26px;
    }

    .email-registration .bg-bluelight h4 {
        padding-left: 0px;
    }

    .email-registration .bg-bluelight .d-flex,
    .email-registration .bg-bluelight .d-flex .email-registration-form {
        display: block;
    }

    .email-registration .bg-bluelight .d-flex .email-registration-form {
        margin-left: 0;
    }

    .email-registration .bg-bluelight .d-flex .email-registration-form a {
        font-size: 14px;
    }

    .email-registration .bg-bluelight .error-message p {
        padding-top: 0px;
        margin: 0;
    }

    .email-registration .bg-bluelight button.btn.btn-primary {
        padding: 4px 29px;
        font-size: 14px;
    }

    .email-registration .bg-bluelight a {
        padding-left: 0px;
        font-size: 14px;
    }

    .email-registration .technical-assistance p {
        font-size: 10px;
    }

    .email-registration {
        margin: 0px 19px;
        margin-top: -50px;
        padding: 0;
    }

    .bg-breadcrumb h1 {
        font-size: 25px;
    }

    .bg-breadcrumb .button-d-flex .breadcrumb-button p {
        font-size: 12px;
    }

    .home-page .title h1 {
        font-size: 28px;
    }

    .mycourse-videopage .video-breadcrumbs .col-md-4 {
        text-align: center;
    }

    .mycourse-videopage .video-breadcrumbs h1 {
        font-size: 26px;
    }

    .mycourse-videopage .video-breadcrumbs p {
        padding-left: 0px;
    }

    .employers-registration-confirmation .col-md-4 img {
        width: 100%;
    }

    .employers-registration-confirmation .title h1 {
        font-size: 26px;
    }

    .employers-registration-confirmation form .col button {
        font-size: 14px;
    }

    .why-mech-career .why-mech-career-main .why-mech-card img {
        width: 100%;
    }

    .employers-home .mech-banner h1 {
        width: unset;
        font-size: 28px;
    }

    .why-mech-career .why-mech-career-title h1 {
        font-size: 28px;
    }

    .mech-banner .banner-links ul li {
        display: none;
    }

    .mech-banner .banner-links ul li:first-child {
        /* display: block !important; */
    }

    .mech-banner .banner-links ul li:nth-child(2) {
        display: block !important;
    }

    .mech-banner .banner-links ul li:nth-child(3) {
        display: block !important;
    }

    .login-form {
        width: unset;
        padding-left: 0px;
    }

    .login-form .mb-4.d-flex.company-type .form-button button {
        font-size: 14px;
    }

    .login .help-assistance p {
        font-size: 11px;
    }

    .desktop-login-flex .desktop-login .notification-button img {
        display: none;
    }

    #emailchangemodal {
        width: 94%;
    }

    /* Email OTP Success */
    .email-registration.mobile-email-success .bg-bluelight .verify-img {
        width: 20%;
        left: 8px;
    }

    .mobile-email-success .bg-bluelight h1 {
        font-size: 17px;
    }

    .mobile-email-success .bg-bluelight h2 span {
        font-size: 14px;
    }

    /* Mobile OTP */
    .mobile-verification .bg-bluelight .mobile_verify {
        padding-top: 0;
    }

    .mobile-verification .bg-bluelight h1 {
        padding-top: 10px;
    }

    .mobile-verification .bg-bluelight form .mobile-registration-form {
        margin-left: 0;
        display: block;
    }


    /* Mobile Number Success Start */
    .mobile-number-success .bg-bluelight img {
        width: 25%;
        left: 20px;
    }

    .mobile-number-success .bg-bluelight h1 {
        font-size: 16px;
    }

    .mobile-number-success .bg-bluelight h2 span {
        font-size: 14px
    }

    /* Mobile Number Success End */


    /* Dashboard Start */
    .user-dashboard-sidebar .user-information .profile-activation {
        max-width: 100%;
    }

    .userdashboard-information ul li {
        font-size: 14px;
    }

    .user-dashboard-main .side_content {
        margin-top: 36em;
    }

    .user-dashboard-main .side_content .beware .beware-button {
        top: 32px;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-title h2 {
        font-size: 20px;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card-details .job-posted-date {
        display: none;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card-details .job-card-info {
        width: 100%;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card-description.list {
        display: none;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card .job-card-apply {
        display: block;
        width: 100%;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card .job-card-apply a h4 span {
        display: initial;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card .job-card-apply .job-card-button {
        margin-top: 15px;
        text-align: center;
    }

    .user-dashboard-main .side_content .recomended-jobs.dashboard .job-card-details p {
        margin-bottom: 8px;
    }



    .user-dashboard-main .side_content .enhance-your-resume {
        display: none;
    }

    /* Job Search */
    .job-search-page .filter-img,
    .job-search-page .filter-image {
        display: none;
    }



    .job-search-page .user-dasboard-form.search .filter-row {
        flex-wrap: inherit;
    }

    .job-search-page .left-side-filter {
        display: none;
    }

    .job-search-page .container:first-child {
        padding: 20px 0px 1px;
    }

    .job-search-page .recomended-jobs .job-card .job-card-details .job-posted-date,
    .employer_jobs .recomended-jobs .job-card .job-card-details .job-posted-date {
        display: none;
    }
 .job-search-page .recomended-jobs .job-card .job-card-info .salary,
    .employer_jobs .recomended-jobs .job-card .job-card-info .salary {
        /* display: none; */
        font-size:10px;
        /* margin-left:10px; */
        width:100px;
        padding:0px;
        padding-left: 10px;
    }
    .job-search-page .recomended-jobs .job-card .job-card-info,
    .employer_jobs .recomended-jobs .job-card .job-card-info {
        width: 100%;
        justify-content: unset;
    }

    .job-search-page .recomended-jobs .job-card .job-card-info .years,
    .employer_jobs .recomended-jobs .job-card .job-card-info .years {
       
    }

    .job-search-page .recomended-jobs .job-card .job-card-info .salary,
    .employer_jobs .recomended-jobs .job-card .job-card-info .salary {
        /*display: none;*/
          font-size:10px;
    }

    .job-search-page .recomended-jobs .job-card .job-card-apply,
    .employer_jobs .recomended-jobs .job-card .job-card-apply {
        display: block;
    }

    .job-search-page .recomended-jobs .job-card .job-card-apply a h4 span,
    .employer_jobs .recomended-jobs .job-card .job-card-apply a h4 span {
        width: 183px;
    }
  .job-search-page .recomended-jobs .job-card .job-card-info .location,
    .employer_jobs .recomended-jobs .job-card .job-card-info .location p{
        /* display: none; */
        font-size:10px;
       
        /* width:270px; */
        padding:0px;
    }
     .job-search-page .recomended-jobs .job-card .job-card-info .years,
    .employer_jobs .recomended-jobs .job-card .job-card-info .years {
  
        font-size:10px;
        padding:0px;
    }
    .job-search-page .recomended-jobs .job-card .job-card-info .years,
    .employer_jobs .recomended-jobs .job-card .job-card-info .years p{
      
        font-size:10px;
        width:100px;
       
    }
    
    .job-search-page .recomended-jobs .job-card .job-card-apply .job-card-button,
    .employer_jobs .recomended-jobs .job-card .job-card-apply .job-card-button {
        margin-top: 10px;
        text-align: center;
    }

    .job-search-page .recomended-jobs .job-card .job-card-description,
    .employer_jobs .recomended-jobs .job-card .job-card-description {
        display: none;
    }

    .job-search-page .recomended-jobs .job-card .job-card-info p,
    .employer_jobs .recomended-jobs .job-card .job-card-info {
        margin-bottom: 5px;
    }

    .recomended-jobs .job-card {


        margin-bottom: 15px;
        padding: 10px 15px;
    }

    .recomended-jobs .job-card .job-card-title .employer-logo img {
        height: 20px !important;
        top: 10px;
        border-radius: 5px !important;
  
    }

    /* Employer Details */
    .employer_details .employer_info img {
        display: block;
        width: 28%;
    }

    .employer_details .employer-image {
        display: none;
    }

    .employer_details .employer_info {
        display: flex;
        justify-content: space-between;
        
    }
    .employer_info h2 {
        font-size: 18px !important;
    }
    /* Profile Create */
    .profile-create .profile-image {
        display: flex;
    }

    .profile-create .profile-image img:first-child {
        height: 62px !important;
        width: 25% !important;
    }

    .profile-create .profile-image img:nth-child(2) {
        left: 50px;
    }

    .hide-container {
        display: none;
    }

    .education-list.personal-data table {
        width: 100% !important;
    }

    /* Job Details */
    .job_details .custom-score {
        display: none;
    }

    .job_details .job-match-score.job-detail-social-icon ul li {
        margin-right: 24px;
    }

    /* Home */
    .home-page-search {
        padding: 35px 0 45px;
    }

    .departments-row .feature-card .feature-company-name h4 {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 225px;
        overflow: hidden;
    }

    .mech-banner h1 {
        font-size: 21px;
    }

    .home-page-search .home-page .title h1 {
        font-size: 22px;
        text-align: center;
    }

    .home-page-search .home-page .title h3 {
        font-size: 16px;
    }

    .home-page-search .search-form form .form-skills {
        padding-left: 57px;
    }

    .home-page-search button.btn-prrimary {
        font-size: 14px !important;
    }

    .why-switch-career .why-we-content .content-row {
        display: none;
    }

    .why-switch-career .mobile-content-why-we {
        display: flex;
    }

    .why-switch-career .mobile-content-why-we .row {
        flex-wrap: unset;
    }

    .why-switch-career .title h1 {
        font-size: 22px;
        text-align: center;
    }


    .departments-row .department-content {
        display: none;
    }

    .departments-row .mobile-department-content {
        display: flex;
        width: 100%;
    }

    .departments-row .mobile-department-content .feature-card .feature-company-name h4 {
        font-size: 18px;
        width: 135px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .departments-row .mobile-department-content .feature-card .featured-title h4 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .departments-row .mobile-department-content .feature-card .featured-title a {
        padding: 7px;
        font-size: 14px;
    }

    .departments-row .mobile-department-content .feature-card .feature-company-name {
        text-align: center;
        padding: 10px 10px 0px;
    }

    .all-departments .home-button {
        margin: 0;
    }

    .all-departments .home-button a.home-button.viewall {
        padding: 7px 10px;
        font-size: 14px;
    }

    .all-companies .company-content {
        display: none;
    }

    .all-companies .mobile-content-all-company {
        display: flex;
        width: 100%;
    }

    .all-companies .home-button a.home-button.viewall {
        padding: 7px 10px;
        font-size: 14px;
    }

    .training-partner .home-button a.home-button {
        padding: 7px 10px;
        font-size: 14px;
    }

    .header .desktop-login .user-login a {
        /* padding: 4px 14px; */
        font-size: 14px;
    }

    .desktop-menu .navbar-collapse .navbar-nav .nav-item {
        margin: 0;
        line-height: 45px;
    }

    .desktop-menu .navbar-collapse .navbar-nav .nav-item:first-child {
        margin-top: 10px;
    }

    .desktop-login .notification-button .login-success .dashboard {
        display: none;
    }

    .desktop-login .notification-button .login-success .btn.btn-primary.dropdown-toggle {
        padding: 5px 30px 5px 10px;
        font-size: 15px;
    }


    .featured-companies.top-company .title h1 {
        font-size: 22px;
    }

    .featured-companies.top-company.all-departments .mobile-department-content .feature-card {
        padding: 10px 0;
    }

    .welcome-mechcareer .title h3 {
        font-size: 22px;
        text-align: center;
    }

    .welcome-mechcareer .welcome-content {
        font-size: 14px;
        text-align: justify;
    }

    .featured-companies.all-companies .title h1 {
        font-size: 22px;
        text-align: center;
    }

    .enhance-your-resume.training-partner .title h1 {
        font-size: 22px;
    }

    /* All Department */
    .all_department.details .featured-companies.top-company h3 {
        font-size: 22px;
    }

    .all_department.details .featured-companies.top-company {
        padding: 10px 0;
    }

    .all_department.details .featured-companies .feature-card {
        padding: 10px 0px;
    }

    /* All Company */
    .all_company .featured-companies.all-companies {
        padding: 10px 0;
    }

    .all_company .featured-companies.all-companies h3 {
        font-size: 22px;
    }



    /* Common */
    .login-to-apply {
        display: none;
    }

    .job-card .job-card-title .d-flex a .employer-name {
        margin: 0;
    }

    .job-card a .job-card-details {
        margin: 8px 0px 0px;
    }

    .job-card .years .location .salary {
        font-size: 14px;
        height: 20px;
    }

    .job-card .job-card-apply {
        padding: 0;
    }

    .job-card {
        position: relative;
    }

    .job-card .job-card-title .employer-logo img {
        position: absolute;
        top: 0;
        right: 4px;
        width: 40px !important;
    }

    .job-card .job-card-title a .job-post-headline {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 275px;
        display: inline-block;
        vertical-align: text-bottom;
    }

    .job-card .job-card-details .job-card-info .location {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90px;
        display: inline-block;
        vertical-align: text-bottom;
    }
    .job-card-info p {
        font-size: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }
   
    .job-card-info p{
        height: 20px !important;
        margin-bottom: 0;
        padding-top: 3px;
       
    }
   
    .job-posted-date h4{
        text-align: end;
    }
    .job-card-details .job-card-info .salary {
        display: block;
    }

    .user-dashboard-detail-main .job-description h3 {
        margin-bottom: 30px;
    }

    .user-dashboard-detail-main .job-description ul {
        padding-inline-start: 15px;
        padding-top: 0;
    }
    .job-description h3 {
        font-size: 16px;
    }
    /* Progress bar */
    .circular-progress {
        height: 100px;
        width: 95px;
    }

    .value-container {
        font-size: 20px;
    }

    /* Home 767*/
    .desktop-menu .navbar .nav-link.mobile {
        margin-top: 5px;
    }

    .desktop-menu .navbar .nav-link.mobile .logo h1 img {
        display: none;
    }

    /* Forgot Password */
    .email-registration.forgot-password .new_password_text {
        font-size: 13px;
    }

    .email-registration.forgot-password .forgot_password_form .email_input {
        margin-bottom: 15px;
    }

    .email-registration.forgot-password .socialmedia-login .google-login {
        margin-bottom: 15px;
    }

    .email-registration.forgot-password .number-d-flex {
        padding-top: 5px;
    }

    .email-registration.forgot-password .socialmedia-login .socialmedia-login-button {
        width: 94%;
    }



    /* Footer */

    .footer .logo {
        margin-left: -40px;
    }

}

@media only screen and (max-width: 991px) {
    .header {
        position: relative;
    }

    .forgot-password-success .content img {
        width: 20% !important;
        left: 0 !important;
    }

.imagi {
display:none
}
    .forgot-password-success .content a {
        padding-left: 28px;
    }

    .mech-banner {
       
        padding: 16px 0;
       
    }

    .logo {
        left: 40px;
    }

    .desktop-menu .menu-icon {
        position: absolute;
        left: 0px;
        top: -7px;
    }

    .desktop-login .user-login.employee-login .login-button,
    .desktop-login .user-login.employee-login .register-button {
        padding: 4px 9px;
        font-size: 14px;
    }

    .desktop-login-flex .desktop-login .notification-button {
        position: absolute;
        top: 10px;
        width: unset;
    }

    .col-md-4.desktop-login-flex {
        position: unset;
    }

    .header {
        padding: 5px 0px;
    }

    .desktop-menu .menu-btn:checked~.menu {
        position: absolute;
        left: 0px;
        top: 48px;
        background-color: #1D56BB;
        color: #ffff;
        z-index: 999;
        width: 100%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border: solid 1px #000;
        border-top: 0px;
    }

    .desktop-menu .menu {
        z-index: -1;
    }

    .desktop-login-flex .nav-link.desktop {
        display: none;
    }

    .nav-link.mobile {
        display: block;
    }

    .navbar {
        position: unset;
        padding: 0.2rem;
    }

    .navbar .navbar-toggler {
        left: 0;
        position: absolute;
        background-color: #f4f4f4 !important;
        top: 3px;
    }

    .navbar .navbar-toggler-icon {
        background-image: url(../images/icon.svg);
    }

    .mech-banner .banner-links ul li {
        font-size: 12px;
    }

    .mech-search .search-form {
        width: 97%;
    }

    .mech-search .search-form .map-icon,
    .mech-search .search-form .line-border,
    .home_location {
        display: none;
    }

    .why-switch-career {
        padding: 30px 0;
    }

    .why-switch-career .title h1 {
        font-size: 22px;
    }

    .why-we-content .mobile-content-why-we .why-card .item-title p {
        font-size: 12px;
    }

    /* Job Deatils */
    .job_details .job-card-title {
        display: block;
    }

    .job_details .job-card-title img {
        display: none;
    }

    .job_details .job-card-details .job-card-info {
        width: 100%;
    }

    .job_details .job-card-apply {
        display: block;
    }

    .job_details .job-card-apply .job-posted-date {
        border: none;
        display: flex;
        justify-content: flex-start;
    }

    .job_details .job-card-apply .job-posted-date h4 {
        padding-right: 0;
    }

    .job_details .job-card-apply .job-card-button {
        display: flex;
        margin-top: 25px;
        justify-content: space-between;
    }

    /* Direct apply */

    .job-direct-page {
        padding: 0px 0px 25px;
    }

    .job-direct-page .directapply_postinfo {
        display: block;
    }

    .job-direct-page .directapply_postinfo .rightside_info img {
        display: none;
    }

    .job-direct-page .directapply_postinfo .rightside_info .job-card-info {
        padding: 0 0 10px;
    }

    .job-direct-page .direct-apply-root h5 {
        text-align: center;
    }

    .job-direct-page .direct-apply-root .current-location-form {
        display: none;
    }

    .job-direct-page .direct-apply-root .current-location-form h6 {
        display: none;
    }

    .job_details .user-dashboard-detail-main .key-skills ul li {
        padding: 5px;
        margin: 1px 14px 10px 0px;
    }

    .profile-activation h4 {
        font-size: 13px;
    }

    .profile-activation label.switch {
        width: 60px;
        height: 25px;
    }

    /* Profile */
    .current-location-form .user_current_state {
        margin-bottom: 10px;
    }

}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .header h1 {
        font-size: 15px;
    }

    .desktop-menu li a {
        padding: 10px 2px;
    }

    .desktop-login-flex .desktop-login .notification-button img {
        padding-right: 14px;
    }

    .desktop-login .user-login.employee-login .login-button {
        padding: 4px 14px;
        font-size: 14px;
    }

    .desktop-login .user-login.employee-login .register-button {
        padding: 4px 14px;
        font-size: 14px;
    }

    .desktop-menu .menu {
        position: relative;
        top: -2px;
        left: 10px;
    }
}

/*768 to 1024*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer .socialmedia-icons ul li {
        padding-right: 10px;
    }

    .footer .playstore-download {
        display: block;
    }

    .login-form {
        width: unset;
        padding-left: 20px;
    }

    .socialmedia-login .d-flex {
        display: block !important;
    }

    .socialmedia-login .socialmedia-login-button {
        width: 100%;
        margin-bottom: 15px;
    }

    .login h1 {
        font-size: 23px;
        line-height: 30px;
    }
    .login.jobseeker-register .help-assistance {
        width: 100%;
    }
    .enhance-your-resume-image img {
        width: 100%;
    }
    .key-points-jobseeker {
        font-size: 14px;
    }
    .login .title.desktop h3 {
        font-size: 23px !important;
    }
    .enhance-your-resume .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .login-form.bg-gray form {
        padding: 10px;
    }
    .why-mech-career .why-mech-career-main .why-mech-card img {
        width: 100%;
    }

    .mech-banner .banner-links ul li {
        padding: 0 8px;
        font-size: 11px;
    }

    .login .user-image img {
        width: 85%;
    }

    .login .col-md-6:first-child {
        justify-content: unset;
    }

    /* Search Page */
    .job-search-page .job-card-button .login-to-apply {
        display: none;
    }
}
main.employee-dashboard.jobposting-history .side-button{
    background: #FFFFFF;
    border: 0.5px solid #A4A1A1;
    /* box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); */
    border-radius: 5px;
    justify-content: center;
    margin-top: 25px;
    padding: 20px;
    text-align:center;
}
main.employee-dashboard.jobposting-history .user-progress-bar1{
    background: #FFFFFF;
    /* border: 0.5px solid #A4A1A1; */
    /* box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); */
    border-radius: 5px;
    justify-content: center;
    margin-top: 70px;
    padding: 20px;
    text-align:center;
}
main.employee-dashboard.jobposting-history .user-progress-bar1 .hddd a:hover{
  background-color: red;

}
/* Recruiter Home Page Style */


    .recruiter-home-title p{
        font-family: 'Inter';
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5;
        color: #212529;
        margin-top: 0;
    }
    /* .why-mech-career1{
        padding: 40px 0px;
    } */
    .why-mech-career1 .why-mech-career-title1 h1 {
        text-align: center;
        padding-bottom: 20px;
        font-size: 35px;
        color: #000000;
        font-weight: 700;
        font-family: 'Ubuntu';
    }
    .why-mech-career1 .why-mech-career-title1 h2 {
        text-align: center;
        padding-bottom: 20px;
        font-size: 35px;
        color: #000000;
        font-weight: 700;
        font-family: 'Ubuntu';
    }
    .recruiter-home-title{
        padding:40px,0px;
    }
    .why-mech-career1 .why-mech-career-title1 h1 span {
        color: #1D56BB;
    }
    
    .why-mech-career1 .why-mech-career-main1 .why-mech-card {
        text-align: center;
        margin-bottom: 100px;
        text-align: justify;
        font-size: 1rem;
   
    line-height: 30px;
    letter-spacing: 0.44px;
    }
    
    .why-mech-career1 .why-mech-career-main1 .why-mech-card p {
        margin-bottom: 0px;
        text-align: justify;
        text-align: center;
        width: 100%;
        line-height: 1.5;
        font-weight: bold;
    }
/* End of recruiter Home Page Style */
.user-progress-barg .user-progress {
    padding: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}
.user-progress-barg .user-progress a {
   margin-left:20px;
   /*padding:20 20px;*/
   padding-top:10px;
    width: 294px;height: 45px;flex-shrink: 0;border-radius: 3px;
    border: 1px solid #D1D1D1;background: #E8EEF8;
}
.user-progress-barg .user-progress p {
color: #606060;
text-align: center;
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 130.3%;

display: flex;
}
.user-progress-barg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    border:1px solid #C1C1C1;;
}
.user-progress-barg .user-progress input{
width: 87px;height: 25px;
border:none;
padding:20 20px;
text-align: center;
color:white;
}
.user-progress-barg .user-progress span{
width:71px;height:17px;text-align:center;font-size: 15px;font-style: normal;font-weight: 400;

}
/*1023 to 1198*/
@media only screen and (min-width: 1023px) and (max-width: 1198px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 13px;
    }

    li.nav-item {
        margin-left: 5px;
        margin-right: 5px;
    }

    .login-form.bg-gray {
        padding-left: 20px;
        width: unset;
    }

    .socialmedia-login .socialmedia-login-button {
        width: 200px;
    }
}

/*1199*/

@media only screen and (max-width: 1199px) {
    .user-image embed {
        width: 100%;
    }
}