
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
    * {
        font-family: 'Poppins', sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    span {
        font-family: 'Poppins', sans-serif;
    }
    
    a {
        text-decoration: none !important;
    }
    
    .container-fluid {
        max-width: 1920px;
        margin: auto;
    }
    /*===================Home Page Start ========================*/
    
    .header-box {
        padding: 10px 0px;
    }
    
    .container {
        width: 1170px;
        margin: 0px auto;
    }
    
    .header-box .menu ul li a.nav-link {
        font-size: 16px;
        font-weight: 400;
    }
    /*header {
    border-bottom: 1px solid #49413f;
}*/
    
    .nav-link.dropdown-toggle.menu-icon::after {
        content: "";
        background-image: url(https://img.icons8.com/material/25/ffffff/expand-arrow--v1.png);
        position: absolute;
        height: 25px;
        width: 25px;
        border: none;
        top: 7px;
        left: 27px;
    }
    
    .footer-about ul li::before {
        content: "";
        background-image: url(../img/bottom-arrow.png);
        border: none;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 10px;
        width: 10px;
        position: absolute;
        left: 0px;
        top: 15px;
    }
    
    .footer-about h6::before {
        content: "";
        background-image: url(https://img.icons8.com/ios-filled/15/fa6401/marker.png);
        position: absolute;
        height: 15px;
        width: 15px;
        border: none;
        left: 10px;
        margin-top: 4px;
    }
    
    .bottom {
        background-color: #e5e5e5;
        padding: 20px 0px;
        margin: 0;
    }
    
    .bottom-text {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .bottom-text h5 a {
        color: #000000;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        text-decoration: none;
    }
    
    .bottom-text h5 a::before {
        content: "";
        background-image: url(https://img.icons8.com/external-kiranshastry-solid-kiranshastry/25/fa6401/external-email-interface-kiranshastry-solid-kiranshastry-1.png);
        left: -30px;
        top: -2px;
        position: absolute;
        height: 25px;
        width: 25px;
        border: none;
    }
    
    .bottom-text h6 a {
        color: #000000;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        padding-left: 35px;
        text-decoration: none;
    }
    
    .bottom-text h6 a::before {
        content: "";
        background-image: url(https://img.icons8.com/ios-filled/15/fa6401/phone.png);
        position: absolute;
        height: 15px;
        width: 15px;
        border: none;
        left: 15px;
    }
    
    .nav-link.dropdown-toggle.menu-icon {
        position: relative;
    }
    
    a.navbar-brand img {
        width: 200px;
    }
    
    .banner {
        background-image: url(../img/Banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 200px 0px;
        margin-top: -95px;
    }
    
    .banner-text {
        text-align: center;
    }
    
    .banner-text h2 {
        color: #fff;
        font-weight: 600;
        font-size: 42px;
        width: 80%;
        margin: auto;
        line-height: 60px;
    }
    
    .banner-text p {
        font-weight: 400;
        color: #fff;
        font-size: 20px;
        width: 60%;
        margin: auto;
        padding-top: 20px;
    }
    
    .banner-btn {
        margin-top: 40px;
    }
    
    .banner-btn a button {
        width: 135px;
        height: 48px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }
    
    button.login-btn {
        background-color: transparent;
        border: 1px solid #fff;
    }
    
    button.get-btn {
        background-color: #f96302;
        border: none;
        margin-left: 15px;
    }
    
    .supporting {
        padding: 80px 0px;
    }
    
    .supporting-img {
        text-align: center;
    }
    
    .supporting-text h2 {
        font-size: 36px;
        font-weight: 600;
        width: 70%;
        line-height: 50px;
        color: #302f24;
    }
    
    .supporting-text p {
        font-size: 20px;
        font-weight: 400;
        width: 75%;
        line-height: 30px;
        color: #747474;
        padding-top: 35px;
    }
    
    .supporting-text a button {
        border: none;
        padding: 13px 30px;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        background-color: #f96302;
        margin-top: 35px;
        text-transform: capitalize;
    }
    
    .supporting-img img {
        object-fit: cover;
        width: 100%;
        height: 510px;
        /*
    border-radius: 20px;*/
    }
    
    .supporting-geap {
        margin-top: 70px;
    }
    
    .our-vision {
        background-image: url(../img/Our-Vision-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 100px 0px;
    }
    
    .our-text {
        text-align: center;
    }
    
    .our-text h3 {
        color: #fff;
        font-size: 36px;
        font-weight: 600;
    }
    
    .our-text p {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        width: 90%;
        margin: auto;
    }
    
    .our-text p.essential {
        padding-top: 30px;
    }
    
    .our-text p.essential-1 {
        padding-top: 25px;
    }
    
    .our-text a button {
        border: none;
        padding: 13px 30px;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        background-color: #f96302;
        margin-top: 55px;
    }
    
    section.Stay-Current {
        padding: 80px 0px;
    }
    
    .supporting-text.Current-text h2 {
        width: 100%;
    }
    
    .believe {
        background-image: url(../img/believe-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 200px 0px;
    }
    
    .believe-text p {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        width: 50%;
        padding: 0px;
        margin: 0px;
    }
    
    .footer {
        background-color: #ebebeb;
        padding: 80px 0px;
    }
    
    .logo-section img {
        width: 80%;
    }
    
    .logo-section p {
        color: #747474;
        font-size: 16px;
        font-weight: 400;
        padding-top: 20px;
    }
    
    .footer-about h2 {
        font-size: 22px;
        font-weight: 600;
        color: #302f24;
    }
    
    .footer-about ul li {
        padding: 5px 0px;
        margin: 0px;
        list-style: none;
        font-weight: 400;
    }
    
    .footer-about h2:before {
        content: "";
        border-left: 2px solid #f96302;
        padding-right: 10px;
    }
    
    .footer-about ul {
        padding-top: 20px;
        padding-left: 0;
    }
    
    .footer-about ul li a {
        font-size: 16px;
        color: #747474;
        font-weight: 400;
        padding-left: 25px;
    }
    
    .footer-about ul li a:hover {
        text-decoration: none;
    }
    
    .footer-about p {
        font-size: 16px;
        color: #747474;
        font-weight: 400;
        padding-top: 20px;
    }
    
    .footer-about h6 {
        font-size: 16px;
        color: #747474;
        font-weight: 400;
        padding-left: 20px;
    }
    
    .essential-responsive {
        display: none;
    }
    /*===================Home Page End ========================*/
    /*===================Signup Start ========================*/
    
    .worker {
        padding: 80px 0px;
    }
    
    .worker-signup {
        width: 50%;
        margin: auto;
        border: 1px solid #b2b2b2;
        border-radius: 20px;
        padding: 50px 70px;
    }
    
    .worker-heading h2 {
        text-align: center;
        color: #302f24;
        font-size: 36px;
        font-weight: 600;
    }
    
    .worker-heading p {
        text-align: center;
        color: #747474;
        font-size: 15px;
        font-weight: 400;
    }
    
    .woeker-form p {
        font-size: 12px;
        padding-top: 8px;
        font-weight: 400;
        color: #747474;
    }
    
    .woeker-form label {
        display: block;
        color: #302f24;
        font-size: 16px;
        font-weight: 500;
    }
    
    .woeker-form {
        margin-top: 40px;
    }
    
    .woeker-form input {
        border: none;
        background: #f6f6f6;
        color: #000;
        padding: 10px 0px 10px 12px;
        width: 420px;
        border-radius: 5px;
    }
    
    .woeker-form input::placeholder {
        color: #747474!important;
        font-size: 14px;
        font-weight: 400;
    }
    
    .email-label {
        padding-top: 30px;
    }
    
    .form-check.worker-checkbox {
        padding-top: 20px;
    }
    
    .worker-checkbox .form-group label {
        color: #747474;
        font-size: 12px;
        font-weight: 400;
    }
    
    .worker-checkbox .form-group label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #f96302;
        /* box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%); */
        padding: 7px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 3px;
    }
    
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }
    
    .sticky+.content {
        padding-top: 102px;
    }
    
    .worker-checkbox .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }
    
    .worker-checkbox .form-group label {
        position: relative;
        cursor: pointer;
    }
    
    .worker-checkbox .form-group input:checked+label:after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 5px;
        width: 5px;
        height: 10px;
        border: solid #000000;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
    
    .worker-checkbox {
        margin-top: 25px;
    }
    
    .form-btn {
        text-align: center;
        margin-top: 30px;
    }
    
    .form-btn a button,
    a.text-class {
        padding: 13px 50px;
        font-size: 16px;
        font-weight: 400;
        border: none;
        background-color: #f96302;
        color: #fff;
        border-radius: 5px;
    }
    
    .looking {
        text-align: center;
        padding-top: 30px;
    }
    
    .looking p.amloyer-1 {
        font-size: 16px;
        font-weight: 600;
        color: #302f24;
    }
    
    .looking p.amloyer-1 span {
        font-size: 16px;
        font-weight: 600;
        color: #f96302;
    }
    
    .looking p.amloyer-2 {
        font-size: 16px;
        font-weight: 600;
        color: #302f24;
    }
    
    .looking p.amloyer-2 span {
        font-size: 16px;
        font-weight: 600;
        color: #f96302;
    }
    
    .progress {
        position: relative;
    }
    
    .progress-bar {
        background-color: #f96302 !important;
    }
    
    .progress-bat-text p {
        margin: 0px;
        padding: 0px;
    }
    
    .progress.progressbar-box {
        height: 10px;
        border-radius: 10px;
    }
    
    .progress-main {
        padding: 0px 0px 30px 0px;
    }
    /*=================== Signup End ========================*/
    /*=================== Signup Successful Start ========================*/
    
    .welcom {
        padding: 40px 0px 0px 0px;
    }
    
    .worker-signup.Signup-Successful {
        padding: 50px 30px;
    }
    
    h5.Post-1 {
        padding-top: 40px;
    }
    
    h5.Post-2,
    h5.Post-3 {
        padding-top: 20px;
    }
    
    .welcom h6 {
        color: #302f24;
        font-size: 18px;
        font-weight: 500;
    }
    
    .welcom h5 {
        color: #302f24;
        font-size: 18px;
        font-weight: 500;
    }
    
    .welcom p {
        color: #747474;
        font-size: 15px;
        font-weight: 400;
    }
    
    button.Checkout-back {
        margin-top: 20px;
    }
    
    .form-btn.Checkout-btn a button {
        padding: 0px;
        width: 250px;
        height: 50px;
    }
    
    .form-btn.Checkout-btn a button.Checkout-back {
        background: transparent;
        color: #f96302;
        border: 1px solid #f96302;
    }
    
    .last-step {
        padding-top: 30px;
    }
    
    .last-step h2 {
        font-size: 26px;
        color: #302f24;
        font-weight: 600;
    }
    
    .last-step h3 {
        font-size: 16px;
        color: #302f24;
        font-weight: 500;
        padding-top: 30px;
    }
    
    .last-step ul li {
        list-style: none;
        color: #747474;
        font-weight: 400;
        font-size: 14px;
        padding: 5px 0px;
    }
    
    .your-datail-flag {
        position: relative;
    }
    
    .your-datail-flag input {
        padding-left: 65px;
    }
    
    .your-datail-flag select {
        position: absolute;
        top: 34px;
        left: 0;
        padding: 7px 4px;
        background: #e7e7e7;
        border: none;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    .employer-type h4 {
        font-size: 16px;
        font-weight: 500;
        color: #302f24;
        padding: 20px 0px 5px 0px;
    }
    
    .employer-type .form-check label {
        font-size: 14px;
        color: #747474;
        font-weight: 400;
    }
    
    .employer-type label {
        display: block;
        color: #302f24;
        font-size: 16px;
        font-weight: 500;
    }
    
    .employer-type input.Company-name {
        border: none;
        background: #f6f6f6;
        color: #333;
        padding: 10px 0px 10px 12px;
        width: 420px;
        border-radius: 5px;
    }
    /*=================== Signup Successful End ========================*/
    
    .employer-type input::placeholder {
        font-size: 14px;
    }
    
    .form-check-input {
        margin-top: 0!important;
        margin-right: 5px!important;
    }
    /*=================== Settings Start ========================*/
    
    .setting {
        background: #f8f8f8;
        padding: 20px 0px;
    }
    
    .setting-after-login {
        background: #fafafa!important;
        border-bottom: 1px solid lightgray;
    }
    
    .setting-text h2 {
        font-size: 26px;
        font-weight: 600;
        color: #302f24;
        margin: 0px;
    }
    
    .setting-button a button {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        background: #f96302;
        padding: 10px 40px;
        border: none;
        border-radius: 5px;
    }
    
    .tabs-left {
        border-bottom: none;
        padding-top: 2px;
        border-right: 1px solid #ddd;
    }
    
    .tabs-left>li {
        float: none;
        margin-bottom: 2px;
        margin-right: -1px;
    }
    
    .tabs-left>li.active>a,
    .tabs-left>li.active>a:hover,
    .tabs-left>li.active>a:focus {
        border-bottom-color: none !important;
        border-right-color: transparent;
    }
    
    .tabs-left>li>a {
        border-radius: 4px 0 0 4px;
        margin-right: 0;
        display: block;
    }
    
    .setting-tabs ul.nav.nav-tabs.tabs-left {
        flex-direction: column;
        border: none !important;
    }
    
    .setting-right-tabs {
        background: #fff;
        padding: 50px 30px 70px 30px;
        height: 100%;
    }
    
    .setting-left-tab {
        border-right: 1px solid lightgray;
        height: 100%;
        padding: 40px 0px 0px 0px;
    }
    
    .setting-left-tab ul li a {
        color: #4b4a4a;
        padding: 15px 10px 15px 25px;
        font-size: 16px;
        font-weight: 400;
        border-left: 4px solid transparent;
        position: relative;
    }
    
    .setting-left-tab ul li a::after {
        content: "";
        background: url(https://img.icons8.com/metro/18/000000/chevron-right.png);
        height: 16px;
        width: 17px;
        position: absolute;
        right: 18px;
        top: 18px;
    }
    
    .setting-left-tab ul li a.active {
        background: #ffffff;
        border-left: 4px solid #f96302;
        border-radius: 6px 0 0 6px;
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
    }
    
    .setting-left-tab ul li a:hover {
        text-decoration: none;
    }
    /*.setting-tabs-main {
    background: #fff8eb;
}*/
    
    .general-text h2 {
        font-size: 26px;
        color: #302f24;
        font-weight: 600;
    }
    
    .genral-input label {
        display: block;
        color: #302f24;
        font-size: 16px;
        font-weight: 500;
    }
    
    .genral-input {
        padding: 30px 0px 0px 0px;
    }
    
    .genral-input input {
        width: 100%;
        padding: 10px;
        border: none;
        background: #f6f6f6;
    }
    
    .genral-input input::placeholder {
        font-size: 14px;
        color: #747474;
        font-weight: 400;
    }
    
    .genral-input p {
        font-size: 12px;
        padding-top: 7px;
        color: #747474;
        font-weight: 400;
    }
    
    .setting-profile h3 {
        color: #302f24;
        font-size: 20px;
        font-weight: 500;
    }
    
    .setting-profile p {
        color: #747474;
        font-size: 16px;
        font-weight: 400;
    }
    
    .setting-profile {
        padding-top: 15px;
    }
    
    .type-2 {
        background: #e1e1e1;
        padding: 10px;
        border-radius: 5px;
        width: 70%;
    }
    
    .type-2 p {
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        color: #000000;
    }
    
    .setting-save-btn a button {
        padding: 13px 50px;
        font-size: 16px;
        font-weight: 400;
        border: none;
        background-color: #f96302;
        color: #fff;
        border-radius: 5px;
    }
    
    .setting-save-btn a button.delete {
        margin-left: 10px;
    }
    
    .get-support h3 {
        color: #302f24;
        font-size: 20px;
        font-weight: 500;
    }
    
    .get-support p {
        color: #747474;
        font-size: 16px;
        font-weight: 400;
    }
    
    .get-support p span {
        color: #f96302;
        font-size: 16px;
        font-weight: 400;
    }
    
    .get-support {
        padding-top: 40px;
    }
    
    .having {
        background: #f96302;
        height: 1px;
    }
    
    a.Delete-account:hover {
        color: #fff;
    }
    
    button.Delete-account,
    a.Delete-account {
        padding: 13px 50px;
        font-size: 16px;
        font-weight: 400;
        border: none;
        background-color: #ff0000;
        color: #fff;
        border-radius: 5px;
        margin-top: 30px;
        display: inline-block;
    }
    /*=================== Settings End ========================*/
    /*=================== Fillter Start ========================*/
    
    .fullter-btn ul li button.active {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        background: #f96302;
        padding: 10px 40px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
    }
    
    .fullter-btn ul li button {
        font-size: 16px;
        color: #f96302;
        font-weight: 500;
        background: transparent;
        padding: 10px 40px;
        border: 1px solid #f96302;
        cursor: pointer;
    }
    
    .search-for-job-right input {
        opacity: 0;
    }
    
    .fillter-right {
        background: #fff;
        height: 100%;
        padding: 40px 0px 40px 40px;
    }
    
    .search-for-job-right {
        background: #f96302;
        padding: 16px 11px;
        width: 60px;
        border-radius: 3px;
        margin-left: 15px;
    }
    
    .fillter-left {
        padding: 40px 30px 40px 0;
        /* background: #fff8eb;*/
        height: 100%;
    }
    
    .search-for-job input {
        padding: 10px;
        width: 85%;
        border: 1px solid #ddd8cd;
    }
    
    .location-jaipur input {
        padding: 10px;
        width: 100%;
        border: 1px solid #ddd8cd;
        margin-top: 15px;
    }
    
    .distance-icon {
        position: relative;
    }
    
    .distance-icon::after {
        content: "";
        background: url(https://img.icons8.com/ios-filled/16/000000/expand-arrow--v1.png);
        position: absolute;
        height: 16px;
        width: 16px;
        right: 0;
        top: -8px;
    }
    
    .distance-text h3 {
        font-size: 16px;
        color: #333333;
        font-weight: 500;
        margin: 0px;
    }
    
    .distance {
        margin-top: 40px;
    }
    
    .get-verified {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        background: #f8f8f8;
        padding: 10px 20px;
    }
    
    .get-verified p {
        margin: 0px;
        color: #a1a1a1;
        font-size: 14px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 400;
    }
    
    .get-verified p span {
        color: #fa6401;
        font-weight: 400;
    }
    
    .result-part {
        padding: 40px 0px 20px 0px;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .fillter-right h5 {
        margin: 0px;
        color: #a1a1a1;
        font-size: 14px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 400;
    }
    /*=================== Fillter End ========================*/
    /*=================== Live-Resume start ========================*/
    
    .live-resume {
        background: #f8f8f8;
        padding: 20px 0px;
    }
    
    .resume h2 {
        font-size: 26px;
        font-weight: 600;
        color: #302f24;
    }
    
    .connect-btn-group {
        padding: 30px 0px;
        text-align: center;
    }
    
    .live-btn a button.live-btn-1 {
        border: none;
        padding: 11px 25px;
        background: #fa6302;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 4px;
    }
    
    .live-btn a button.live-btn-2 {
        border: none;
        padding: 10px 25px;
        background: transparent;
        color: #fa6302;
        font-size: 16px;
        font-weight: 500;
        border: 1px solid #fa6302;
        border-radius: 4px;
    }
    
    .balank {
        padding: 50px 0px;
    }
    
    .clayton-img {
        background: #999999;
        width: 150px;
        height: 150px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .clayton-img img {
        width: 100px;
        height: 100px;
    }
    
    .clayton-text h2 {
        font-size: 26px;
        font-weight: 600;
        padding-top: 20px;
        color: #302f24;
    }
    
    .clayton-text h3 {
        font-size: 20px;
        font-weight: 400;
        color: #747474;
    }
    
    .clayton-gray {
        padding-bottom: 50px;
    }
    
    button.Checkout-btn-1 {
        padding: 11px;
        width: 220px;
        border: none;
        background: #fa6302;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 4px;
    }
    
    button.Checkout-btn-2 {
        padding: 10px;
        width: 250px;
        border: none;
        font-size: 16px;
        font-weight: 500;
        border-radius: 4px;
        color: #fa6302;
        background: transparent;
        border: 1px solid #fa6302;
    }
    /*.clayton-part {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 70px;
}*/
    
    .live-skills-part h2 {
        font-size: 20px;
        color: #302f24;
        font-weight: 500;
    }
    
    .live-skills-part ul {
        padding-top: 15px;
    }
    
    .live-skills-part ul li {
        padding: 5px 0px;
        font-size: 16px;
        color: #747474;
        font-weight: 400;
    }
    
    .live-skills-part ul li span {
        padding-right: 10px;
    }
    
    .live-skills-part p {
        font-size: 16px;
        color: #747474;
        font-weight: 400;
        padding-top: 15px;
    }
    
    .Application-Connect {
        margin: 30px 0px 60px 0px;
        text-align: center;
    }
    
    .Application-Connect-1,
    .Application-Connect-2 {
        padding: 11px;
        border: none;
        background: #fa6302;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 4px;
    }
    
    .Application-Connect-2 {
        border: 1px solid #fa6302;
        color: #fa6302;
        background: transparent;
        padding: 10px;
    }
    /*===================  Live-Resume End ========================*/
    /*===================message Start=============================*/
    
    .devid-part {
        text-align: center;
    }
    
    .devid-part h3 {
        font-size: 20px;
        font-weight: 700;
        color: #303030;
    }
    
    .devid-part h4 {
        font-size: 18px;
        font-weight: 700;
        color: #999999;
    }
    
    .desinger-tex {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 40px;
        padding-bottom: 10px;
    }
    
    .cheat-content,
    .no-massages {
        text-align: center;
    }
    
    .cheat-content p,
    .no-massages p {
        color: #707070;
        font-size: 16px;
    }
    
    .no-massages {
        height: 600px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cheat-footer {
        background: #2e2e2e;
    }
    
    .cheat-footer {
        padding: 20px 0px;
    }
    
    .cheat-input input {
        padding: 10px;
    }
    
    .cheat-input input::placeholder {
        color: #707070 !important;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .cheat-icon img {
        background: #fa6401;
        padding: 7px 20px;
    }
    /*===================message End=============================*/
    /*========================draft Start=========================*/
    /*.draft{
    background: #fff3eb;
   
}*/
    
    .draft ul li button {
        border: 1px solid #ddd8cd;
        padding: 6px 9px;
        margin: 0px 5px;
        background: transparent;
        font-size: 15px;
        color: #9c9c9c;
        font-weight: 400;
    }
    
    .draft-list button.active {
        background: #fa6302;
        color: #fff;
        border: none;
        padding: 7px;
    }
    
    .draft-input input {
        width: 100%;
        padding: 7px;
        border: 1px solid #ddd8cd;
        margin: 20px 0;
    }
    
    .draft-input input::placeholder {
        font-size: 14px;
        color: #9c9c9c;
    }
    
    .draft-btn {
        padding-top: 60px;
    }
    
    .draft-right {
        background: #fff;
        padding: 30px;
    }
    
    .draft-desing h3 {
        font-size: 20px;
        color: #303030;
        font-weight: 700;
        font-family: 'Nunito Sans', sans-serif !important;
        margin-bottom: 0px;
    }
    
    .draft-desing p {
        font-size: 16px;
        color: #707070;
        font-weight: 400;
        font-family: 'Nunito Sans', sans-serif !important;
        margin: 0px;
        padding-top: 2px;
    }
    
    .draft-conteny {
        float: left;
    }
    
    .draft-desing {
        margin-left: 75px;
    }
    
    .draft-user {
        background: #feefe5;
        padding: 10px;
        width: 44px !important;
        height: 44px !important;
        border: 1px solid #ddd8cd;
    }
    
    .draft-right.first {
        padding-top: 60px;
    }
    
    .draft-desing-part-1 {
        padding-bottom: 30px;
    }
    
    .draft-desing-part-2 {
        margin: 0px 0px 20px 0;
        padding: 0 0 15px 0;
    }
    /*========================draft End=========================*/
    /*========================ARE YOU SURE Start=========================*/
    
    .are-you-part {
        text-align: center;
        padding: 80px 0px;
        border: 1px solid #b2b2b2;
        width: 80%;
        margin: 100px auto;
        border-radius: 30px;
    }
    
    .are-you-part-img {
        background: #feefe5;
        width: 130px;
        margin: auto;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
    }
    
    .are-you-part-text h2 {
        font-size: 28px;
        color: #303030;
        font-weight: 600;
        padding-top: 40px;
    }
    
    .are-you-part-text p {
        font-size: 16px;
        color: #747474;
        font-weight: 400;
        padding-top: 20px;
        width: 70%;
        margin: auto;
    }
    
    .are-you-part-text h3 {
        background: #f2f2f2;
        width: 70%;
        margin: auto;
        padding: 10px;
        margin-top: 60px;
        border-radius: 3px;
        color: #303030;
        font-size: 28px;
        font-weight: 600;
    }
    
    .are-you-part-text button {
        background: #f96302;
        padding: 10px 100px;
        color: #fff;
        font-weight: 600;
        border: none;
        border-radius: 3px;
        margin-top: 40px;
    }
    /*========================ARE YOU SURE End=========================*/
    
    .all-job-sections {
        padding: 0px 1%;
    }
    
    .fillter-second-bnt {
        display: none;
    }
    
    .fullter-btn .preview-btn-sec {
        flex-direction: column;
    }
    
    .draft-desing.manag-pra p a {
        color: #fa6302;
        font-weight: 500;
    }
    
    a#star_this_job img {
        width: 20px;
    }
    /*====================================================Baldev Sir Css Start=======================================================================*/
    /*=================== profile pic page ======================*/
    
    .pic,
    .image_light {
        height: 150px;
        width: 150px;
        border-radius: 50%;
        background: #999999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        margin: 50px auto;
    }
    
    .type {
        font-size: 13px;
        background: #e1e1e1;
        text-align: center;
        padding: 7px;
        font-weight: 500;
        border-radius: 5px;
    }
    
    .woeker-form select {
        border: none;
        background: #f6f6f6;
        color: #747474;
        padding: 10px 0px 10px 12px;
        width: 420px;
        border-radius: 5px;
        outline: none;
        -webkit-appearance: none;
        background-image: url(../img/arrows.png);
        background-repeat: no-repeat;
        background-position-x: 96%;
        background-position-y: 13px;
    }
    
    .woeker-form textarea {
        border: none;
        background: #f6f6f6;
        color: #747474;
        padding: 10px 0px 10px 12px;
        width: 420px;
        border-radius: 5px;
        resize: none;
        outline: none;
        height: 100px;
    }
    
    .my-check {
        font-weight: 500!important;
        color: #222!important;
    }
    
    .headerbutton button {
        padding: 13px 40px;
        font-size: 16px;
        font-weight: 400;
        border: none;
        text-transform: uppercase;
        background-color: #f96302;
        color: #fff;
        outline: none;
        border-radius: 5px;
    }
    
    .headerbutton-outline button {
        padding: 13px 20px;
        font-size: 16px;
        font-weight: 400;
        background: transparent;
        border: 1px solid;
        text-transform: uppercase;
        border-color: #f96302;
        color: #f96302;
        outline: none;
        border-radius: 5px;
    }
    
    .footer-about ul li {
        position: relative;
    }
    
    div.sliderContainer {
        text-align: left;
        font-family: 'Poppins', sans-serif;
    }
    
    .sliderContainer p {
        font-family: 'Poppins', sans-serif;
        color: #222c29;
        text-align: left;
    }
    
    #slider {
        appearance: none;
        height: 5px !important;
        width: calc(100% - 0px);
        border-radius: 10em;
        background-color: #d2cdc3;
        outline: none;
        margin-bottom: 26px;
        margin-left: 20px;
    }
    
    #slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #f4f4f4;
        cursor: pointer;
        border: 3px solid #fa6401;
    }
    
    .sliderContainer {
        position: relative;
    }
    
    #slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #f4f4f4;
        cursor: pointer;
        border: 3px solid #dbc500;
    }
    
    .hello select {
        border: 1px solid #dcd7cf;
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        padding: 10px;
        color: #4b4a4a;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background: url('../img/arrows.png');
        background-repeat: no-repeat;
        background-position-x: 97%;
        background-position-y: 12px;
        margin-bottom: 30px;
    }
    
    .form-check-label {
        margin-bottom: 0;
        margin-top: 3px;
    }
    
    .form-check-input {
        position: absolute;
        margin-top: 0.3rem;
        margin-left: -1.25rem;
        height: 20px;
        width: 18px;
    }
    
    .fillter-right p {
        font-size: 13px;
        font-weight: 500;
        color: gray;
    }
    
    button {
        cursor: pointer;
    }
    
    .fillter-right h3 {
        font-weight: 600;
        font-family: 'Poppins';
    }
    
    .fillter-right .h4 {
        font-size: 16px;
        margin-top: 12px;
    }
    
    #apply button.close,
    #withdrawal button.close {
        opacity: 1!important;
    }
    
    #withdrawal p {
        font-size: 12px;
        color: gray;
    }
    
    #apply .modal-header {
        border-color: #cf8800!important;
    }
    
    #apply .modal-content,
    #withdrawal .modal-content {
        border-radius: 26px!important;
    }
    
    #apply textarea {
        resize: none;
        border: 1px solid lightgray;
        border-radius: 10px;
        width: 100%;
        font-size: 12px;
        padding: 6px 15px;
        margin-top: 10px;
    }
    
    #apply .modal-body {
        padding: 0 30px;
    }
    
    label.mt-2 {
        color: gray;
        font-size: 15px;
    }
    
    button,
    input,
    textarea,
    select {
        outline: none!important;
    }
    
    #apply p {
        font-size: 12px;
        color: gray;
        font-weight: 500;
    }
    
    .theme-btn button {
        font-size: 13px;
        color: #fff;
        font-weight: 500;
        background: #f96302;
        padding: 10px 14px;
        border-color: #f96302;
        border: 1px solid;
        border-radius: 5px;
        margin: 10px;
    }
    
    .theme-btn-outline button {
        font-size: 13px;
        color: #f96302;
        font-weight: 500;
        border-color: #f96302;
        padding: 10px 15px;
        border-radius: 5px;
        margin: 10px;
        border: 1px solid;
        background: transparent;
    }
    
    .fillter-left .h4 {
        font-size: 19px;
        margin-bottom: 55px;
    }
    
    .fillter-left p {
        font-size: 16px;
        color: gray;
    }
    
    .header {
        border-bottom: 1px solid #4c4442;
    }
    
    .header.sticky {
        background: #0c0b0c;
        z-index: 999;
    }
    
    .after-login li a:hover {
        text-decoration: none;
        color: #fa6401;
    }
    
    .after-login li a {
        color: #2c2c2c;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    input.fill {
        background: #0b0b0b!important;
        color: #fff!important;
        font-weight: 400;
        border-radius: 5px;
        padding: 10px 20px;
        width: 195px;
    }
    
    .genral-input.Company-Name {
        padding: 0px;
    }
    
    .save-account-setting button {
        padding: 13px 50px;
        font-size: 16px;
        font-weight: 400;
        border: none;
        background-color: #fa6401;
        color: #fff;
        border-radius: 5px;
        margin-top: 50px;
    }
    
    .get-pragraph {
        padding-bottom: 20px;
    }
    
    .mobile-footer {
        display: none;
    }
    /*===================job-post start ======================*/
    
    .setting-button.Edit a button {
        font-size: 16px;
        color: #f96302;
        font-weight: 500;
        background: #f9630200;
        padding: 9px 40px;
        border: none;
        border-radius: 5px;
        border: 1px solid #f96302;
        margin-right: 10px;
    }
    
    .same-text {
        padding: 40px 0px 40px 0px;
    }
    
    .same-text h2 {
        font-size: 30px;
        font-weight: 600;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .same-text a button {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        background: #f96302;
        padding: 10px 40px;
        border: none;
        border-radius: 5px;
        margin: 30px 0px 45px 0px;
    }
    
    .same-text h3 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .same-as-devious .same-text h3 {
        font-size: 15px;
        font-weight: 600;
        padding-top: 10px;
        color: #000;
    }
    
    .same-as-devious .same-text.Devious h6 {
        padding-top: 15px;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }
    
    .same-text h6 {
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        padding-top: 60px;
    }
    
    .same-text p {
        font-size: 16px;
        font-weight: 400;
        color: #fa6401;
    }
    
    .same-as-devious .same-text p {
        font-size: 13px;
        font-weight: 600;
        padding-top: 10px;
    }
    
    .same-as-devious .same-text.Devious h5 {
        padding-top: 5px;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }
    
    .same-as-devious .applied-today a img {
        padding: 10px 13px;
    }
    
    .applicants {
        padding: 70px 0px;
    }
    
    .applicants-heading h3 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .applicants-heading h3 span {
        margin-left: 20px;
    }
    
    .marcus {
        background: #f8f8f8;
        padding: 20px;
        margin-top: 40px;
    }
    
    .marcus-content img {
        width: 24px;
        height: 24px;
    }
    
    .same-as-devious .marcus-content img {
        width: 20px;
        height: auto;
    }
    
    .marcus-content h3 {
        font-size: 20px;
        font-weight: 600;
        padding: 0px 20px;
        margin: 0px;
    }
    
    .marcus-user {
        background: #dedede;
        padding: 10px;
        width: 44px !important;
        height: 44px !important;
    }
    
    .skills h3 {
        font-size: 16px;
        font-weight: 400;
        margin: 0px;
        color: #666666;
        padding-top: 28px;
    }
    
    .skills h4 {
        font-size: 16px;
        font-weight: 400;
        margin: 0px;
        color: #666666;
        padding-top: 10px;
    }
    
    .skills h4 span {
        padding-left: 10px;
    }
    
    .applied-today h3 {
        font-size: 13px;
        color: #666666;
        font-weight: 400;
        text-align: center;
    }
    
    .applied-today a img {
        border: 1px solid #fa6401;
        padding: 15px 18px;
        border-radius: 2px;
    }
    .applied-today a i {
        border: 1px solid #fa6401;
        padding: 12px 18px;
        border-radius: 2px 0 0px 2px;
        border-right: 0;
        color: #fa6401;
    }
    .applied-today a i.rejected {
        border: 1px solid red;
        padding: 12px 18px;
        border-radius: 2px 0 0px 2px;
        border-right: 0;
        color: red;
        background-color: #ffe8e4;
    }
    /*===================job-post End ======================*/
    /*===================message start ======================*/
    
    .devid-left h3 {
        font-size: 20px;
        font-weight: 700;
        color: #303030;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .devid-left p {
        font-size: 20px;
        font-weight: 400;
        color: #333333;
        font-family: 'Nunito Sans', sans-serif !important;
        border: 1px solid #dadada;
        margin-top: 25px;
        padding: 10px;
        width: 70%;
    }
    
    .devid-right {
        text-align: right;
    }
    
    .devid-right h3 {
        font-size: 20px;
        font-weight: 400;
        color: #333333;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .devid-right span {
        font-size: 16px;
        font-weight: 400;
        color: #707070;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .offer-extended {
        text-align: center;
        border: 1px solid #dadada;
        width: 50%;
        margin: auto;
        padding-bottom: 50px;
    }
    
    .offer-extended h2 {
        font-size: 18px;
        font-weight: 600;
        padding: 15px 0px;
        border-bottom: 1px solid #dadada;
        color: #333333;
    }
    
    .offer-extended p {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 70px;
        font-family: 'Nunito Sans', sans-serif !important;
        color: #5e5e5e;
    }
    
    .offer-extended h3 {
        font-size: 16px;
        font-weight: 400;
        padding: 30px 0px;
        font-family: 'Nunito Sans', sans-serif !important;
        color: #5e5e5e;
    }
    
    .offer-extended h4 a {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito Sans', sans-serif !important;
        color: #5e5e5e;
    }
    
    .offer-extended a:hover {
        text-decoration: none;
        color: #5e5e5e;
    }
    
    .devid-main {
        padding: 0px 0px 60px 0px;
    }
    
    .Application-not-accepted {
        text-align: center;
        border: 1px solid #dadada;
        width: 50%;
        margin: auto;
    }
    
    .Application-not-accepted h2 {
        font-size: 18px;
        font-weight: 600;
        padding: 15px 0px;
        border-bottom: 1px solid #dadada;
        color: #333333;
    }
    
    .Application-not-accepted p {
        font-size: 16px;
        color: #5e5e5e;
        font-weight: 400;
        padding: 10px;
        width: 73%;
        margin: auto;
    }
    /*===================message End ======================*/
    
    .clayton-btn {
        text-align: right;
    }
    
    .pic {
        position: relative;
    }
    
    .pic input {
        width: 200px;
        padding: 60px;
        opacity: 0;
    }
    
    .pic label {
        position: absolute;
    }
    
    .welcom p span {
        display: block;
        color: #ffa800;
    }
    
    .form-btn h4 {
        padding: 50px 0px 7px 0px;
        color: #302f24;
        font-size: 18px;
        font-weight: 500;
    }
    
    .form-btn p {
        padding: 10px 0px 0px 0px;
        color: #747474;
        font-size: 14px;
        font-weight: 400;
        margin: 0px;
    }
    /*================================Woodmere-part===========================*/
    
    .Woodmere-part img {
        height: 24px;
    }
    
    .Woodmere-part {
        padding: 20px 0px 50px 0px;
        border-bottom: 1px solid #cccccc;
    }
    
    .Woodmere-part h2 {
        font-size: 22px;
        font-weight: 500;
        font-family: 'Poppins' !important;
        margin: 0;
    }
    
    .guard-next-1 button {
        background: transparent !important;
        border: 1px solid #f96302 !important;
        padding: 10px 60px !important;
        color: #f96302 !important;
    }
    
    .guard-next-2 button {
        padding: 10px 60px !important;
    }
    
    .securty-requirement {
        padding: 40px 0px 0px 0px;
    }
    
    .securty-requirement h2 {
        font-size: 22px;
        font-weight: 500;
        font-family: 'Poppins' !important;
        margin: 0;
    }
    
    .fillter-right .h4 h5 {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Poppins' !important;
        margin: 0;
        padding: 15px 0px 0px 0px;
        color: #747474;
    }
    
    .right-button {
        padding: 60px 0px 0px 0px;
        border-top: 1px solid #cccccc;
    }
    
    .right-button .guard-next-2 button {
        background: #f96302 !important;
        color: #fff !important;
        padding: 10px 60px !important;
        margin-left: 5px;
    }
    
    .right-button .guard-next-1 button {
        padding: 9px 60px !important;
    }
    /*================================Woodmere-part===========================*/
    /*================================Filtter-New Strat===========================*/
    
    .filtter-new-left {
        border-right: 1px solid #eeeeee;
        padding: 40px 30px 60px 0px;
    }
    
    .filtter-new-btn ul li button {
        padding: 8px 28px;
    }
    
    .filtter-new-btn-2 button {
        border: 1px solid #ddd8cd;
        background: transparent;
    }
    
    .filtter-new-btn-1 button {
        background: #fa6401;
        color: #fff;
    }
    
    .filtter-new-btn {
        padding-bottom: 30px;
    }
    
    .search-for-job input::placeholder {
        font-size: 14px;
        color: #333333;
        font-weight: 500;
    }
    
    .location-jaipur input::placeholder {
        font-size: 14px;
        color: #333333;
        font-weight: 500;
    }
    
    .form-group.form-check .form-check-label {
        margin-bottom: 0;
        font-size: 14px;
        color: #333333;
        font-weight: 500;
        margin-top: 0px;
        padding-left: 5px;
    }
    
    .fillter-mobile-none p {
        margin-bottom: 0;
        font-size: 14px;
        color: #333333;
        font-weight: 500;
    }
    
    .fillter-mobile-none p span.include {
        color: #fa6401;
    }
    
    .fillter-mobile-none .sliderContainer {
        padding: 10px 20px 0px 0px;
    }
    
    .header-box.filtter-new-header {
        box-shadow: 0px 4px 5px rgb(0 0 0 / 15%);
    }
    
    .filtter-new-right {
        padding: 40px 0px 0px 0px;
    }
    
    .filtter-new-right .result-part h5 {
        margin: 0px;
        color: #a1a1a1;
        font-size: 14px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 400;
    }
    
    .force-security {
        padding: 40px 0px 30px 0px;
        border-bottom: 1px solid #e6e6e6;
    }
    
    .force-security h3 {
        color: #303030;
        font-size: 20px;
        font-weight: 700;
        font-family: 'Nunito Sans', sans-serif !important;
    }
    
    .force-security h3 span {
        padding-right: 10px;
    }
    
    .force-security h4 {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito Sans', sans-serif !important;
        padding: 5px 26px;
    }
    
    .force-security h5 {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito Sans', sans-serif !important;
        margin: 0;
    }
    
    .force-security h5 span {
        padding-right: 14px;
    }
    
    .force-security h6 {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito Sans', sans-serif !important;
        margin: 0;
        padding: 5px 26px;
    }
    
    .apply-filters {
        display: none;
    }
    /*================================Filtter-New End===========================*/
    /*=====================================  sign in css start here ===================================*/
    
    .form-forget a:hover {
        color: #847e7e;
    }
    
    .form-forget a {
        color: #847e7e;
        font-weight: 500;
        font-size: 14px;
    }
    
    .sign-in .woeker-form {
        margin-top: 40px;
        padding: 0 70px;
    }
    
    .sign-in .form-forget {
        padding: 0 70px;
    }
    
    .sign-footer {
        background: #f96302;
        padding: 15px;
        border-radius: 0 0 20px 20px;
        margin-bottom: -5px;
    }
    
    .sign-footer a.text-white {
        font-size: 15px;
        text-decoration: none;
    }
    
    .header-1 {
        /*background: #000;*/
            z-index: 1000 !important;
    background: #000000ab !important;
    display: block !important;
    position: sticky;
    }
    
    .header-1 .navbar-nav .nav-link:hover,
    .header-1 .navbar-nav .nav-link {
        color: #fff !important;
    }
    
    .header-2 .header-box .menu ul li a.nav-link {
        color: #000 !important;
    }
    
    .header-3 .header-box .menu ul li a.nav-link {
        color: #000 !important;
    }
    
    .employer-heading h2 {
        font-size: 32px;
    }
    
    .worker-signup.post-a-job-btn {
        width: 90%;
    }
    
    .post-a-job-btn {
        text-align: center;
    }
    
    .worker.post-a-job-main .live-btn a button {
        width: 250px;
    }
    
    .worker.post-a-job-main .worker-signup.post-a-job-btn {
        padding: 100px;
    }
    
    .worker.post-a-job-main .live-btn {
        margin: 80px 0px 20px 0px;
    }
    
    .worker-signup.post-a-job-btn p {
        padding-top: 20px;
    }
    
    .same-text.hard-worker h2 {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600;
    }
    
    .same-text.hard-worker {
        padding: 40px 0px 30px 0px;
    }
    
    .hard-worker-section {
        display: flex;
        align-items: center;
        padding: 0px 0px 200px 0px;
    }
    
    .hard-email {
        background: #feefe5;
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        height: 80px;
    }
    
    .hard-btn {
        margin: 0px 40px;
    }
    
    .hard-btn a button {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        background: #f96302;
        width: 210px;
        height: 50px;
        border: none;
        border-radius: 5px;
    }
    
    .hard-date h3 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Nunito Sans', sans-serif !important;
        margin: 0px;
    }
    
    .hard-email img {
        width: 42px;
    }
    
    .message-input-left {
        padding: 70px 0px;
    }
    
    .message-input-left input {
        width: 100%;
        padding: 8px;
        border: 1px solid #ddd8cd;
    }
    
    .message-input-left input::placeholder {
        color: #747474!important;
        font-size: 14px;
        font-weight: 400;
    }
    
    .message-content-right {
        padding: 15px 0px 30px 30px;
    }
    
    .message-re h3 {
        font-size: 20px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 700;
        color: #303030;
    }
    
    .message-re h4 {
        font-size: 20px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 700;
        color: #303030;
    }
    
    .message-re p {
        font-size: 16px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 400;
        color: #707070;
        padding-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .message-month h3 {
        font-size: 18px;
        font-weight: 500;
        color: #9c9c9c;
        text-align: right;
    }
    
    .singin_button {
        background: #f96302;
        padding: 8px 26px !important;
        border-radius: 4px;
        font-size: 16px !important;
        font-weight: 600 !important;
        margin: 0 8px !important;
        text-transform: uppercase;
        color: #fff !important;
    }
    
    .form-valid-error {
        font-size: 12px;
        color: red;
        font-weight: 500;
    }
    
    .requir {
        width: 90%!important;
    }
    
    .image_light img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-top: 5px;
        object-fit: cover;
    }
    
    .change_loading {
        position: absolute;
        background: black;
        border-radius: 100%;
        left: 142px;
        right: 0;
        display: none;
    }
    
     ::-webkit-scrollbar-track {
        background-color: #F5F5F5;
    }
    
     ::-webkit-scrollbar {
        width: 5px;
        background-color: #fff;
    }
    
     ::-webkit-scrollbar-thumb {
        background-color: #f96302;
    }
    
    .fillter-right_change {
        padding: 10px !important;
        border: 1px solid #d3d3d3;
        border-radius: 15px;
        margin: 15px 0;
    }
    
    .fillter-right_change h3 {
        font-size: 17px;
    }
    
    .fillter-right .h4 {
        font-size: 16px;
        margin-top: 12px;
    }
    
    .settings {
        background: #ffdc9e;
        padding: 20px 0px;
    }
    
    .fillter-lefts {
        padding: 40px 30px 40px 32%;
        background: #fff8eb;
        height: 100%;
    }
    
    .second-header.dropdown-menu {
        right: 0;
        left: unset;
    }
    
    .user-icon-img .nav-link.dropdown-toggle.menu-icon::after {
        display: none;
    }
    
    .icon-2 {
        display: none;
    }
    
    .after-login li a:hover .icon-2 {
        display: inline-block;
    }
    
    .after-login li a:hover .icon-1 {
        display: none;
    }
    
    img.icon-1.job {
        margin-top: -4px;
    }
    
    img.icon-1.user {
        width: 16px;
        margin-top: -5px;
    }
    
    .after-login li a:hover .icon-2.job {
        margin-top: -4px;
    }
    
    .after-login li a:hover .icon-2.user {
        width: 16px;
        margin-top: -5px;
    }
    
    img.settings_image {
        height: 110px;
        width: 100px;
        position: absolute;
    }
    
    .image_lightss img {
        height: 150px;
        width: 150px;
        object-fit: cover;
        border-radius: 50%;
        margin: 50px auto;
    }
    
    .second-header a span img {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }
    
    .second-header a {
        font-size: 16px;
    }
    
    .accordion .card-header:after {
        content: "-";
        float: right;
        font-size: 20px;
    }
    
    .accordion .card-header.collapsed:after {
        content: "+";
    }
    
    .accordion-main {
        padding: 60px 0px;
    }
    /*.card.mb-0 {
    border: 0 !important;
}*/
    
    .card.mb-0 .card-header {
        margin: 0 0 8px 0;
        background: #f96302;
        color: white;
        cursor: pointer;
    }
    
    .resume-heading h2 {
        font-size: 26px;
        color: #302f24;
        font-weight: 600;
    }
    
    .resume-heading p {
        font-size: 16px;
        color: #747474;
        font-weight: 400;
        padding-top: 10px;
    }
    
    .employment-information-section h2 {
        font-size: 18px;
        color: #302f24;
        font-weight: 600;
        padding-top: 20px;
    }
    
    .employment-information-section label {
        display: block;
        color: #302f24;
        font-size: 16px;
        font-weight: 500;
        padding-top: 20px;
    }
    
    .employment-information-section select {
        display: block;
    }
    
    .employment-information-section select {
        border: none;
        background: #f6f6f6;
        width: 100%;
        padding: 10px;
        font-size: 14px;
        color: #747474;
    }
    
    .employment-information-section span {
        font-size: 12px;
        padding-top: 7px;
        color: #747474;
        font-weight: 400;
    }
    
    .employment-information-section textarea {
        width: 100%;
        height: 120px;
        display: block;
        padding: 15px;
    }
    
    .supervisory {
        position: relative;
        margin-top: 20px;
    }
    
    .supervisory input#exampleCheck1 {
        top: 4px;
        margin: 0px;
    }
    
    .supervisory label.form-check-label {
        padding-left: 15px;
    }
    
    .supervisory p {
        font-size: 12px;
        color: #747474;
        font-weight: 400;
        padding-bottom: 20px;
    }
    
    .setting-section-skills h2 {
        font-size: 18px;
        color: #302f24;
        font-weight: 600;
        padding-top: 20px;
    }
    
    .ui.fluid.search.dropdown.selection.multiple::after {
        content: '';
        background: url('https://img.icons8.com/ios-filled/15/000000/expand-arrow--v1.png') no-repeat;
        background-size: 100%;
        height: 15px;
        width: 15px;
        top: 10px;
        position: absolute;
        right: 10px;
    }
    
    .ui.fluid.search.dropdown.selection.multiple i.dropdown.icon {
        display: none;
    }
    
    i.icon.delete:before {
        content: "X" !important;
    }
    
    .eight.wide {
        width: 70%;
        margin-top: 20px;
    }
    
    .save-btn {
        margin-top: 30px;
    }
    
    .save-btn button {
        padding: 10px 30px;
        border: none;
        background: red;
        color: #fff;
        border-radius: 5px;
    }
    
    .setting-section-skills .field {
        display: grid;
    }
    
    .setting-section-skills .eight.wide {
        width: 100%;
        margin-top: 15px;
        margin-left: -15px;
    }
    
    .job-list-header {
        position: sticky;
        position: -webkit-sticky !important;
        background-color: #fff;
        top: 0;
        z-index: 999;
    }
    
    img.icon-2.job {
        left: 0;
        padding-right: 4px;
    }
    
    .notification-im {
        width: 18px;
        height: 18px;
        float: right;
        margin-right: 10px;
        margin-top: 3px;
    }
    
    .number-user {
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid #bdbdbd;
        margin-left: 10px;
    }
    
    img.icon-1 {
        width: 18px;
    }
    
    .icon-2.Vector {
        width: 18px;
        margin-right: 4px;
    }
    
    .after-login li a:hover .icon-2.job {
        margin-top: -4px;
        width: 22px;
    }
    
    .mobile-footer-icon-4 .panel span,
    .mobile-footer-icon-4 .panel a {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }
    
    .mobile-footer-icon-4 .panel .dropdown-item span {}
    
    .mobile-footer-icon-4 .panel .dropdown-item {
        margin: 5px 0;
    }
    
    .notification-im:hover {
        cursor: pointer;
    }
    /*=======================About Page Start=============================*/
    
    .about-page {
        background-image: url(../img/banner.JPG);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 120px 0px;
    }
    
    .about-page-text h2 {
        color: #fff;
    }
    
    .about-page-text p {
        color: #fff;
        width: 60%;
    }
    
    .rich-man {
        padding: 50px 0px;
    }
    
    .ineer-section h3 {
        font-size: 18px;
        margin: 0px;
        padding-top: 20px;
        color: #000
    }
    
    .ineer-section p {
        font-size: 16px;
        margin: 0px;
        padding-top: 5px;
        color: #000
    }
    
    .ineer-section a {
        font-size: 16px;
        margin: 0px;
        padding-top: 5px;
        color: #000;
    }
    
    .contact-secion {
        padding: 50px 0px;
    }
    
    .contact-logo p {
        padding: 20px 170px 0px 0px;
    }
    
    .contact-form input {
        display: block;
        width: 60%;
        margin: 0px 0px 20px 0px;
        padding: 7px;
    }
    
    .contact-form label {
        font-size: 16px;
        font-weight: 400;
    }
    
    .contact-form textarea {
        display: block;
        width: 60%;
        height: 150px;
        padding: 5px 8px;
    }
    /*=======================About Page End=============================*/
    
    .after-login li a {
        position: relative;
    }
    
    .second-header a:before {
        display: none !important;
    }
    
    header .dropdown-item:focus,
    .dropdown-item:hover {
        background: unset !important;
    }
    
    button.singin_buttonsss {
        width: 60%;
        padding: 11px 0;
        border: 0;
        margin: 25px 0 0 0;
        background: #f96302;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        border-radius: 5px;
    }
    
    .draft-btn ul li a {
        border: 1px solid #ddd8cd;
        padding: 7px 12px;
        background: transparent;
        font-size: 15px;
        color: #9c9c9c;
        font-weight: 400;
    }
    
    .draft-btn ul li a::first-child {
        margin: 0px;
    }
    
    .draft-btn ul li a.active.show {
        background: #f96302;
        color: #ffff;
        border: none;
        padding: 7px 12px;
    }
    
    .creat-job-acccordion .card-header {
        background: transparent !important;
    }
    
    .creat-job-acccordion .card-header a {
        color: #000 !important;
    }
    
    .creat-job-acccordion .accordion .card-header.collapsed:after {
        content: "";
        background: url("https://img.icons8.com/ios-glyphs/24/000000/expand-arrow--v1.png");
        position: absolute;
        width: 24px;
        height: 24px;
        right: 10px;
    }
    
    .creat-job-acccordion .accordion .card-header:after {
        content: "";
        background: url("https://img.icons8.com/ios-glyphs/24/000000/collapse-arrow.png");
        position: absolute;
        width: 24px;
        height: 24px;
        right: 10px;
    }
    
    .skills-check-part .form-check input {
        width: 15px !important;
        top: 2px;
    }
    
    .skills-check-part .form-check label {
        padding-top: 0px;
    }
    
    .Builder-section h3 {
        font-size: 16px;
        font-weight: 400;
        padding-left: 12px;
        margin-bottom: 0;
    }
    
    .Builder-section {
        border-top: 1px solid #dbd6d6c7;
        border-bottom: 1px solid #dbd6d6c7;
        margin-top: 20px;
        padding: 15px 10px;
    }
    
    .devloper-datails ul li a {
        border: 1px solid #ddd8cd;
        padding: 7px 33px;
        margin: 0px 5px;
        background: transparent;
        font-size: 15px;
        color: #9c9c9c;
        font-weight: 400;
    }
    
    .devloper-datails ul li a.active.show {
        background: #f96302;
        color: #ffff;
        border: none;
        padding: 9px 31px;
    }
    
    .believe-text_button button {
        margin: 20px 0 0 0;
        border: 0;
        background: #f96302;
        color: white;
        padding: 12px 20px;
        text-transform: capitalize;
        border-radius: 5px;
        font-size: 18px;
        font-weight: 500;
    }
    
    .live-resume-items {
        float: right;
        border: 0;
        padding: 10px 14px;
        color: white;
        background: #f96302;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 500;
    }
    
    .message-content-right {
        padding: 0px;
    }
    
    .message-month h3 {
        font-size: 16px;
        font-weight: 400;
    }
    
    .message-input-left {
        padding: 70px 0px 0px 0px;
    }
    
    .cheat-section {
        text-align: center;
        padding-top: 10px;
    }
    
    .cheat-section p {
        font-size: 16px;
        font-family: 'Nunito Sans', sans-serif !important;
        font-weight: 400;
        color: #707070;
    }
    
    .cheat-section p span {
        color: #f96302;
    }
    
    .cheat-box {
        background: #f96302;
        padding: 10px 10px;
        border-radius: 5px;
        position: relative;
        color: #fff;
        margin-top: 20px;
        max-width: fit-content;
        width: 80%;
    }
    .cheat-box p {
        font-size: 14px;
        word-break: break-all;
    }
    
    .cheat-box span {
        font-size: 12px;
    }
    
    .cheat-box-2 {
        background: #f96302;
        padding: 10px 10px;
        border-radius: 5px;
        width: 26%;
        position: relative;
        color: #fff;
        margin-top: 10px;
    }
    
    .cheat-box-2 p {
        font-size: 14px;
    }
    
    .cheat-box-2 span {
        font-size: 12px;
    }
    
    .send-btn .input-group-text {
        background: #f96302;
        border: 1px solid #f96302;
        color: #fff;
    }
    
    .send-btn input {
        padding: 10px !important;
    }
    
    .send-btn .input-group-prepend span {
        padding: 0px 20px !important;
    }
    
    .input-group.input-group-sm.send-btn {
        position: absolute;
        bottom: 0px;
        background: #ebebeb73;
        padding: 10px;
    }
    
    .left-section-border {
        border-right: 1px solid #dee2e6;
    }
    
    .red {
        background: #f96302;
        position: absolute;
        width: 11px;
        height: 15px;
        right: -4px;
        top: 39%;
        -ms-transform: rotate(20deg);
        transform: rotate(34deg);
    }
    
    a:hover {
        text-decoration: none !important;
    }
    
    .devid-right-box {
        background: aliceblue;
        padding: 15px;
        align-items: center;
        text-transform: capitalize;
    }
    
    .devid-name h6 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0px;
    }
    
    .devid-name p {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px;
        color: #707070;
    }
    
    .devid-view h6 {
        color: #f96302;
        font-size: 14px;
        margin: 0px;
        padding-left: 10px;
    }
    
    .devid-view a {
        display: flex;
        align-items: center;
    }
    
    button.live-resume-items:disabled {
        background: antiquewhite;
        cursor: not-allowed;
    }
    
    .draft .filter_items_check {
        border-right: 1px solid #e5e5e5;
        min-height: 80vh;
    }
    
    .filter_items_check .nav-tabs {
        justify-content: space-between;
    }
    
    a#star_this_job {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        background: #f96302;
        padding: 10px 37px;
        cursor: pointer;
    }
    
    .setting-text a h2 span img {
        padding-right: 10px;
    }
    
    .same-text.Devious h6 {
        padding-top: 30px;
    }
    
    .relative svg.w-5.h-5 {
        width: 20px;
        margin: -5px 0;
    }
    
    .flex.justify-between.flex-1.sm\:hidden,
    p.text-sm.text-gray-700.leading-5 {
        display: none;
    }
    
    span.relative.z-0.inline-flex.shadow-sm.rounded-md {
        margin: 20px 0;
        display: block;
        box-shadow: none !important;
    }
    
    .relative a {
        color: #f96302;
    }
    
    .setting-button.Edit.activity-page a button {
        padding: 9px 22px;
    }
    
    .retired {
        padding: 20px 0px;
    }
    
    .nypd-1 span {
        display: block;
        font-size: 16px;
        font-family: 'Poppins', sans-serif !important;
        color: #666666;
        padding-bottom: 10px;
        font-weight: 400;
    }
    
    .inner-sec {
        float: left;
    }
    
    .inner-sec {
        background: #f3f2f1;
        padding: 20px;
        border: 1px solid #dadada;
    }
    
    .nypd-1 {
        width: 80%;
    }
    
    .inner-text {
        padding-left: 90px;
        padding-top: 10px;
    }
    
    .inner-text h4 {
        font-size: 18px;
        font-weight: 500;
        font-family: 'Nunito Sans', sans-serif;
    }
    
    .inner-text h5 {
        font-size: 18px;
        font-weight: 400;
        font-family: 'Nunito Sans', sans-serif;
    }
    
    span.activity_ponter {
        background: #f96302;
        position: absolute;
        width: 20px;
        border-radius: 100%;
        height: 20px;
        text-align: center;
        color: white;
        font-size: 13px;
        font-weight: 700;
        top: -13px;
        right: -10px;
    }
    .mobile_count_Activity {
        background: black !important;
        right: 9% !important;
        top: 10px !important;
        width: 22px !important;
        align-items: center !important;
        display: flex !important;
        justify-content: center;
    }
    
    span.activity_ponterss {
        background: #f96302;
        width: 8px;
        height: 8px;
        position: absolute;
        border-radius: 100%;
        left: -5px;
    }
    
    span.activity_ponterssss {
        position: absolute;
        width: 8px;
        height: 8px;
        background: black;
        right: 26%;
        top: 15px;
        border-radius: 100%;
        min-height: unset !important;
    }
    
    p.activityMessageData {
        width: 10px;
        height: 10px;
        background: #f96302;
        position: absolute;
        left: 75px;
        border-radius: 100%;
        top: 58px;
    }
    
    .activity-sec {
        position: relative;
    }
    
    .removedPostingjob p {
        font-size: 14px;
        font-weight: 400;
    }
    
    .removedPostingjob {
        border-bottom: 1px solid #cfd7d7;
        padding: 9px 37px 50px 10px;
    }
    
    .removedPostingjob a.card-title {
        font-size: 20px;
        font-weight: 600;
    }
    
    a.removed-posting {
        float: right;
        background: red;
        color: white;
        padding: 10px 12px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 6px;
    }
    
    a.removed-posting:hover {
        color: #fff;
    }
    
    .applicants-heading span img {
        cursor: pointer;
    }
    
    a.text-class.mx-2:hover {
        color: white;
    }
    
    .skills-data-title li {
        font-size: 14px;
        text-transform: capitalize;
        margin-left: 20px;
        margin-top: 6px;
        color: #788189;
    }
    
    .popover-content {
        padding: 8px 9px;
        border: 1px solid #d5d5d5;
        border-radius: 8px;
        width: 65%;
        margin: auto;
    }
    
    .popover-content h4 {
        font-size: 20px;
        line-height: 25px;
    }
    
    .popover-content span {
        color: #f96302;
        font-weight: 500;
        font-size: 13px;
        word-break: break-all;
    }
    
    .live-resume-user-img {
        text-align: center;
    }
    
    .live-resume-user-img img {
        border: 2px solid #f56402;
        padding: 15px;
    }
    
    .clayton-text {
        text-align: center;
    }
    
    .clayton-gray {
        padding: 80px 0px;
        /*background: url(https://app.officerlist.com/wp-content/plugins/wp-jobsearch/officerlist_latest_icons/cover-photo@3x.png);*/
        background: url(../img/Home-banner-new-responsive.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }
    
    .live-skills {
        padding: 50px 0px 0px 0px;
    }
    
    .clayton-text.test h2 {
        color: #fff;
    }
    
    .clayton-text.test h3 {
        font-size: 20px;
        font-weight: 400;
        color: #d7d5d5;
    }
    
    .resume h2 {
        color: #f96302;
        font-size: 16px;
    }
    
    .resume h2 img {
        margin-right: 8px;
    }
    
    .live-resume-pic {
        background: transparent;
        margin: 0px auto;
    }
    
    .live-resume-user-sec {
        padding: 0px !important;
        width: 160px;
        height: 150px;
        object-fit: fill;
    }
    
    .job-listing-icon {
        position: relative;
    }
    
    .job-listing-icon img.for-jobs-img {
        position: absolute;
        top: 13px;
        left: 10px;
    }
    
    .job-listing-icon input {
        padding-left: 30px;
    }
    
    .mobile-footer-part {
        margin-top: 60px;
    }
    
    .mobile-footer-part ul {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0px;
    }
    
    .social-media-link ul {
        list-style: none;
        padding-left: 0;
    }
    
    .social-media-link ul li {
        font-size: 20px;
        display: initial;
        border: 1px solid #e85c02;
        margin: 0px 0 0 15px;
        padding: 6px 11px;
    }
    
    .social-media-link ul li a {
        color: #e35a02;
    }
    
    .message-re {
        text-transform: capitalize;
    }
    
    .messaging-items-body {
        height: 440px;
        /* margin-bottom: 80px; */
        overflow-y: scroll;
        padding: 20px;
    }
    
    .receiver-message {
        left: -3px;
        transform: rotate(54deg);
    }
    
    .border-bottom,
    .input-group-prepend {
        cursor: pointer;
    }
    form#target {
        width: 100%;
        display: flex;
        padding: 0 10px;
    }
    #target input#submit {
        border: 0;
        font-size: 18px;
        padding: 0 23px !important;
        margin: 0 -1px;
        background: #f96302;
        color: white;
        font-weight: 500;
        border-radius: 3px;
        text-transform: unset;
    }
    
    .social-media-link ul li:first-child {
        margin: 0;
    }
    
    .applied-today.applied-img a img {
        float: right;
    }
    
    .credit-card-box .form-group.card.required {
        border: none;
    }
    
    .theme-btn button a {
        color: #fff;
    }
    
    #accordion h2 {
        text-transform: capitalize;
    }
    
    .left-section-border {
        overflow-y: scroll;
        height: 560px;
    }
    
    .message-countData {
        color: #f96302;
        font-size: 15px;
        font-weight: 500;
    }
    
    .swal-button--confirm {
        background-color: #f96302;
    }
    
    .swal-button:not([disabled]):hover {
        background-color: #f96302;
    }
    
    .header-bar-active a {
        color: #f86302 !important;
    }
    
    .moblie-bar-active {
        background-color: #e3610e !important;
    }
    
    #navbarNavDropdown ul li a i,
    .mobile-footer-part ul li a i,
    .mobile-footer-part ul li i {
        font-size: 16px;
    }
    
    .mode-eye {
        position: absolute;
        left: revert;
        right: 6px;
        top: 45px;
    }
    
    .password-sectionbar {
        position: relative;
    }
    
    .mode-eyes {
        position: absolute;
        right: 6px;
        bottom: 15px;
    }
    
    .model-bar-change {
        display: flex;
    }
    
    .model-bar-change .iti--allow-dropdown {
        width: 25%;
    }
    
    .marcus-content h3 a {
        color: #000;
    }
    
    a.goog-logo-link {
        display: none;
    }
    
    body {
        top: 0 !important;
    }
    
    iframe#\:1\.container {
        display: none;
    }
    /* this is latest updated css */
    
    .spanish_language button.get-btn {
        margin-left: 0px;
        width: 180px;
    }
    
    .spanish_language .banner-btn a button {
        width: 180px;
    }
    
    .spanish_language ul.nav.nav-tabs.border-0 {
        justify-content: start;
        height: auto;
    }
    
    .spanish_language ul.nav.nav-tabs.border-0 li {
        margin-right: 15px;
    }
    
    .spanish_language .draft-input input {
        margin: 0 0 20px 0;
    }
    
    .spanish_language ul.list-unstyled.pl-0.mb-0.after-login.ml-auto {
        display: flex;
        align-items: center;
    }
    
    .spanish_language ul.list-unstyled.pl-0.mb-0.after-login.ml-auto .goog-te-gadget {
        font-family: arial;
        font-size: 11px;
        color: #666;
        white-space: nowrap;
        padding: 0 0 0 35px;
    }
    
    .spanish_language .filtter-new-section .devloper-datails ul li a.active.show {
        background: #f96302;
        color: #ffff;
        border: none;
        padding: 9px 5px;
    }
    
    .spanish_language .filtter-new-section .devloper-datails ul li a {
        border: 1px solid #ddd8cd;
        padding: 7px 5px;
        margin: 0px;
        background: transparent;
        font-size: 15px;
        color: #9c9c9c;
        font-weight: 400;
    }
    
    .spanish_language .filtter-new-section .filtter-new-left {
        border-right: 1px solid #eeeeee;
        padding: 40px 7px 60px 0px;
    }
    
    .spanish_language .filtter-new-section ul.nav.nav-tabs.border-0 li {
        margin-right: 0px;
    }
    
    .spanish_language .search-for-job.job-listing-icon.listing-search-box.d-flex {
        justify-content: space-between;
    }
    
    .spanish_language .goog-te-gadget .goog-te-combo {
        margin: 4px 0;
        padding: 6px 0;
    }
    
    .spanish_language section.draft .container .row .filter_items_check .panel-heading .panel-title ul.nav {
        justify-content: start;
        height: 100px;
    }
    
    .spanish_language .worker #insert_job .worker-signup .woeker-form {
        align-items: start !important;
    }
    
    .goog-te-gadget .goog-te-combo {
        margin: 4px 0;
        padding: 6px 0;
    }
    
    header section.header-box ul.list-unstyled.pl-0.mb-0.after-login.ml-auto {
        display: flex;
        align-items: center;
    }

    .goog-te-gadget {
    color: transparent !important;
}
.footer-about .contact-us-btn{
    background: #f96302;
    padding: 15px 0px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    width: 40%;
    text-align: center;
    border: none;
}
.contact-us-btn a,.contact-us-btn a:hover{
    color: #fff;
}
.contact-us-btn::before {
    content: unset !important;
}
select.goog-te-combo {
    background: #f96302;
    padding: 10px 16px !important;
    border-radius: 4px;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 8px !important;
    text-transform: uppercase;
    color: #fff !important;
    border: none;
}

div#google_translate_element,iframe#\:2\.container {
    display: none;
}

ul.translation-linkss,ul.translation-links {
    padding: 0;
    list-style: none;
    margin-top: 6px;
}
.translation-linkss a,.translation-links a {
    background: #f96302;
    padding: 7px 22px;
    color: white !important;
    font-size: 18px;
    border-radius: 5px;
}
.translation-linkss a:hover,.translation-links a:hover{
    color: white !important;
}
.user-image-reting img{
    height: 60px;
    object-fit: cover;

}
.rate img{
        height: 15px;
    width: 85px;
}
.rate {
    height: auto;
}



/*Our Block page Start*/
.ourBlog,.ourBlog p{
    text-align: center;
    margin: auto;
}

.about-page.ourBlog_Main {
        background-image: url(../img/ourBlog.JPG);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 224px 0px;
    }
.blog-text{
    font-size: 36px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
    padding-bottom: 30px;
}
.blog-section{
    padding: 80px 0px;
}
.ourBlog_Ineer span{
    font-size: 10px;
    color: #f96302;
    font-weight: 400;
    padding-bottom: 10px;
    font-family: "Poppins";
}
.ourBlog_Ineer h4{
    font-size: 18px;
    line-height: 26px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
}

.ourBlog_Ineer p{
    font-size: 14px;
    line-height: 22px;
    color: #747474;
    font-weight: 400;
    font-family: "Poppins";
}

.ourBlog_Ineer a h6{
    font-size: 14px;
    line-height: 26px;
    color: #f96302;
    font-weight: 500;
    font-family: "Poppins";
    margin-bottom: 0;
}

.ourBlog_Ineer a h6 i{
    padding-left: 5px;
    font-size: 12px;
}
.ourBlog_Ineer img {
    height: 220px;
    object-fit: fill;
}

/*About_TrabajoList_Contact start*/

.Contact_Text{
    font-size: 36px;
    line-height: 60px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
}
.About_TrabajoList_Contact {
    padding: 80px 0px;
}
.Woodmere {
    background: #f96302;
    border-radius: 20px;
    text-align: center;
    padding: 180px 0px;
    width: 95%;
        margin-left: 77px;
}

.Woodmere span{
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
    display: block;
    padding-top: 20px;
}
.Woodmere_form p{
    font-size: 16px;
    line-height: 24px;
    color: #747474;
    font-weight: 400;
    font-family: "Poppins";
}
.Woodmere_form p span{
    color: #f96302;
}
.Woodmere_form_ineer {
    border: 1px solid #b1b1b1;
    border-radius: 26px;
    padding: 50px 80px;
    width: 90%;
}
.Woodmere_form_ineer h3{
    font-size: 36px;
    line-height: 60px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
    padding-bottom: 30px;
}

.Woodmere_form_ineer label{
    font-size: 16px;
    line-height: 32px;
    color: #302f24;
    font-weight: 500;
    font-family: "Poppins";
}

.Woodmere_form_ineer input::placeholder{
    font-size: 14px;
    line-height: 32px;
    color: #747474;
    font-weight: 400;
    font-family: "Poppins";
}
.Woodmere_form_ineer input {
    border: none;
    background: #f6f6f6;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
}
.Woodmere_form_ineer textarea{
        border: none;
    background: #f6f6f6;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
     font-size: 14px;
    color: #747474;
}
.z-index-section{
    z-index: 1;
}
.Woodmere_form_ineer_button {
    text-align: center;
    padding: 50px 0px 20px 0px;
}
.Woodmere_form_ineer_button button{
    background: #f96302;
    font-size: 16px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Poppins";
    text-align: center;
    border: none;
    border-radius: 5px;
    padding: 10px 40px;
}



.blog-single .image-gallery {
    width: 100%;
}

.blog-single .wrapper {
     margin: 0 auto;
     width: 100%;
     text-align: center;
}
 .blog-single .image-gallery {
     margin: 0 auto;
     display: table;
}
 .blog-single .primary, .thumbnails {
     display: table-cell;
}
 .blog-single .thumbnails {
    display: flex;
    flex-wrap: wrap;
}
 .blog-single .primary {
     width:50%;
     height: 400px;
     background-color: #ccc;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
/* .blog-single .thumbnail:hover .thumbnail-image, .selected .thumbnail-image {
     border: 4px solid red;
}*/
 .blog-single .thumbnail-image {
    width: 107px;
    height: 100px;
    margin: 6px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
.blog-single{
    padding: 80px 0px;
}
.blog-single .image-gallery main.primary {
    border-radius: 18px;
}
.blog-single .thumbnails a div {
    border-radius: 8px;
}

.Chauffeur_Posted span{
    padding: 40px 0px;
    display: block;
    font-size: 14px;
    color: #f96302;
    font-weight: 400;
    font-family: "Poppins";
}

.Chauffeur_Posted h2{
    font-size: 36px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
    padding: 0px 0px 30px 0px;
}



.Chauffeur_Posted h5{
   font-size: 24px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
}



.Chauffeur_Posted p{
font-size: 16px;
line-height: 26px;
color: #6c6b67;
font-weight: 400;
font-family: "Poppins";
text-align: left;
padding: 20px 0px;
width: 67%;
}

.wizard ul.nav.nav-tabs {
    display: none;
}
button.default-btn.next-step,button.default-btn.prev-step {
    background: #f96302;
    border: 0;
    padding: 10px 10px;
    color: white;
    border-radius: 4px;
}

.section-mission-heading {
    margin-top: 90px;
}
.section-mission-heading h1 {
    font-size: 36px;
    color: #302f24;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
    padding-bottom: 30px;
}
.section-mission-heading p {
    font-size: 16px;
    line-height: 22px;
    color: #747474;
    font-weight: 400;
    font-family: "Poppins";
    width: 60%;
    display: inline-block;
}

.meain-box-type img {
    width: 25%;
}

.meain-box-type {
    margin-bottom: 50px;
}

.meain-box-type p {
    font-size: 15px;
    font-weight: 500;
}
.meain-box-type h6 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.porting-h2 {
    font-weight: 600;
    font-size: 40px;
    width: 100%;
    margin: auto;
    line-height: 60px;
}
.textarea-others textarea,.textarea-others_data textarea {
    height: 85px;
    width: 100%;
    border: 1px solid !important;
}

.textarea-others,.textarea-others_data {
    width: 97%;
    margin: auto;
    margin-top: 20px;
}

.z-index-section {
    padding-top: 131px;
}
.draft-desing a {
    color: #f96302 !important;
    font-weight: 500;
}
.delete_job_btn{
    padding: 0 10px;
}

.delete-job-modal a,.delete-job-modal a:hover{
    border: 1px solid #ddd8cd;
    padding: 7px 12px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    background: #f96302;


}

.delete-job-modal button {
    border: 1px solid #ddd8cd;
    padding: 7px 12px;
    background: transparent;
    font-size: 15px;
    color: #9c9c9c;
    font-weight: 400;
}

/* 10-4-2023 */
.message_send_input {
    display: inline-block;
    border: solid 1px #d4cece;
    width: 100%;
    max-width: 100%;
    height: 40px;
    margin-right: 5px;
}
.offer-extended-box {
    width: 40%;
    text-align: center;
    border: 1px solid;
    padding: 20px 0;
    margin-top: 20px;
}
.offer-extended-box h5 {
    font-size: 18px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.offer-extended-box p {
    font-size: 14px;
}
.offer-extended-box h5 .message-offer-extende-icon{
    width: 25px;
    object-fit: cover;
}
.offer-extended-box h5 img.message_icons{
    width: 30px;
}
img.message-cancle {
    width: 18px;
    margin-top: -4px;

}
.resume {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.star-btn{
    border: none ;
    background: #fa6302 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
}

.live-resume-resume-profile-btn a,.live-resume-resume-profile-btn:hover a{
    border: none ;
    background: #fa6302;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;

}

.live-resume-resume-profile-btn a.cancel_job_offer {
    background: linear-gradient(to bottom,#c43b2d, #9b2e22) !important;
    background-image: -webkit-linear-gradient(bottom, #9b2e22, #c43b2d) !important;
    border: 1px solid #671c15;
    font-weight: 600;
    border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
}

.live-resume-resume-profile-btn a.worker_profile_rejected{
    background-color: #ffe8e4 !important;
    color: #e84b35 !important;
    border: 1px solid #e84b35;
    cursor: default !important;
}
.live-resume-resume-profile-btn a img {
    width: 22px;
    margin-right: 5px;
}

.live-resume-resume-profile-btn a.offer_job_btn{
    background-color: #fff;
    color: #e84b35 !important;
    border: 1px solid ;

}
.offer-extended-box button {
    background: #f96302;
    padding: 7px 22px;
    color: white !important;
    font-size: 18px;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
}

.offer-extended-box button.already-reply-of-offer{
    background: #f9630278;
    position: relative;
    cursor: default;


}
.offer-extended-box button.already-reply-of-offer::before {
    content: "";
    /* background-color: red; */
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.offer-extended-box button.reply-of-offer-to{
    background-color: #fff;
    color: #f96302 !important;
    border: 1px solid #f96302;
}
.accept-cur{
    cursor: default !important;
}


/* 11--4-23 */
.latest_resume_input {
    position: relative;
    margin-left: 5px;
    margin-bottom: 20px;
}
.latest_resume_input:before {
    content: "choose file";
    background: #f96302;
    width: 107px;
    position: absolute;
    height: 100%;
    left: 0;
    text-align: center;
    padding-top: 2px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
}
.latest_resume_heading{
    font-size: 18px;
    font-weight: 500;
    padding-left: 5px;
    
}

.banner-box{
    display: flex;
    justify-content: space-between;
}
.banner-text {
    width: 50%;
}