html {
    position: relative;
}

.input-validation-error {
    border-bottom-color: #ff0000 !important;
}

.field-validation-error, .field-validation-error span {
    color: #ff0000 !important;
}

.div-amount-cont {
    padding: 0px 5px 0px 0px;
}

.div-tab-amount-cont {
    padding: 0px 2px 0 2px;
}

.skills-list li {
    margin: 3px 5px 0px 0px;
}

.comp-prof-bx .nav-tabs > li.active > a, .comp-prof-bx .nav-tabs > li.active > a:hover, .comp-prof-bx .nav-tabs > li.active > a:focus {
    background-color: #01aa9e !important;
}

.div-tab-amount-cont .amount-cont {
    padding: 10px 2px;
}

.text-danger .field-validation-error {
    color: #ff0000;
}



nav.navbar.navbar-default.navebar_bg.affix {
    background: #fff;
    box-shadow: 0 0 0.5px #ddd;
}

header.header.affix {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    z-index: 9999999;
}

.header {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

header.header.affix .navbar.navbar-default.navebar_bg {
    background: #f1f5f8;
    box-shadow: 0 0 0.5px #bfbcbc;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.navbar.navbar-default.navebar_bg {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.affix {
    -webkit-transition: all 0.12s ease-in-out;
    -moz-transition: all 0.12s ease-in-out;
    -ms-transition: all 0.12s ease-in-out;
    -o-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}
/*.panel-body-1 {
    min-height: 70px;
    padding: 20px 20px 7px;
}*/
.edu-bx li {
    padding-bottom: 15px;
}

.cp-box1 {
    max-width: 865px;
    margin: 0 auto;
}

.cp-box1 {
    box-shadow: 0 0 10px #e4e3e3;
    border: 1px solid #ececec;
}

.profile-top-box {
    border: none !important;
    box-shadow: none !important;
}

.skill-profiles {
    box-shadow: 0 0 10px #e4e3e3;
    border: 1px solid #ececec;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 2px solid #e2d9d9;
}

.bodr-bot {
    margin-bottom: -20px;
    border-bottom: none !important;
    margin-left: 8px;
}

.comp-prof-bx .nav-tabs > li.active > a, .comp-prof-bx .nav-tabs > li.active > a:hover, .comp-prof-bx .nav-tabs > li.active > a:focus {
    background-color: #ffffff !important;
    color: #59b1a6 !important;
    border-bottom: 2px solid #53ab9e !important;
}

.summr-hed {
    color: #9c9a9a !important;
}
/*.pl-0{ padding-left:0;}
.pr-0{ padding-right:0;}*/
.amount-cont span {
    color: #767676;
    font-size: 11px;
    font-weight: bold;
}

.amount-cont {
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    width: 70px;
    margin-left: -12px;
}

    .amount-cont.lft-bx {
        padding: 10px;
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 71px;
        margin-left: -2px !important;
    }

    .amount-cont.count-2 {
        width: 107px;
    }

    .amount-cont.count-3 {
        width: 107px;
    }

.teb-head > h4 {
    padding: 0 4px;
}

.amount-cont h4 {
    font-weight: bold;
    color: #000;
    margin-bottom: 3px;
}

.header .navbar-default .navbar-nav > li.active > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 4px;
    background-color: #03a89e;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none !important;
    box-shadow: none;
}

.log_pop .nav-tabs > li.active {
    color: inherit !important;
    background-color: #fff !important;
    border: none !important;
    border-bottom-color: #fff;
    cursor: default;
    border-bottom-color: #fff !important;
    margin-top: 0px;
    padding-bottom: 3px !important;
}

.summ_tab_bx .nav.nav-tabs {
    width: 100%;
    height: auto;
    padding-bottom: 0;
}

input:checked + .slider::before {
    -webkit-transform: translateX(29px);
    -ms-transform: translateX(29px);
    transform: translateX(29px) !important;
}



.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 34px;
    margin-bottom: -3px;
}

.slider.round {
    border-radius: 4px;
}

    .slider.round:before {
        border-radius: 8%;
    }

/*.header .input-group input {
    border-right: 0;
}*/

.slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 8px;
    bottom: 7px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.on {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 27%;
    font-size: 11px;
    font-family: Verdana, sans-serif;
}

.on {
    display: none;
}

.off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 72%;
    font-size: 11px;
    font-family: Verdana, sans-serif;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6dd2d2;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #52a99e;
}

span.on {
    display: none;
}

.for-app-parposal-bx {
    margin-top: 0px;
}

/*.gray-bx.comp-prof-bx-2 {
    margin-top: 20px;
}*/

.gray-bx.comp-prof-bx-2 .btn {
    width: 100%;
}

.panel-body-1 {
    min-height: 70px;
    padding: 5px 20px 5px;
    box-shadow: 0 0 0.5px #ddd;
}



.job-bx {
    box-shadow: 0 0 0.5px #ddd;
}

.light-gray-bx {
    box-shadow: 0 0 0.5px #ddd;
}

.log_btn {
    color: #777;
}

.bio-des li span {
    margin-right: 3px;
}

.tab-content.mb-2 {
    margin-top: 10px;
}

.tab-find-job.children.active .dropdown .dropbtn {
    color: #03a89e;
}

.pro-padd-right {
    padding-right: 0;
}

.add-box {
    position: unset;
    transform: none;
}

#addCertificate, #addEducation, #addExp, #myModal {
    margin-top: 72px;
}

.resend {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.add-box a:hover, .add-box a:focus {
    text-decoration: none;
}

.create-profile .panel-body {
    padding: 20px 30px 10px;
}

.cp-box .panel-body {
    min-height: 90px;
}

.div-add-info {
    padding-bottom: 20px !important;
}

.head-no-record-found {
    margin: 138px 190px 0px 200px;
}

.summ_tab_bx .nav > li > a:hover, .summ_tab_bx .nav > li > a:focus {
    background-color: #ffffff !important;
}

.summ_tab_bx .nav.nav-tabs li {
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

.edu_inn_2 .del-btn {
    opacity: 1 !important;
    display: inherit !important;
}

.panel-body.user-Categories {
    padding: 20px;
}

label.error {
    color: #ff0000;
}

#copy-profile-link {
    color: #767676;
}

.doted_bx span i.fa-circle {
    font-size: 7px;
}

.doted_bx {
    margin-right: 0px;
    margin-top: -38px;
}

.mar-top-22 {
    margin-top: 22px;
}

.profile-con-bx {
    padding: 20px 0px 0px;
    text-align: center;
}

.teb-head {
    padding: 0px 0 10px;
}

.edu_inn_2 {
    margin-bottom: 0;
}

.edu-bx li {
    padding-bottom: 0px;
}

.edit-pic-profile {
    width: 25px;
    height: 25px;
    background-color: #03a89e;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    color: #fff;
    position: absolute;
    top: 23px;
    right: 30px;
    display: none;
}

.profile-con-bx:hover .edit-pic-profile {
    display: block;
}

.tab-find-talent.active a.active {
    color: #04a99b;
}

.fw-card .title.username .bookmark-icn {
    color: #bfc1c0 !important;
    border: 3px solid #bfc1c0 !important;
    opacity: 1 !important;
}

.panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 100%);
}

.create-profile {
    padding: 15px;
}

    .create-profile .panel-title {
        padding: 0px;
    }



.lbl-country-code {
    background: #eee !important;
}

.file-up-bx {
    margin: 17px 0px 0px;
}

.find-telent {
    padding: 10px 0;
}

.sidebar {
    margin-top: 32px;
}

select.jop_pag_width {
    padding: 0 7px;
    height: 32px;
}

.shortBy .select-form::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 14px !important;
}

.bod_lft {
    position: relative;
}

    .bod_lft:after {
        position: absolute;
        width: 3px;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        background-color: #03a89e;
        opacity: 0;
    }



span.moreellipses, span.morecontent {
    font-size: 14px;
}

p.fix-price {
    margin: 3px 0;
}

.bod_lft .tl-profile {
    padding: 5px 0 5px;
}

.bod_lft .fw-card {
    border: 1px solid #E0E0E0;
    padding: 10px 0 8px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 20px;
}

    .bod_lft .fw-card:hover {
        border: 1px solid #FFD600;
    }



.saved-job-list {
    margin: 0 auto;
    display: block;
    float: none;
}

.shortBy {
    margin-bottom: 12px;
}

h2.heading-2 {
    text-align: center;
    margin: 0 auto;
    display: block;
    float: none;
    margin-bottom: 30px;
    color: #02a7a0;
}

.pree-inn-cont {
    min-height: 45px;
}

.div-about-client {
    margin-bottom: -20px;
}

    .div-about-client .col-md-3 {
    }

h1.heading-1.jp-not-found {
    margin: 0 0 20px;
}

.gray-bx {
    background: #f9f9f9;
}

.lbl-doller-sign {
    padding: 5px;
    background: #eee !important;
}

.bird-bx h4 {
    margin: 6px;
}

.bp-balance-bx {
    background: #fff;
    margin: 20px 75px;
}

.mar-bot-25 {
    margin-bottom: 10px;
}

.div-priview-earn {
    margin: 0px 0px 15px;
}

.pad-botm-15 {
    padding-bottom: 15px;
}

.innate-img {
    margin: -10px 20px 0px 0;
}

.innate-bx {
    margin-top: 10px;
}

.bod_lft:hover .title a {
    color: #03a89e;
}

.login-box {
    display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 355px;
    margin: auto;
}

.div-sign-up {
    height: 540px;
}

#menuBarDiv {
    display: none;
}

.add-press-bx h2 a {
    color: #3b3b3b;
    text-decoration: none;
}

.lbl-earn-doller-sign {
    padding: 5px;
}

.job-bx_1 {
    background: #fdfdfd;
}

    .job-bx_1 .offer_prid h1 {
        font-size: 28px;
    }

.btn-decline-offer {
    color: #000;
}

.head-category-name {
    color: #04a99b !important;
    font-weight: 600;
}

.sub-pre_2 #confirmation157497 {
    top: -128px;
}


.img-circle.user-profile-pic, .profile-con-bx .img-circle {
    height: 90px;
}

.profile-con-bx h4 {
    font-size: 21px;
    font-size: 21px;
}

.profile-con-bx .rating-bx li span {
    font-size: 16px;
}

.form-group.padd-t {
    margin-top: 5px;
}

.Editor-container {
    margin-top: 0px !important;
}

.pro-exp1 label {
    margin-bottom: 10px;
}

#radioBtn .notActive {
    font-size: 13px;
}

.experiencelevel.select-level-job-li.notActive:hover {
    background: #03a99f !important;
    color: #fff !important;
}

.bg-img-1, .bg-img-22, .bg-img-33, .bg-img-44 {
    background-size: 25px;
}

.custom-job-bx .advanced-bx a {
    font-size: 14px;
}

.advanced-bx li::before {
    top: 6px;
    right: 4px;
    border-width: 13px;
}

.advanced-bx {
    padding: 7px 0px 7px 50px;
    border-radius: 3px;
    margin-left: 0;
}

.list-inline.advanced-bx > li {
    padding-right: 30px;
    padding-left: 8px;
}

.light-gray-bx.bod-l-r {
    border: 1px solid #dedede;
}

.job-info-bar {
    padding-left: 20px;
}

    .job-info-bar.for-app-icon li {
        /*padding-right: 80px !important;*/
    }

        .job-info-bar.for-app-icon li i {
            font-weight: 600;
        }

.skbox h3 {
    font-size: 15px;
}

.tl-profile li {
    padding: 4px 15px;
}

#invite-potencial {
    margin-top: -20px;
}

.tl-img {
    width: 110px;
    height: 110px;
}

.title.username a {
    font-size: 20px;
    font-weight: 700 !important;
}

.ad-inn-bx .degination {
    font-size: 18px;
    margin: 10px 0;
}
/*.ad-inn-bx .bio-des li {
    font-size: 13px !important;
}*/
.bio-des li {
    font-size: 13px !important;
}

.bio-des span > img {
    height: 20px;
    margin-top: -3px;
}

.tl-profile {
    padding: 0px;
}

.title.username a.invit-btb-bx.btn.btn-primary {
    font-size: 13px;
    height: 40px;
    padding: 10px 18px 0px 18px;
    margin-top: 10px;
}

.degination > span {
    color: #707070 !important;
    font-weight: 600;
}

#divInviteTalentResult .title.username {
    line-height: 0;
}

.online {
    width: 12px;
    height: 12px;
    right: 0px;
    top: 80px;
}

.find-pad-0 {
    padding: 0 !important;
}

section#divProposals {
    margin-top: -30px;
}

.ind-bx h3 img {
    width: 18px;
    margin-top: -5px;
}

.ind-bx {
    margin: 10px 0;
}

    .ind-bx h3 {
        font-size: 14px;
    }

        .ind-bx h3 span {
            font-size: 13px;
        }

.amount-bx li {
    font-size: 15px;
}

.propsla-bx {
    padding: 5px 0px 0px 0px;
}

.tl-img {
    margin: 0px 0 22px 0px;
    position: relative;
}

.div-find-talent span.online {
    right: 15px;
    top: 69px;
}

.div-find-talent {
    padding: 20px 10px;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
}

    .div-find-talent .degination {
        margin-top: 12px !important;
        line-height: 6px;
    }

    .div-find-talent .bio-des {
        padding: 14px 0 0;
        line-height: 30px;
    }

    .div-find-talent .tl-data {
        margin-bottom: 10px;
    }

.initatio-tab-bx .tab-content.clearfix {
    padding: 20px 20px 0px 20px;
}

.bg-proposal, .drop-togal-bx {
    background: #f9f9f9;
    border-left: 1px solid #dedede;
}

#divInviteTalentResult .online {
    right: 15px;
}

.heire-bx .confirmation-buttons a.btn-xs {
    /*padding: 12px 20px;*/
    margin: 0;
}

.heire-bx .popover, .msg-btn-bx .popover {
    max-width: auto;
}

.div-offer-sent {
    border: 1px solid #f2d100;
}

    .div-offer-sent .drop-togal-bx {
        border-left: 1px solid #f2d100;
    }

.lbl-offer-sent {
    margin: 15px 0px 20px 24px;
}

.os-static {
    margin: 0px 0 0 0px;
}

.btn-client-message {
    padding: 10px 15px;
}

.os-static .new-rating {
    margin-top: 40px 0;
}

.os-static .msg-btn-bx {
    padding: 0px 0 0 0;
}

#frmSaveJobsProposal .gray-bx {
    padding: 10px 8px;
}

.bod-l-r .for-app-icon li {
    padding-right: 10px;
    padding-left: 15px;
}

.left-section-1 .light-gray-bx {
    background: #f9f9f9;
    border: 1px solid #dedede;
    padding: 7px 10px;
}

#job-requeirment .left-section-1 .light-gray-bx {
    padding: 7px 0;
}

.open-job-main.padd-top-20 {
    padding: 20px 0;
}

.nav-tabs.div-proposal-tabs {
    margin-bottom: 20px !important;
    /*background: #fff;
    border-bottom: 2px solid #dedede !important;*/
}

.find-pad-0 .initatio-tab-bx {
    background-color: #fff;
}

    .find-pad-0 .initatio-tab-bx .nav-tabs {
        border: none;
    }

        .find-pad-0 .initatio-tab-bx .nav-tabs > li > a {
            color: #000;
        }

#postOffer {
    margin-top: 70px;
}

.div-find-talent .title.username {
    margin: 0;
    line-height: 30px;
}

.btn-white.btn-shortlist-decline {
    width: 100%;
}

.div-terms {
    min-height: 0;
    margin-bottom: 0;
}

/*******profile_edit*20-08-19**********/
.container-hr .editControl .control-value {
    width: 92px;
    margin-left: 13px;
    margin-top: -23px;
    margin-bottom: 0;
    height: 28px;
    border-radius: 0;
}

.container-hr .editControl .del-btn.save-hourlyrate {
    position: absolute;
    top: -2px;
    right: 8px;
}

.container-hr .editControl .del-btn.cancel-edit-content {
    position: absolute;
    right: 8px;
    top: 11px;
}

.dolar-sign {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #000;
}

.mb-10 {
    margin-bottom: 0px;
    width: fit-content;
    font-weight: bold;
}

.fa.fa-pencil {
    font-size: 15px;
}

.location-txt {
    margin: 5px 0
}

.container-name {
    width: fit-content;
    font-weight: bold;
}
/*.container-name .del-btn.save-displayname {
        position: absolute;
        top: -2px;
        right: 16px;
    }
.container-name .del-btn.cancel-edit-content {
        position: absolute;
        right: 17px;
        top: 11px;
    }*/
.dis-line {
    display: inline-flex;
    width: 100%;
}

.edir_btn_bx {
    display: inline-flex;
    margin: 5px 5px;
}

#statusbar {
    display: none;
}

.dis-col {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
}

.profile-edit-cat a.talent-save-btn.save-category.btn.btn-primary.panel-group {
    float: right;
    margin-bottom: 10px;
}

.profile-edit-cat .panel-group {
    margin-bottom: 0;
}

.edit_btn_postion {
    position: absolute;
}

.profile-img-bx:hover:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba

{
    0, 0, 0, 0.5;
}

}

.profile-img-bx {
    position: relative;
    height: 165px;
    width: 165px;
}

.img-top-dv-portfolio {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.img-top-dv-portfolio {
    object-fit: cover;
}

.hov_bx {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    opacity: 0;
}

.profile-img-bx:hover .hov_bx {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.edit_btn_postion {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-content: center;
    align-items: baseline;
    justify-content: center;
}

    .edit_btn_postion a {
        color: #fff;
        padding: 4px;
    }

.end-save-btn {
    text-align: right;
}

/*.error {
    border-bottom: 1px solid #f00 !important;
}*/

.certifi-list-bx li p {
    margin-bottom: 0;
}

.certifi-list-bx {
    margin-top: 8px;
}

    .certifi-list-bx li:hover {
        color: #03a89e;
        cursor: pointer;
    }

        .certifi-list-bx li:hover span {
            color: #03a89e;
            cursor: pointer;
        }

.creat-profile-hr hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #e2d9d9;
}

.progress {
    margin-bottom: 13px;
}

.verify-profile2 {
    float: right;
    font-size: 12px;
    line-height: 20px;
}

.certifi-list-bx li a {
    color: #8c8b8b;
    text-decoration: none;
}
/********check box css*************/
/*.card {
    width: 500px;
    margin: 50px auto;
    clear: both;
    display: block;
    padding: 0px 0px;
    background-color: #009BFF;
    border-radius: 4px;
}*/
.card::after {
    clear: both;
    display: block;
    content: "";
}

.card .checkbox-container {
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    /*padding: 40px 0px;*/
}

.card .circular-container {
    background-color: #0067FF;
}

.input-title {
    /* clear: both; */
    /* padding: 22px 0px 0px 0px; */
    font-size: 14px;
    color: #000;
    font-weight: 400;
    /* padding-left: 43px; */
}



/* Styling Checkbox Starts */
.checkbox-label {
    display: block;
    position: relative;
    margin: inherit;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    clear: both;
    float: left;
    margin-right: 15px;
}

    .checkbox-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .checkbox-label .checkbox-custom {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 20px;
        width: 20px;
        background-color: transparent;
        border-radius: 5px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        border: 2px solid #9c9999;
    }


    .checkbox-label input:checked ~ .checkbox-custom {
        background-color: transparent;
        border-radius: 5px;
        -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1;
        border: 2px solid #000000;
    }

    .checkbox-label .checkbox-custom::after {
        position: absolute;
        content: "";
        left: 12px;
        top: 12px;
        height: 0px;
        width: 0px;
        border-radius: 5px;
        border: solid #009BFF;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(0deg) scale(0);
        -ms-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
    }


    .checkbox-label input:checked ~ .checkbox-custom::after {
        -webkit-transform: rotate(45deg) scale(1);
        -ms-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        opacity: 1;
        left: 5px;
        top: 1px;
        width: 6px;
        height: 12px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        background-color: transparent;
        border-radius: 0;
    }



    /* For Ripple Effect */
    .checkbox-label .checkbox-custom::before {
        position: absolute;
        content: "";
        left: 10px;
        top: 10px;
        width: 0px;
        height: 0px;
        border-radius: 5px;
        border: 2px solid #FFFFFF;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .checkbox-label input:checked ~ .checkbox-custom::before {
        left: -3px;
        top: -3px;
        width: 24px;
        height: 24px;
        border-radius: 5px;
        -webkit-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
        opacity: 0;
        z-index: 999;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
    }

.height-34 .form-control {
    height: 34px;
}

.width-edit .modal-body {
    position: relative;
    padding: 15px 30px;
}

.width-edit .modal-dialog {
    width: 700px;
}

a.navbar-brand img {
    width: 160px !important;
    margin-top: 9px;
    margin-bottom: 0;
    margin-right: 15px;
}

.mr-5 {
    padding-right: 0px;
}
/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: #03a89e !important;
    border: none !important;
    outline: none;
}*/
.li-group strong.active {
    color: #03a89e
}

.hide {
    display: none;
}

.img-record-not-found {
    margin: 0 auto;
    display: block;
}

.header .navbar-default .navbar-nav > .tab-post-job > a.btn.btn-primary:hover {
    background: #ffd600 !important;
}

.navbar-default .navbar-nav > .tab-post-job > a:hover, .navbar-default .navbar-nav > .tab-post-job > a:focus {
    color: #fff;
    background: #097a73 !important;
}

#ulNotification {
    background: #f1f1f1;
    min-width: 350px;
    padding: 10px 20px;
    max-height: 275px;
    height: auto;
    overflow: auto;
}

    #ulNotification li p {
        margin: 5px 0;
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 13px;
    }

    #ulNotification li .fa {
        position: absolute;
        right: 10px;
        top: 20px;
        cursor: pointer;
        color: #03a89e;
    }

    #ulNotification li:hover {
        color: #03a89e;
    }

        #ulNotification li:hover a {
            color: #03a89e;
        }


.message-box-inner {
    background: #dedede
}

/*#frmSendMessage .post-message {
    padding: 23px 40px;
}
*/
#message-boxbtn .date-fix-top {
    top: 162px
}

#frmSendMessage .addtion-btn {
    right: 125px;
    bottom: 5px;
}

.addtion-btn li {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#frmSendMessage .addtion-btn .btn {
    padding: 6px 7px;
}

.emoji-picker-icon {
    top: 20px;
    right: 103px;
}

.div-expertise-level .btn.btn-primary {
    transition: inherit !important;
}

#ulRecentSearches li {
    list-style: none;
    padding: 2px 0;
}

    #ulRecentSearches li a {
        font-weight: 600;
        color: #03a89e;
    }

.no-room-img img {
    margin: 90px auto 0;
    display: block;
    text-align: center;
    width: 75%;
}

.cheat-masseg-bx {
    height: calc(100% - 136px);
}

.message-bx .no-room-img img {
    margin: 60px auto 0;
    display: block;
    text-align: center;
    width: 75%;
}

.cheat-masseg-bx-nodata {
    padding-top: 5px;
    padding-bottom: 59px;
    height: auto;
    border-bottom: 1px solid #dedede
}

.no-message-pic img {
    margin: 30px auto;
    width: 30%;
}

.chat-profile-bx-no-data {
    height: calc(100% - 43px);
}

#ulAttachments {
    float: left;
    width: 100%
}

    #ulAttachments li {
        list-style: none;
        background: #fff;
        padding: 8px 18px;
        margin-top: 10px;
        box-shadow: 0px 0px 5px #e5e5e5;
        position: relative
    }

        #ulAttachments li p span {
            margin-right: 5px;
            color: #41a89d
        }

        #ulAttachments li p {
            color: #41a89d;
            margin: 0;
        }

.emoji-wysiwyg-editor:empty:before {
    line-height: 50px;
}

#ulAttachments li .delete-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #03a89e;
}

.date-str {
    text-align: center;
    font-size: 12px;
    position: relative;
    margin-bottom: 5px;
}

    .date-str:after {
        content: "";
        position: absolute;
        border: 0.8px solid #e5e5e5;
        width: 37%;
        height: 1px;
        top: 8px;
        right: 71px;
    }

    .date-str:before {
        content: "";
        position: absolute;
        border: 0.8px solid #e5e5e5;
        width: 37%;
        height: 1px;
        top: 8px;
        left: 71px
    }

.chat-main-section #message-boxbtn .date-fix-top {
    left: 56%;
}

.loading {
    margin-top: 180px;
    margin-left: 250px;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.pagination {
    float: right;
    margin: 0px;
}

.talet-sidebar {
    margin-top: 17px
}

.job-titles {
    margin-bottom: 21px;
}

.talent-panel {
    border: none
}

.shortBy .talent-sort {
    width: 100%;
    box-sizing: border-box
}

.fw-card:hover .title.username a {
    color: #04a99b !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.job-per-page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.job-per-page:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    left: 160px;
    top: 8px;
}

.profile-picc {
}

.header-profile {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100px;
    margin: 0px !important;
    float: left;
}

.profile-picc {
    padding-right: 0px !important;
}

.ul-recent-searches {
    margin-bottom: 5px;
}

.fw-card .title.username .bookmark-icn:hover {
    color: #03a89e !important;
    border: 3px solid #03a89e !important;
    opacity: 1 !important;
}

.drop-user-list {
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}

    .drop-user-list li a {
        padding: 12px 16px;
    }

.drop-user-list {
    margin: 0;
    padding: 0;
}

    .drop-user-list .divider {
        display: none
    }

.drop-user-list {
    border: none;
}

    .drop-user-list li a .fa {
        padding-right: 8px;
        color: #333
    }

    .drop-user-list li:hover a .fa {
        color: #03a89e
    }

    .drop-user-list > li > a:hover {
        background-color: #ddd;
        background-image: none
    }

.nav .noactivebg > a {
    background-color: transparent !important
}

.average-bx-2 {
    margin-bottom: 10px;
}

.cover-let-bx .form-group label {
    margin-bottom: 8px;
}

.myearning-group {
    margin-bottom: 8px;
}

.head-perent {
    color: #848383;
    font-weight: 600 !important;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #f1f1f1;
}

.main-site .popover {
    width: 300px;
}

.confirmation-buttons .btn.btn-default:hover {
    background: #08877f;
    border-radius: 0;
    color: #fff !important;
}

.btn-group .btn + .btn {
    margin-left: 8px;
}

.popover-content {
    padding: 15px 5px;
}

.popover.top {
    margin-top: -25px;
}

.mile_table_bx .popover-title {
    padding: 15px 14px;
    line-height: 20px;
    text-align: center;
    color: #000;
}

.mile_table_bx .pading-5-12 {
    padding: 5px 12px;
}

.mile_table_bx .fa {
    color: #a89d9d !important;
}

.table {
    margin-bottom: 0;
}

.mile_colaps_tab_bx .panel-body {
    padding: 10px 15px;
}

.mile_table_bx .table tr td span {
    display: table-cell
}

.fw-card:hover .title.username .btn {
    color: #fff !important;
}

/*------ 16-3-2020---- update css----*/
.decimal-label {
    line-height: 32px;
}

.reset-email-box {
    margin-bottom: 40px;
}

    .reset-email-box .field-validation-error {
        position: absolute;
        bottom: -30px;
        left: 49px;
    }

.popup-validation-msg .form-group label.error {
    position: absolute;
    left: 55px;
    bottom: -26px;
    font-weight: 500;
}

.popup-validation-msg .form-group {
    margin-bottom: 15px;
}

.edu_inn_2 .popover .btn-group {
    display: flex;
}
/*.edu_inn_2 .popover {
    top: -98px !important;
    left: 544.102px !important;
}*/
.logo-login img {
    margin-top: 3px !important;
}

.date-popup-tc {
    position: relative;
}

    .date-popup-tc .field-validation-error {
        position: absolute;
        left: 0px;
        bottom: -43px;
    }

/*---17-03-2020--*/

.category_page_main2 .row {
    flex-wrap: wrap;
}

    .category_page_main2 .row .col-md-3 {
        margin-bottom: 30px;
    }

.cetegorys ul li a:hover {
    color: #fff !important;
}

.popover {
    z-index: 9999;
}

.popup-validation-msg-for-sec-label .error-education-toyear {
    bottom: -48px !important;
}

.popup-validation-msg-for-sec-label .form-group {
    margin-bottom: 0px !important;
}

.popup-validation-msg-for-sec-label .btn-type {
    margin-top: 45px;
}

.div-upload-certificate .form-group {
    margin-top: 0px !important;
}
/*--18-03-2020---*/
.category_page_main2 .cetegorys {
    padding: 0px 0px !important;
}

    .category_page_main2 .cetegorys ul {
        padding: 20px 0px;
        width: 100%;
    }

.category_page_main2 .f-box {
    margin-bottom: 0px;
}

.img-upload-img-sec {
    margin-bottom: 30px;
}

.prfolie-upload-btn {
    padding: 15px 15px;
    background: #03a89e;
    color: #fff;
    font-weight: bold;
}

    .prfolie-upload-btn .fa {
        font-size: 22px;
        margin-right: 5px;
    }

    .prfolie-upload-btn:hover {
        background: #08877f;
        color: #fff !important;
    }

.noti-padd #NotifyCounter {
    position: absolute;
    top: 27%;
    background: #03a89e;
    padding: 0px 6px;
    border-radius: 35px;
    left: 17px;
    color: #fff;
}

.method_edit_designs {
    float: right;
    display: inline-flex;
    color: #a5a5a5;
    font-size: 15px;
}

    .method_edit_designs button:hover {
        color: #35a99f;
    }

.acction-drp-down {
    padding: 5px 10px;
    color: #03a89e;
    font-weight: 700;
}

.div-add-milestone .form-group .field-validation-error span {
    width: 100%;
    position: absolute;
    bottom: -19px;
    left: 0px;
}
/*--19-3-2020--*/
.mile-table-bx-2 {
    height: auto !important;
}

    .mile-table-bx-2 .table-responsive {
        overflow-x: inherit;
    }
/*.jcrop-holder{
    max-width:100%;
}
.jcrop-holder img{
    max-width:100%;
    height:auto !important;
}*/

.upload-btn-wrapper2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    /*.upload-btn-wrapper2 .btn {
        border: 2px solid gray;
        color: gray;
        background-color: white;
        padding: 8px 20px;
        border-radius: 8px;
        font-size: 20px;
        font-weight: bold;
    }*/

    .upload-btn-wrapper2 input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

/*---model-for-service----*/
.modal-for-service .modal-header {
    background-color: #0ca49b;
    padding: 10px 30px;
    color: #fff;
}

    .modal-for-service .modal-header span {
        color: #fff;
    }

    .modal-for-service .modal-header .close {
        opacity: 1;
    }

.modal-for-service .modal-body p {
    font-size: 14px;
    padding: 10px 10px;
}

.table-bill {
    width: 100%;
    margin-top: 20px;
}

.billing p {
    padding: 15px 0px 3px !important;
    margin-bottom: 0px;
}

.table-bill thead {
    background: #03a89e;
    color: #ffffff;
}

    .table-bill thead th {
        padding: 10px 5px;
    }

.table-bill td {
    line-height: 30px;
    padding: 5px 5px;
    border: 1px solid #ccc;
}

.billing h4 {
    font-size: 16px;
    font-weight: 600;
}

.service-popup-new {
    color: #03a89e;
    font-weight: 600;
}
/*----21-3-2020----*/
.drop-down-arrow {
    position: relative;
}

    .drop-down-arrow .dropdown {
        position: absolute;
        right: 0px;
        font-size: 16px !important;
        top: 0px;
        width: 100%;
    }

        .drop-down-arrow .dropdown .btn {
            line-height: 24px;
            font-size: 24px;
            padding: 10px 10px;
            background: #fff0;
            box-shadow: none;
            font-weight: 900;
            border: none;
            float: right;
            position: relative;
            z-index: 99999999;
            color: #52a99e;
        }

            .drop-down-arrow .dropdown .btn:hover, .drop-down-arrow .dropdown .btn:focus {
                background: #fff0;
                color: #52a99e !important;
            }

    .drop-down-arrow .dropdown-menu {
        padding-top: 0px;
        padding-bottom: 0px;
        top: 42px;
    }

.hr-for-job-details {
    width: 100%;
}

.profile-inn-content {
    cursor: pointer;
}
/*.drop-down-arrow .dropdown-menu:before {
            position: absolute;
            width: 23px;
            height: 23px;
            background: #fff;
            content: '';
            top: -10px;
            right: 4px;
            border-radius: 4px;
            transform: rotate(47deg);
            z-index: -9;
        }*/
.drop-down-arrow .dropdown-menu li a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), to(#fff));
    background-image: none;
    background-color: none !important;
    background: no-repeat;
}

.drop-down-arrow .dropdown-menu .active a {
    background-image: linear-gradient(to bottom, #03a89e00 0, #03a89e00 100%) !important;
    border-image: none !important;
    background-color: #fff !important;
    color: #52a99e;
}

.drop-down-arrow .dropdown-menu li {
    padding: 0px 10px;
}

.drop-down-arrow .dropdown-menu a {
    line-height: 45px;
    padding: 5px 5px;
    border-bottom: 1px solid #c3c3c3;
    text-align: right;
}

.drop-down-arrow .dropdown-menu .sec-project-li a {
    border-bottom: none;
}

.drop-down-arrow .dropdown-menu a img {
    float: left;
    margin-top: 15px;
}

.drop-down-arrow {
    width: 245px;
}

.header .input-group {
    max-width: 270px;
}

.drop-down-arrow .input-group .form-control:hover, .drop-down-arrow .input-group .form-control:focus {
    box-shadow: inset 0 0 3px rgb(82, 169, 158);
}

.btn-become .btn.btn-default:hover {
    color: #fff !important;
}

.ex-icon img {
    width: 60px !important;
}

/*----category-skill--19-3-2020-- */
.any-scop h4 {
    font-size: 17px;
    padding-bottom: 10px;
    font-weight: 600;
}

.main-hdd {
    font-weight: 500;
}

.category-skill-sec .row {
    display: flex;
}

    .category-skill-sec .row .col-md-3 {
        border-right: 2px solid #03a89e;
    }

.any-scop {
    padding: 5px 0px;
}

.hw-box-top-rated {
    box-shadow: 0px 0px 4px #ccc;
    margin: 10px;
    padding: 10px;
}

    .hw-box-top-rated h3 {
        font-size: 16px;
        font-weight: 500;
        color: #03a89e;
        text-align: center;
    }

.btn-mores {
    padding: 5px 9px !important;
    font-size: 11px !important;
    margin-top: 10px;
}

.skil-urs {
    display: inline-block;
}

    .skil-urs li a {
        line-height: 30px;
        /* border-right: 10px; */
        padding: 4px 10px;
        background: #e8f1f0;
        margin-right: 10px;
        color: #03a89e;
        border-radius: 22px;
        font-size: 10px;
    }

.find-tel-new .owl-dots .owl-dot {
    background: #777;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 3px;
}

.find-tel-new .owl-dots .active {
    background: #03a89e;
}

.find-tel-new .owl-nav {
    text-align: center;
}

/*.find-tel-new img {
    border-radius: 50%;
}*/

.find-tel-new .owl-dots {
    text-align: center;
    padding-top: 20px;
}

.skil-urs li {
    float: left;
}

.hw-box-top-rated h4 {
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;
}

.develolper-rared a {
    color: #333;
    text-decoration: none;
}

.develolper-rared .box-develop {
    box-shadow: 0px 0px 2px #c1c1c1;
    padding: 10px;
    text-align: center;
}

.box-develop h4 {
    font-size: 15px;
}

.develolper-rared img {
    padding-bottom: 15px;
    width: 50px;
}

.skill-yuls ul li {
    width: 25%;
    float: left;
}

    .skill-yuls ul li a {
        color: #333;
        padding: 10px 10px;
        line-height: 30px;
    }

.skill-btmm h2 {
    color: #03a89e;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    position: relative;
}

.bg-dark-secc {
    padding: 10px 0px;
    color: #fff;
    background: #333;
    text-align: center;
}

    .bg-dark-secc a {
        color: #03a89e;
    }

.how-it-work-category {
    padding: 0px !important;
}

.right-pics img {
    left: inherit !important;
    right: 0px;
}

.topskill_sec {
    background: #ebf6f1;
}

    .topskill_sec .col-md-7 {
        padding-top: 7%;
    }

.fw-card .title.username .bookmark-icn, .fw-card .title.username .bookmark-icn:hover {
    border: none !important;
}

.edit-some-comn {
    display: inherit !important;
}

.topskill_sec-2 .col-md-7 {
    padding-top: 5%;
}

.hw-box-top-rated {
    min-height: 330px;
}

.btn-mores {
    display: table;
}

.develolper-rared .box-develop {
    min-height: 118px;
}

.pera-bottom {
    text-align: center;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
}

.mid-no-and {
    width: 100%;
    background: #f1f5f8;
}
/*---30-3-2020----*/
.how-it-homes {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 60px;
    margin-top: 60px;
}

.testimonials_sec, .money_info {
    margin-bottom: 0px !important;
}

.money_info {
    margin-top: 0% !important;
}

.explore-heading {
    width: 100%;
}

.skill-btmm {
    padding-top: 50px;
}

.box_for_catt {
    transition: all 0.3s;
}

    .box_for_catt:hover {
        box-shadow: 0px 0px 3px 0px #6dd2d2;
    }

.category_page_main3 {
    padding-bottom: 0px !important;
}

.skill-yuls ul li {
    padding-left: 0px;
}

.f-box .back {
    padding: 15px 15px !important;
}



.drop-down-arrow .dropdown .btn {
    padding: 7px 10px;
    border-radius: 0px;
    margin-top: 2px;
    margin-bottom: 5px;
}

    .drop-down-arrow .dropdown .btn img {
        width: 20px;
    }

.sec-search-wf input {
    font-weight: 500;
}

.sec-heading-row-main {
    justify-content: center;
    padding-bottom: 40px;
}

.img-icon-skill {
    float: left;
    padding: 10px 30px;
}

.any-scop {
    border-right: 2px solid #64cbcb;
}

.any-scop2 {
    border-right: none;
}

.row-of-icon-skill-sec {
    box-shadow: 1px 1px 6px #a3dcda;
    padding-top: 20px;
    padding-bottom: 20px;
}

.buyer-freelancer-tab-new {
    box-shadow: 0px 0px 6px #a3dcda;
    margin-top: -58px;
    background: #fff;
}

.buyer-freelancer {
    background: none;
}

.buyer-freelancer-tab-new ul li {
    text-align: center;
    width: 50%;
    float: left;
    margin: 0px !important;
    padding: 20px 10px;
}

.buyer-freelancer-tab-new .nav-tabs > li > a {
    font-size: 20px !important;
    color: #555 !important;
}

.buyer-freelancer-tab-new .nav-tabs > li span {
    border-right: 2px solid #88dede !important;
}

.buyer-freelancer-tab-new ul li:hover a .one-in {
    display: none;
}

.buyer-freelancer-tab-new ul li:hover a .one-out {
    display: inline;
}

.buyer-freelancer-tab-new ul li a img {
    width: 40px;
}

.buyer-freelancer-tab-new ul li a .one-out {
    display: none;
}

.buyer-freelancer-tab-new ul li.active a .one-out {
    display: inline;
}

.buyer-freelancer-tab-new ul li.active a .one-in {
    display: none;
}

.buyer-freelancer-tab-new .nav-tabs > li.active > a, .buyer-freelancer-tab-new .nav-tabs > li.active > .freelancr-txt {
    color: #68cfce !important;
}

.buyer-freelancer-tab-new .nav-tabs > li.active > .buyer-txt {
    color: #68cfce !important;
}

.buyer-freelancer-tab-new .nav-tabs > li:hover .freelancr-txt, .buyer-freelancer-tab-new .nav-tabs > li a:hover {
    color: #68cfce !important;
}

a.navbar-brand img {
    margin-top: 15px !important;
}

.how-work-btn-it-work-new {
    padding: 60px 0 70px;
}

.alert {
    background: #fff !important;
    color: #555;
    box-shadow: 1px 1px 3px #717070;
    border-radius: 0px;
}

    .alert .fa {
        font-size: 18px;
    }

.alert-success .fa {
    color: green;
}

.alert-warning .fa {
    color: #e8e844;
}

.alert-danger .fa {
    color: red;
}

.job_earning_bx-new {
    display: inline-flex;
    float: right;
}

    .job_earning_bx-new .menu-btn2 {
        border-radius: 23px;
        padding: 8px 9px;
        margin-top: 0px !important;
    }

.sub-pre-new .confirmation-buttons .btn-group {
    display: inline-flex;
}

.sub-pre-new .popover.top {
    margin-top: -15px;
}

.sub-pre-new .btn.btn-gray, .sub-pre-new .btn.btn-primary {
    padding: 12px 15px !important;
}

.pro-img-box-new {
    line-height: 35px;
    height: 50px;
    width: 50px;
}

.contract_info_main_bx {
    min-height: 100px;
}

.add_mile .sub-pre_4 .btn.btn-primary {
    padding: 12px 10px;
}

.main-sign-sec-new {
    text-align: center;
}

    .main-sign-sec-new .btn.btn-primary {
        margin-top: 10px;
    }

.topskill_new {
    padding-top: 50px;
}

.topskill_sec {
    overflow-x: hidden;
}

.hire-telent-logo-footer img {
    margin-top: 0px;
}

.sub-pre-new .btn.btn-gray, .sub-pre-new .btn.btn-primary {
    padding: 12px 25px !important;
}

.no-date-msg h4, .no-date-msg p {
    width: 100%;
}

.no-date-msg h4 {
    padding-bottom: 15px;
    color: #333;
    padding-top: 15px;
}

.edit-img-div-new {
    position: relative;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
}

.mobile-login-view {
    display: none;
}

.dot-news .online {
    right: 23px !important;
}

.heading-for-my-job {
    padding: 35px 0px;
    margin: 0px;
}

.dot-news .confirmation-buttons .btn {
    font-size: 15px !important;
}

.dot-news .confirmation-buttons .btn-primary {
    color: #fff !important;
}

.select2-drop-above {
    z-index: 9999999999;
}

.top-skil-category .col-md-7 {
    padding-bottom: 6.3%;
}

.right-pics img {
    max-width: 80% !important;
    float: right;
    position: inherit !important;
    cursor: pointer;
}

.img-sec-toop-skil2 img {
    padding-bottom: 7px;
}

.row-how-tis {
    display: flex;
    align-items: center;
}

.how-work-btn {
    background: none;
    color: #242424;
    box-shadow: none;
    text-align: left;
    padding: 0px;
}

.bg-work {
    z-index: 9;
}

.modal-box-vdos .modal-body {
    padding: 0px !important;
}

.modal-box-vdos button.close {
    margin: 20px;
    font-size: 30px;
    opacity: 1;
    position: relative;
    z-index: 999;
}

.modal-box-vdos .modal-content {
    border: none;
    box-shadow: none;
    background-color: transparent !important;
}

.modal-box-vdos button.close span {
    color: #fff;
}

.modal-box-vdos .modal-dialog {
    width: 70%;
}

.buyer-freelancer {
    position: relative;
    z-index: 999;
}

.m_table_popup tbody tr td:nth-child(1) a {
    width: 100%;
    color: #333;
}

.initatio-tab-bx .tab-content {
    border: 1px solid #ececec;
    display: grid;
    padding: 20px;
    box-shadow: 0 0 10px #e4e3e3;
}

.opn-job-sec-new {
    padding-top: 50px !important;
}

.no-date-msg1 {
    padding-bottom: 15px;
}

.inner-dv-show {
    padding-bottom: 15px;
}

.lbl-offer-sent-new-ofr {
    position: absolute;
    top: 5px;
    right: 92px;
}

.opn-job-sec-new h1 {
    color: #03a89e;
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

.job_lft_bx {
    background: #f1f5f8;
    padding: 5px 10px;
    line-height: 27px;
    box-shadow: 0px 0px 4px #9a9797;
    margin-right: 5px;
    margin-top: 2px;
}

.notification_secc {
    min-height: 100vh;
    height: auto;
}

.inner-dv-show {
    border: 1px solid #dedede;
    padding-top: 10px;
}

.tl-profile-skilll, .job_category_new {
    padding-top: 0px !important;
}

.job-proposal-mew-sec h4 {
    margin-bottom: 3px !important;
    display: flex;
}

.job-proposal-mew-sec .innat-content {
    position: relative;
}

    .job-proposal-mew-sec .innat-content .flag-ind {
        float: inherit;
        margin-right: 0px;
        padding-left: 15px;
        font-size: 14px;
    }

.job-proposal-mew-sec p span {
    font-size: 14px;
}

.rating-box {
    margin-top: 6px;
}

.job-sec-int-new-show {
    border-top: 1px solid #dedede;
    margin-top: 10px;
    padding: 10px 0px 0px 0px;
}

    .job-sec-int-new-show .pro-sale {
        border-top: none;
        margin-top: 0px;
        padding-top: 0px;
        padding: 0px;
        text-align: right;
    }

.m_table_popup thead {
    background: #51a89e;
    color: #fff;
}

    .m_table_popup thead th {
        text-align: center;
    }

.m_table_popup > tbody > tr > td a {
    width: 100px;
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.view-fl-new:hover {
    color: #fff !important;
}

.panel-sec-walt {
    padding: 20px 0px;
}

    .panel-sec-walt p {
        padding-bottom: 10px;
        font-size: 16px;
    }

    .panel-sec-walt .btm-p-new {
        padding-top: 10px;
    }
/*.default-billing-penel{
    box-shadow:none;
    border:none;
    padding:0px;
}*/
.profile-img-bx-2 {
    color: #b0b0b0;
    text-align: center;
    height: auto;
    border: none;
    background: none;
}

    .profile-img-bx-2 a {
        color: #b0b0b0;
        display: inline-block;
        cursor: pointer;
    }

    .profile-img-bx-2 strong {
        display: block;
        font-weight: bold;
        font-size: 14px;
        padding: 15px 0px 0px;
    }

.img_new_dv_scx img {
    padding: 10px;
}

.dumy-img-show-portfolio {
    display: grid;
}

    .dumy-img-show-portfolio strong {
        padding: 15px 0px 0px;
        color: #939393;
    }

.div-find-talent .degination-new {
    margin-top: 0px !important;
}

.add-box strong {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0px 0px;
}

.portfolio-attched-profile {
    padding-top: 11.4px;
}

.div-no-data-found {
    border: 1px solid #ececec;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 0 10px #e4e3e3;
}

.cls-border {
    box-shadow: 0 0 10px #e4e3e3;
    border: 1px solid #ececec;
}

.selected-categories label, .selected-countries label, .selected-states label, .selected-cities label {
    padding-left: 0px;
}

    .selected-categories label .fa, .selected-categories h3 .fa, .selected-countries label .fa, .selected-countries h3 .fa, .selected-states label .fa, .selected-states h3 .fa, .selected-cities label .fa, .selected-cities h3 .fa {
        float: right;
    }

.div-no-data-found img {
    width: 100px;
}

#frmAddEditPortfolio .form-control {
    border-radius: 4px !important;
}

.work_with {
    padding: 10px;
    box-shadow: 0px 0px 3px #85cbc4;
    margin-bottom: 29px;
}

.page-next .pagination.pg-teal .page-item .page-link {
    border-radius: 50%;
    font-size: 16px;
    margin-right: 3px;
}

.page-next .pagination.pg-teal .page-item .arrow-item {
    font-size: 14px;
}

.page-next .pagination.pg-teal .page-item:hover .page-link .arrow-item {
    color: #fff;
}

.website-bx-new {
    margin-bottom: 0px !important;
}

.dumy-img-show-portfolio img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.un-verify {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../png/unverify-icon-w.png);
    margin-bottom: -5px;
    margin-left: 10px;
}

.get-paid-menu-news {
    left: -70px;
    min-width: 100px;
}

.job_earning_bx-new {
    padding-top: 5px;
}

.footer-social-media {
    text-align: right;
    padding-top: 0px;
    padding-bottom: 10px;
}

.copy-right-footer {
    border-left: 0px !important;
}

.freelancer-ppl-new .nav-tabs {
    border-bottom: 1px solid transparent;
}

.freelancer-ppl-new h1 {
    color: #03a89e;
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

.find-rewarding-pro p {
    padding-bottom: 10px;
}

.freelancer-ppl-new .bod-none-new {
    border: none !important;
    padding: 0px;
    box-shadow: none;
}

.freelancer-ppl-new .nav > li > a {
    line-height: 33px;
}

.freelancer-ppl-new .nav.panel-tabs li.active a {
    padding: 5px 42px;
    margin-top: -7px;
}

.footer {
    background: #fffbf5;
}

    .footer .highest h2 {
        color: #000000;
    }

.foot-menu li a {
    color: #000000;
}

.footer-social-media ul {
    padding-top: 0px;
}

    .footer-social-media ul li {
        width: 35px;
        background: #000000;
        height: 35px;
        text-align: center;
        margin: 5px;
        border-radius: 50%;
    }

        .footer-social-media ul li:hover {
            background: #00D2B5;
        }


        .footer-social-media ul li a {
            display: block;
            line-height: 29px;
            background: none;
        }

            .footer-social-media ul li a:hover {
                background: none;
                color: #fff;
            }

.follow_media ul li a {
    color: #00D2B5;
}


.page-next .pagination .first-page-in-not .page-link:hover {
    background-color: #fff0 !important;
    color: #333 !important;
}

.div-find-talent .degination {
    padding-bottom: 11px;
}

.tabs_career_new {
    margin-left: 0px;
    margin-right: 0px;
}

    .tabs_career_new ul {
        padding-left: 0px;
    }

.sideways {
    min-height: 300px;
}
/*----info-----*/
.panel-sec-walt {
    padding: 20px 0px;
}

.heading-space-info-sec {
    padding-bottom: 20px;
}

.info-deflt-newss .panel {
    margin-bottom: 20px;
}

.info-deflt-newss {
    padding: 0px 0px 20px;
}

.owner-detials-info {
    padding: 0px 0px;
    margin: 0px;
}

.heading-space-info-sec2 {
    padding-bottom: 0px;
}

    .heading-space-info-sec2 h3 {
        margin-bottom: 0px;
    }

.info-deflt-newss {
    margin-bottom: 20px !important;
    box-shadow: 0 0px 10px rgba(200, 200, 200, 0.69);
    border-color: #ddd;
}

    .info-deflt-newss .panel-title {
        font-size: 18px !important;
    }

.info-deflt-newss-compy-logout {
    padding: 20px 15px;
    margin-bottom: 0px;
}

.info-deflt-newss-new {
    padding-bottom: 0px;
    border-bottom: none;
}

.info-deflt-newss .panel-default {
    border: none;
}

    .info-deflt-newss .panel-default .btn-edit-show-in {
        font-weight: bold;
        margin-top: 4px;
    }

.info-deflt-newss h5 {
    font-size: 16px;
}

.info-deflt-newss .panel-title.summ-bx {
    color: #333 !important;
    font-weight: 600;
}

.info-deflt-newss-new .panel {
    margin-bottom: 0px;
}

.owner-detials-info .sumery-cont-bx {
    border-bottom: 1px solid #ddd;
    padding: 20px 15px;
}

.clr-vat-info {
    color: #03a89e;
}

.info-deflt-newss .panel-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #f5f5f5;
    border-color: #f1f1f1;
}

.text-how-it {
    font-size: 18px;
    line-height: 26px;
}

.how-work-btn {
    margin-bottom: 0px;
}

.hire-telent-logo-footer {
    display: block;
}

.footer-social-media ul {
    width: 100%;
}

.msg-btn-bx {
    position: relative;
}

.lbl-offer-sent-new-ofr {
    top: 0px;
    right: 42px;
}

.verify {
    width: 22px;
    height: 22px;
}

.find_talent_new .skill-find-telant-new {
    padding-top: 4px !important;
}

.div-find-talent .bio-des {
    padding-top: 0px !important;
}

.div-find-talent .degination-new {
    margin-top: 10px !important;
    padding-bottom: 3px !important;
}

.freelancer-ppl-new1 {
    padding-top: 35px !important;
}

.my-job-details-new-search .nav-tabs {
    margin-bottom: 7px !important;
    margin-top: 5px;
    bottom: 15px;
}

.my-job-details-new-search .nav.panel-tabs li.active a {
    padding: 7px 30px !important;
    margin-top: -7px !important;
}

.un-verify {
    width: 22px;
    height: 22px;
}
/*notification icon css*/
.header .navbar-default .navbar-nav > li > a.noti-padd {
    padding: 24px 10px 18px;
}
/*---add paymnent--method---sec----*/
.add-payment-popup .modal-header {
    color: #fff;
    background-color: #03a89e;
}

    .add-payment-popup .modal-header .close {
        opacity: 1;
    }

    .add-payment-popup .modal-header span {
        color: #fff;
    }

.row-of-paymnent-type {
    border-top: 1px solid #f1f1f1;
    padding: 15px 0px 20px;
}

.btn-sec-payment a {
    display: block;
    padding: 8px 10px !important;
}

.img-sec-paypal-payment img {
    width: 100%;
    padding: 0px 15px;
}

.heading-sec-payment h5 {
    padding-bottom: 10px;
}

.heading-sec-payment ul li {
    font-size: 12px;
}

.heading-sec-payment .fa {
    color: #03a89e;
}

.sub-heading-payment h3 {
    font-size: 14px;
    padding-bottom: 10px;
    font-weight: 600;
}

.local-bank-trf p {
    color: #333;
    /*padding-bottom: 25px;*/
}

.local-bank-trf h1 {
    margin-bottom: 10px !important;
}

.local-bank-trf .panel-body {
    padding: 30px !important;
}

/*.local-bank-trf .panel-body .form-group {
        padding-bottom: 15px;
    }*/

.local-bank-trf .input-group .form-control {
    height: 40px !important;
}

.add-payment-popup2 p {
    color: #a7a1a1;
}

.add-payment-popup2 .heading-sec-payment {
    padding-bottom: 20px;
}

.add-payment-popup2 .row-of-paymnent-type {
    padding-bottom: 0px;
}

.add-payment-popup2 .border-none-top {
    border-top: none;
}

.lear-more-tras-bakn-link {
    color: #03a89e;
    font-weight: 600;
}
/*-------help page------*/
.help-page-new .container {
    -webkit-box-shadow: 0px 0px 18px -1px rgba(189,187,189,1);
    -moz-box-shadow: 0px 0px 18px -1px rgba(189,187,189,1);
    box-shadow: 0px 0px 18px -1px rgba(189,187,189,1);
    margin-top: -7%;
    background: #fff;
    padding: 25px 30px;
}

.about-bg-fixnhour_new {
    padding: 3% 0% 10%;
    background-image: url(../jpg/bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.refund-policy {
    padding: 3% 0% 10%;
    background-image: url(../jpg/refund-policy.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.help-page-new .main-hwading-help h4 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 10px;
}

.help-page-new .main-hwading-help .sub_head_about {
    color: #35a89e;
    padding-bottom: 15px;
}

.help-page-new .sub_head_about {
    border-bottom: 2px solid #35a89e;
}

.contact_dvv-heading-help {
    padding-top: 5%;
    padding-bottom: 5%;
}

    .contact_dvv-heading-help h5 {
        color: #35a89e;
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        padding-bottom: 8%;
    }

    .contact_dvv-heading-help p {
        color: #333;
        font-size: 15px;
        margin-bottom: 15px;
    }

        .contact_dvv-heading-help p .fa {
            color: #35a89e;
            font-size: 18px;
            padding-right: 8px;
        }

.sec-fo-hlp-in-of {
    padding-bottom: 20px;
}
/*---with----icon-----*/
.icon-for-help {
    text-align: center;
    padding: 21px;
    background: #f1f5f8;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 20px;
}

.contact_dvv-heading-help2 h5 {
    font-size: 20px !important;
    font-weight: 600;
    text-align: center;
}

.contact_dvv-heading-help2 {
    text-align: center;
}

.div-account-holder-information {
    display: none;
}

.setup-medthod-popup-sec .modal-dialog {
    width: 100%;
}

.setup-medthod-popup-sec .modal-content {
    min-height: 100vh;
}

.other-amount-value .btn-hr {
    display: table-cell !important;
}

.other-amount-value .usd-lbl strong {
    line-height: 40px;
}

.remove-pay-meth {
    color: #fff !important;
}

.btn-remove-payment-method, btn-edit-payment-method, btn-verify-payment-method, btn-verified-payment-method {
    padding: 5px 10px !important;
    margin-top: 18px;
}

.payment-dropdown-list {
    max-width: 100%;
}

.setup-medthod-popup-sec .modal-dialog {
    margin-top: 0px;
    margin-bottom: 0px;
}

.local-bank-trf h1 {
    margin-bottom: 25px !important;
    font-size: 22px;
    text-align: center;
}

.cls-recver-bx {
    padding-right: 50px;
}

.cls-sender-bx {
    padding-left: 50px;
}

.typing-status {
    height: 25px !important;
}
/*.cls-recver-bx .recver-text, .cls-sender-bx .sender-text {
        margin-bottom: 10px;
    }*/
.recver-bx .recver-text p, .sender-bx .sender-text p {
    margin-bottom: 10px;
}

.uiatthed-dv {
    max-height: 92px;
    overflow: auto;
}

.cheat-masseg-bx {
    padding-bottom: 20px;
}

.recver-text p, .sender-text p {
    word-break: break-word;
    max-width: 100%;
}
/*.masseg-view-port-bx{
    margin-top:10px;
}*/
.message-search {
    margin-top: -6px;
}

.sender-text p {
    padding: 10px;
}

.job-box-p-new, .moreellipses, .content-data {
    word-break: break-word;
}

.sec-chat-content {
    padding-top: 5px;
}
/*.sec-chat-content .pro-img-outer {
        padding-top: 10px;
    }*/
/*.sec-chat-content .active-user, .sec-chat-content .non-active-user {
        right: 6px;
       bottom: 2px;
    }*/
.chat-cont h4 {
    margin-top: -4px;
}
/*.message-left-bx{
    height:92vh;

}*/
.chat-profile-bx {
    position: relative;
}

    .chat-profile-bx .img-gr-new {
        position: absolute;
        left: 25px;
        bottom: 0px;
        width: 85%;
    }

.pro-sec {
    padding: 4px 10px;
    border-bottom: 1px solid #dedede;
    background: whitesmoke;
    z-index: 99;
    position: relative;
}

.chat-cont span {
    height: 25px;
}

.header-msg-noti-icon a img {
    width: 26px;
}
/*---trust-----*/
.trust_page1 h2 {
    color: #03a89e;
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

.div-head-notificaton h3 {
    text-align: center;
}

    .div-head-notificaton h3:after {
        display: none;
    }

.div-head-job-title h2 {
    text-align: center;
    font-size: 22px;
    padding-bottom: 20px;
    color: #52a99e;
}

.tabs_trust .nav {
    background-color: #f1f5f8;
    border-bottom: 1px solid #03a89e;
}

.tabs_trust .nav-tabs > li {
    padding: 0px !important;
    margin-bottom: -1px !important;
}

.tabs_trust .nav li a {
    color: #333;
    margin-right: -1px;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #03a89e;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 0px;
}

    .tabs_trust .nav li a:hover, .tabs_trust .nav li.active a {
        color: #03a89e;
        border-top: 2px solid #03a89e !important;
        background-color: #fff !important;
        border-left: 1px solid #03a89e !important;
        border-right: 1px solid #03a89e !important;
        border-bottom: #fff !important;
        font-weight: 600;
    }



.content_hiring_hd {
    padding: 30px 0px 15px;
    color: #03a89e;
}

.img_right_vc img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #ccc;
    height: 100%;
    object-fit: cover;
}

.trust_page1 .tab-content {
    padding: 0px 0px;
    border: none;
}

.trust_page1 .panel-body {
    padding: 30px 0px;
    border: 1px solid #ddd;
}

.trust_page1 .img_ng {
    height: 250px;
    width: 250px;
    box-shadow: -6px 2px 1px #03a8ab;
    border-radius: 50%;
    transition: all 0.3s;
}

    .trust_page1 .img_ng:hover {
        box-shadow: 6px 2px 1px #03a8ab;
    }

.hing_forms {
    padding-bottom: 60px;
}

#divloaderImage {
    position: fixed;
    display: flex;
    top: 0px;
    bottom: 0px;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100vh;
    background: #ffffffab;
}

@media (max-width: 768px) {
    .top_issu_bx .issue_lft_bx ul, .top_issu_bx .issue_rght_bx ul {
        text-align: center;
    }

    .hed-bx.create-profile {
        padding-bottom: 0;
        padding-top: 0px;
    }

    .pop_inn_main .nav-tabs > li > a {
        font-size: 12px;
        padding: 10px 6px;
    }

    .tabs_trust .nav li a {
        padding: 10px 10px;
        font-size: 12px;
    }

    .trust_page1 .img_ng {
        margin-bottom: 25px;
    }

    .trust_page1 h2 {
        padding: 0px 15px;
    }

    .cetegorys ul li {
        width: 100%;
    }

        .cetegorys ul li a {
            line-height: 30px;
            padding: 1px 15px;
            border-radius: 29px;
            display: block;
            text-align: center;
        }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .trust_page1 .img_ng {
        height: 200px;
        width: 100%;
    }
}
/*----category-skill--19-3-2020-- */
.any-scop h4 {
    font-size: 17px;
    padding-bottom: 10px;
    font-weight: 600;
}

.main-hdd {
    font-weight: 500;
}

.category-skill-sec .row {
    display: flex;
}

    .category-skill-sec .row .col-md-3 {
        border-right: 2px solid #03a89e;
    }

.any-scop {
    padding: 5px 0px;
}

.hw-box-top-rated {
    box-shadow: 0px 0px 4px #ccc;
    margin: 10px;
    padding: 10px;
}

    .hw-box-top-rated h3 {
        font-size: 16px;
        font-weight: 500;
        color: #03a89e;
        text-align: center;
    }

.btn-mores {
    padding: 5px 9px !important;
    font-size: 11px !important;
    margin-top: 10px;
}

.skil-urs {
    display: inline-block;
}

    .skil-urs li a {
        line-height: 30px;
        /* border-right: 10px; */
        padding: 4px 10px;
        background: #e8f1f0;
        margin-right: 10px;
        color: #03a89e;
        border-radius: 22px;
        font-size: 10px;
    }

.find-tel-new .owl-dots .owl-dot {
    background: #777;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 3px;
}

.find-tel-new .owl-dots .active {
    background: #03a89e;
}

.find-tel-new .owl-nav {
    text-align: center;
}

/*.find-tel-new img {
    border-radius: 50%;
}*/

.find-tel-new .owl-dots {
    text-align: center;
    padding-top: 20px;
}

.skil-urs li {
    float: left;
}

.hw-box-top-rated h4 {
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;
}

.develolper-rared a {
    color: #333;
    text-decoration: none;
}

.develolper-rared .box-develop {
    box-shadow: 0px 0px 2px #c1c1c1;
    padding: 10px;
    text-align: center;
}

.box-develop h4 {
    font-size: 15px;
}

.develolper-rared img {
    padding-bottom: 15px;
    width: 50px;
}

.skill-yuls ul li {
    width: 25%;
    float: left;
}

    .skill-yuls ul li a {
        color: #333;
        padding: 10px 10px;
        line-height: 30px;
    }

.skill-btmm h2 {
    color: #03a89e;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    position: relative;
}

.bg-dark-secc {
    padding: 10px 0px;
    color: #fff;
    background: #333;
    text-align: center;
}

    .bg-dark-secc a {
        color: #03a89e;
    }

@media only screen and (max-width: 768px) {
    .skill-yuls ul li {
        width: 100%;
    }

    .any-scop {
        padding: 15px 0px 10px;
    }

    .develolper-rared .box-develop {
        margin-bottom: 15px;
    }

    .category-skill-sec .row {
        display: block;
    }

    .main-hdd {
        padding-bottom: 20px;
    }

    .category-skill-sec .row .col-md-3 {
        border-bottom: 2px solid #03a89e;
        border-right: none;
    }
}
/*---model-for-service----*/
.modal-for-service .modal-header {
    background-color: #0ca49b;
    padding: 10px 30px;
    color: #fff;
}

    .modal-for-service .modal-header span {
        color: #fff;
    }

    .modal-for-service .modal-header .close {
        opacity: 1;
    }

.modal-for-service .modal-body p {
    font-size: 14px;
    padding: 10px 10px;
}

.table-bill {
    width: 100%;
    margin-top: 20px;
}

.billing p {
    padding: 15px 0px 3px !important;
    margin-bottom: 0px;
}

.table-bill thead {
    background: #03a89e;
    color: #ffffff;
}

    .table-bill thead th {
        padding: 10px 5px;
    }

.table-bill td {
    line-height: 30px;
    padding: 5px 5px;
    border: 1px solid #ccc;
}

.billing h4 {
    font-size: 16px;
    font-weight: 600;
}

.tbl-sell {
    overflow-x: auto;
}
/*-----top-skill----*/

.top-skills-header ul {
    display: flex !important;
    justify-content: center;
    padding: 0px 0px;
    background: #5cd4d3;
}

    .top-skills-header ul li a {
        color: #fff;
        padding: 6px 10px;
        line-height: 30px;
        text-decoration: none;
    }

header {
    position: relative;
}

.top-skills-header2 {
    position: absolute;
    width: 100%;
    box-shadow: 0px 3px 3px #ccc;
}
/*----rgister-login----*/
.regiter-sec-green {
    background-image: url(../bg.html);
    height: 100vh;
}

.login-box2 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.login-box-top2 img {
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.fix-heignhtt
.login-box-top2 h4 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.fix-heignhtt {
    height: 400px;
    top: 158px;
    width: 30%;
    padding: 0px;
}

    .fix-heignhtt .tile-bar {
        padding: 15px;
    }

.file-uploadmenu li {
    padding: 12px 12px;
}

.fix-heignhtt .tile-bar .title-heading {
    padding: 0px;
    margin: 0px;
    border: none;
}


.fix-heignhtt .drop-dowm-menu {
    height: 86%;
    overflow: auto;
}

.trust-sefty-li-sec .nav > li > a {
    padding: 18px 0px;
}

.trust-sefty-li-sec .nav-tabs {
    border-bottom: 1px solid transparent;
}


/*.cls-recver-bx .recver-text {
   width: calc(96.1% - 100px);
    width: 86.7%
}*/
/*.cls-sender-bx .sender-text {
    width: calc(96.4% - 100px);
    width:86.7%
}*/
/*.message-bx {
   min-height: calc(100% - 55.5px);
   height:auto;
   position:inherit;
}z
    */

/*.file-uploadmenu li a {
    width: 100% !important;
}*/
.file-uploadmenu li:hover {
    background: #52a99e;
}

    .file-uploadmenu li:hover a {
        color: #fff;
    }

    .file-uploadmenu li:hover span {
        color: #f1f1f1;
    }

.file-uploadmenu li a:hover, .file-uploadmenu li a.active {
    color: #fff !important;
}

.prop-bx .time-files {
    float: right;
}

.chat-cont h4.job-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: inherit;
}

.file-links {
    width: 60% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ddl-country-new-1 {
    height: auto !important;
}

.radio-btn-lbl-rate .checkbox label {
    padding-left: 0px !important;
}

.border-not-found-img {
    border: 1px solid #dedede;
    padding: 10% 20px;
}

.milestone-main-new {
    padding: 20px 0px;
}

    .milestone-main-new .milestone_heading h2 {
        line-height: 55px;
    }
    /*.milestone-main-new table tr td:last-child {
    text-align: center;
}*/
    .milestone-main-new table tr td:first-child {
        max-width: 225px;
        padding-right: 8px;
    }

.tbl-sell-new {
    overflow-x: inherit;
}

.form-control-new-slct {
    height: 46px !important
}

.btn-confirm-for-sec .confirmation-buttons a {
    font-size: 12px !important;
}

.milestone-main-new .payment_bx h1 {
    font-size: 22px;
}
/*.milestone-main-new table tr td:last-child .btn-primary {
    width: 100px;
}*/

.txt-container {
    word-break: break-word;
}

.panel-body-faq-show {
    padding: 20px 15px !important;
}

.faq_cl .panel-title {
    margin-bottom: 0px;
}

.list-freelacer-new .title.username a {
    font-size: 19px;
    line-height: 30px;
}

    .list-freelacer-new .title.username a.invit-btb-bx.btn.btn-primary {
        line-height: 20px;
        margin-top: 5px;
    }

.list-freelacer-new .title.username {
    padding-top: 5px;
}

.list-freelacer-new .confirmation-buttons a {
    line-height: inherit !important;
}

/*.btn-msg-show-algin .btn-client-message {
    margin-top: 41px;
}*/

.recver-text span, .sender-text span {
    padding-left: 10px;
}

.open_job_main-new1 .open_job_head_bx {
    margin-bottom: 25px;
}

.div-find-talent span.online {
    right: 17px;
    display: none;
}

.prifile-new-box {
    margin-top: 0px !important;
}

    .prifile-new-box .bodr-bot {
        margin-bottom: 20px;
    }

    .prifile-new-box .edit-img-div-new {
        width: 70%;
        margin-left: inherit;
        margin-right: inherit;
    }

    .prifile-new-box .edit-pic-profile {
        top: inherit;
        bottom: 22px;
    }

.freelancer_profile_info_new .no-content:after {
    display: none;
}

.freelancer_profile_info_new .no-content {
    padding-bottom: 15px;
}

.content-parent-new {
    padding-top: 15px;
}

.prifile-new-box .profile-con-bx {
    margin-top: -90px;
    text-align: left;
}

.prifile-new-box .location-txt .fa {
    font-size: 23px;
    color: #53ab9e;
    line-height: 20px;
}

.sub-heading-profile {
    padding-top: 0px !important;
    padding-right: 10px;
    font-weight: 700;
    font-size: 18px;
}

.prifile-new-box .img-circle.user-profile-pic, .profile-con-bx .img-circle {
    height: 100%;
    border: 2px solid #ccc;
    box-shadow: 1px 1px 5px #f1f1f1;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
}

.sub-heading-profile {
    width: 100%;
    padding-top: 10px;
}

.custom-pahra-sec h1 {
    font-size: 30px !important;
    padding-bottom: 15px !important;
}

.custom-pahra-sec {
    text-align: left;
}

    .custom-pahra-sec h2 {
        font-size: 24px !important;
        padding-bottom: 15px !important;
    }

    .custom-pahra-sec h3 {
        font-size: 20px !important;
        padding-bottom: 15px !important;
    }

    .custom-pahra-sec p {
        padding-bottom: 15px !important;
        margin-bottom: 0px !important;
        line-height: 25px !important;
    }

    .custom-pahra-sec ul {
        padding-left: 20px !important;
        padding-bottom: 20px !important;
    }

        .custom-pahra-sec ul li {
            padding-bottom: 0px !important;
        }

.search-show-lbl label {
    width: 100%;
}

.filter-btn-mb {
    color: #000;
    float: right;
    padding: 8px 14px;
    display: none;
    background-color: #fff09d;
    border-radius: 5px;
}

.find-tlnt-shw-new {
    padding-left: 0px;
    padding-right: 0px;
}

.profile-cn-new {
    padding-left: 10px !important;
}

.profile-con-bx .rating-bx {
    padding: 12px 0 0px;
}

.tabs-show-lifetime-set li {
    border: 0px !important;
    border-radius: 0px !important;
}

    .tabs-show-lifetime-set li a {
        border-radius: 0px !important;
        background: #fff !important;
    }

    .tabs-show-lifetime-set li.active > a {
        line-height: 26px;
        margin-top: -3px;
    }

.no-main-pad-new .no-content {
    padding-bottom: 10px;
}

.no-main-pad-new .no-pad-inn {
    padding-bottom: 0px;
}

.tab-post-for-mbl-new {
    /*background: #f1f1f1;*/
    padding-left: 18px;
    /*box-shadow: 0 -1px 6px 0 rgba(0,0,0,.3);*/
}

    .tab-post-for-mbl-new .btn-primary {
        display: inline-block !important;
        color: #fff !important;
    }

.tab-post-for-mbl-new {
    border-bottom: 1px solid #efefef;
}

    .tab-post-for-mbl-new a {
        margin: 10px 0px !important;
    }

.custom-pahra-sec table {
    border: 1px solid #ccc;
}

.tabs-my-job-mbl-new > a {
    padding: 15px 20px !important;
}

.mbl-sidebr-notifications a {
    border-bottom: none !important;
}

.mbl-sidebr-notifications {
    border-bottom: 1px solid #f1f1f1;
}

.div-header-admin .navbar-default .navbar-nav > li > a {
    padding: 30px 5px;
}

.cloase-search-cat-new, .cloase-search-location-new, .cloase-search-state-new, .cloase-search-city-new {
    position: absolute;
    right: 15px;
    top: 28%;
    z-index: 99;
}

    .cloase-search-cat-new a, .cloase-search-location-new a, .cloase-search-state-new a, .cloase-search-city-new a {
        color: #00D2B5;
    }

#btn-back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: #00D2B5;
    color: #fff;
    border-radius: 50%;
    opacity: 0.9;
    padding-bottom: 16px;
    display: none;
}

    #btn-back-to-top:hover {
        color: #fff !important;
        opacity: 1;
    }

.search-freelancer-text {
    color: #333 !important;
}

.creat-profile-hr {
    margin-top: -50px;
}

.no-msg-col-show {
    position: inherit !important;
    height: auto !important;
}

.login-bx-new h1 {
    margin-bottom: 2px;
}

.login-bx-new p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    color: #52a99e;
    font-weight: 600;
}

/*.div-user-type-radio-btn {
    margin-bottom: 27px !important;
}*/

.creat-profile-hr-new {
    margin-top: 0px !important;
}

.div-cover-latter-bx {
    white-space: pre-line;
}

.text-white-space {
    white-space: pre-line;
}

.div-find-talent .fa-map-marker {
    color: #53ab9e;
}
/*---top dev---*/
.batches {
    padding-bottom: 20px;
}

.btch-sec h2 {
    padding-bottom: 15px;
    color: #03a89e;
    font-weight: 700;
    font-size: 8vh;
}

.btch-sec h3 {
    padding-bottom: 20px;
    font-size: 22px;
    color: #4b4646;
    font-weight: 500;
    line-height: 31px;
}

.btch-sec p {
    font-size: 17px;
    line-height: 26px;
    color: #777777;
    margin-bottom: 0px;
}

.show-comp-new p {
    font-size: 18px;
    line-height: 26px;
    color: #03a89e;
}

    .show-comp-new p a {
        color: #03a89e;
    }

.btch-sec {
    background-color: #FCF5CF;
}

.show-comp-new {
    padding: 20px 0px 23px;
    border-top: 1px solid #bcbdbd;
    margin-top: 30px;
}

.top-dev-category .modal-header {
    background-color: #35a89e !important;
    color: #fff !important;
    padding: 10px 30px !important;
}

    .top-dev-category .modal-header .close {
        opacity: 1;
    }

        .top-dev-category .modal-header .close span {
            color: #fff;
        }
/*----custome-text----*/
.custom-pahra-sec h1 {
    font-size: 20px !important;
    padding-bottom: 15px !important;
}

.custom-pahra-sec h2 {
    font-size: 18px !important;
    padding-bottom: 15px !important;
}

.custom-pahra-sec h3 {
    font-size: 16px !important;
    padding-bottom: 15px !important;
}

.custom-pahra-sec p {
    padding-bottom: 15px !important;
    margin-bottom: 0px !important;
    line-height: 25px !important;
}

.custom-pahra-sec ul {
    padding-left: 20px !important;
}

    .custom-pahra-sec ul li {
        padding-bottom: 10px !important;
    }
/*---update-----*/
.left-img-max img {
    width: 80%;
    margin-bottom: 5%;
}

.left-img-max h4 {
    color: #03a89e;
    font-weight: 600;
}

.left-img-max h5 {
    color: #333;
    font-weight: 600;
    padding-bottom: 10%;
}

.content-fix-tovdevs {
    padding-top: 12%;
}

.btch-sec2 .batches {
    padding-top: 25%;
}

    .btch-sec2 .batches img {
        width: 60%;
    }

.btch-sec2 .btch-sec h3 {
    font-size: 17px;
    line-height: 25px;
}

.form-select-view-topdev .form-group {
    text-align: left;
    margin-bottom: 5px;
}

    .form-select-view-topdev .form-group label {
        font-weight: 700;
        color: #03a89e;
    }

.btn-primary-top-dev .btn-primary {
    margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.get-tov-sec-form {
    margin-bottom: 40px;
}

.frm-search-dropdown-box {
    padding-left: 0px;
    padding-right: 4px;
}

    .frm-search-dropdown-box input {
        font-size: 13px;
    }

@media screen and (max-width: 1050px) and (min-width: 768px) {
    .btch-sec h3 {
        font-size: 15px;
        line-height: 26px;
    }

    .btch-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.refresh-icon-sidebar {
    display: block;
    margin-right: 5px;
    font-weight: 600;
}

.row-proposal-result-after1 {
    display: flex !important;
}

    .row-proposal-result-after1 .heire-bx {
        height: 100%;
    }

.cover-later-bx {
    padding-bottom: 0px;
}

.cover-ltr-left {
    position: relative;
}

.letter-content-bx {
    padding-bottom: 150px;
}

.div-proposal-attached-files {
    position: absolute;
    bottom: 0px;
}

.pro-exp1 .select2-input {
    height: 40px;
}

.menu-right-lgoin li > .log_btn {
    padding: 30px 10px !important;
}

.location-result-icon {
    padding-right: 5px;
    color: #53ab9e;
}

.profile-cn-new .txt-container {
    color: #333 !important;
}

.edit_btn_postion-new a {
    font-size: 24px;
}

.modal-header .close {
    margin-top: 5px;
}

.old-pass input {
    margin-top: 3px;
}

.main-site-no-data::-webkit-scrollbar-track {
    box-shadow: none !important;
    border: none !important;
}

.profile_name_bx-news span {
    display: block;
}

.tab-post-job-nmew {
    padding-left: 10px;
}

.form-select-view-topdev .autocomplete-items {
    border: 1px solid #dedede;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    width: 90%;
    left: 5%;
    color: #8a8a8a;
}

.div-my-earnings {
    padding-top: 14px !important;
}

.div-comm-cls-padd {
    padding-top: 25px;
}

.topskill_sec h1 {
    line-height: 50px;
}

.btn_top_skl .btn-default:hover {
    color: #fff !important;
}

.comn-location-filter {
    border-bottom: 1px solid #f1f1f1;
}

.modal-categories-popup {
    top: 0px !important;
}

    .modal-categories-popup .modal-dialog {
        width: 100% !important;
    }

.cookies-popup {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #52a99e;
    display: none;
    padding: 15px 0px;
    color: #fff;
    z-index: 99999;
}

#btn-cookies-accept {
    position: absolute;
    right: 15%;
    top: 28%;
    background: #f1f5f8;
    padding: 3px 10px;
    border-radius: 4px;
    color: #52a99e;
}

#btn-cookies-cancel {
    position: absolute;
    right: 10%;
    top: 28%;
    background: #f1f5f8;
    padding: 3px 10px;
    border-radius: 4px;
    color: #52a99e;
}

/*.div-my-job-bx .tab-content {
    border:none;
}*/
/*#dropdown-payment-method .cookies-popup {
    display:none;
}*/
.add-mile-new .popover {
    top: inherit !important;
    bottom: -150px !important;
    margin-top: 20px !important;
}

.add-mile-new .popover-title {
    text-align: center;
    padding: 15px !important;
}

.add-mile-new .popover .btn-group .btn.btn-primary {
    padding: 12px 30px;
}

.add-mile-new .popover.top > .arrow {
    bottom: inherit !important;
    top: -11px !important;
    transform: rotate(180deg);
}

.div-send-msg-ctrl {
    height: 60px !important;
    border: 1px solid #dedede;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.emoji-wysiwyg-editor {
    margin-top: 13px !important;
    box-shadow: none !important;
    border: none;
}

    .emoji-wysiwyg-editor:empty:before {
        line-height: 22px;
    }

.footer-media-contactus ul {
    align-items: center;
    padding-top: 30px;
}

    .footer-media-contactus ul h6 {
        margin-bottom: 0px;
    }

.div-awarded-icon {
    margin-left: 10px;
}

.no-files-content {
    text-align: center;
    border-bottom: none !important;
    padding: 70px 12px !important;
}

    .no-files-content img {
        margin-bottom: 10px;
    }

    .no-files-content:hover {
        background: none !important;
    }

.div-job-type {
    margin-top: 10px;
}
/*.div-skills-category .select2-input::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 10px;
}*/

.div-expiry-months #ExpiryMM {
    padding-right: 0px;
}

.btn-job-filters {
    background: none;
    margin-top: 0px;
}

.cls-display-inline {
    display: inline;
}

.edit-some-comn-new {
    margin-left: 10px;
}

.div-main-comm-filter {
    margin-top: 0;
    background-color: #f9f9f9;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #FFD75E;
}
    /*.div-main-comm-filter .search-show-lbl {
        padding-top: 0px;
    }*/
    .div-main-comm-filter .search-show-lbl .form-group {
        padding-top: 18px;
    }

.navbar-default .navbar-nav > .open > .lnk-notification-dropdown, .navbar-default .navbar-nav > .open > .lnk-notification-dropdown:hover, .navbar-default .navbar-nav > .open > .lnk-notification-dropdown:focus {
    background-color: #ecf1f5 !important;
}

.div-sec-img-sec {
    display: none;
}
/*.para-job-desc {
    word-break: inherit !important;
}*/
.div-head-job-actions {
    /*z-index:99999;*/
    position: relative;
}

    .div-head-job-actions .btn-group a {
        padding: 12px 30px;
    }

    .div-head-job-actions .btn-group .btn-primary {
        color: #fff;
    }

.page-next .pre-tax {
    color: #212529;
}

.air-card-new .air-card-divider-sm {
    float: inherit;
}

.pay-you-new {
    border: none;
    background: none;
}

.div-bp-amount #BPAmount {
    display: block;
    border: 1px solid;
}

.pay-you-new:focus {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.top-head-txt {
    padding-top: 80px;
    margin: 0px !important;
}

.btn-type {
    justify-content: center;
    display: flex;
}

    .btn-type img {
        width: 100%;
    }

.frm-get-more-bp {
    height: 200px;
}

.btn-type a {
    padding: 20px 10px;
    border: 3px solid #51a89e;
    border-radius: 5px;
    width: 30%;
    float: left;
    margin-right: 4%;
}

    .btn-type a:hover {
        border-color: #29746b;
    }

    .btn-type a:last-child {
        margin-right: 0px;
    }

.onlnie-dv {
    /* right: 10px;*/
    top: 95px;
}

.txt-fund-protection {
    line-height: 1.5;
}

.margin-bot-0 {
    margin-bottom: 0px !important;
}

.div-bank-address input {
    margin: 10px 0px 10px 0px;
    background-color: #fff;
}

/*.setting-sec-rows {
    flex-wrap: wrap;
    display: flex;
}*/

.chat-cont span {
    height: 15px;
}

.chat-cont h4 {
    margin: 0px 0px;
}

.last-msg {
    height: 25px !important;
}

.mile_table_bx {
    padding: 20px 0px;
}

.total-last-new {
    padding-top: 10px;
}

.milestone-heading-th {
    padding-bottom: 7px;
}

.form-date-milestones .col-sm-3 .form-group {
    margin-bottom: 10px;
}

.div-milestone-list {
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    clear: both;
}

    .div-milestone-list .col-sm-3 {
        padding-bottom: 5px;
        padding-top: 10px;
    }

/* The container */
.rdio-dv {
    float: left;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .rdio-dv input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        margin-left: -27px !important;
        height: 25px;
        z-index: 9;
        top: -7px;
        width: 100%;
    }

    /* Create a custom radio button */
    .rdio-dv .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #bcbcbc;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .rdio-dv:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .rdio-dv input:checked ~ .checkmark {
        background-color: #ffffff;
        border: 1px solid #5bbbb3;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .rdio-dv .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .rdio-dv input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .rdio-dv .checkmark:after {
        top: 1px;
        left: 1px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #5bbbb3;
    }

.first-radio-lbl {
    padding-right: 7px;
}

.header-for-mobile-view {
    position: sticky;
    top: 0;
    z-index: 9999;
}

.btn-save-edu {
    margin-right: 10px;
}

.description-dv label {
    margin-top: 12px;
}

.modal-header .close {
    margin-top: 1px;
}

.div-pay-meth-act {
    float: right;
    display: inline-flex;
}

.div-pay-meth-act {
    float: right;
    display: inline-flex;
}
    /*.div-pay-meth-act a.btn-remove-payment-method.btn.btn-primary {
        padding: 10px 30px !important;
    }*/
    .div-pay-meth-act a {
        margin: 10px;
    }

.aprovel-pending {
    margin-top: 27px;
}

.div-pay-meth-act a.btn.btn-primary.btn-verified-payment-method {
    margin: 10px;
}

.clr-black {
    color: #000;
}

.milestone-history-text {
    color: #565555;
    font-weight: 600;
}

.milestone-action-dv {
    display: -webkit-inline-box;
    padding: 5px 0px;
}

    .milestone-action-dv .menu-btn2 img {
        width: 4px;
        /* margin-top: -3px; */
    }

    .milestone-action-dv .menu-btn2 {
        border-radius: 50%;
        padding: 4px 12px;
        margin-top: 0px !important;
        margin-left: 5px;
    }

.m_table_popup2 > tbody > tr > td {
    width: 50%;
}

    .m_table_popup2 > tbody > tr > td a {
        width: 100% !important;
    }

.div-work-report-details .letter-content-bx {
    padding-bottom: 100px;
}

.div-milestone-amt {
    margin-top: 10px;
}

.payment-method-actions {
    border: none;
    background: #03a89e00;
    display: block;
    font-size: 17px;
    margin-left: 8px;
    outline: none;
}

.div-pay-meth-act .pay-verify {
    margin-top: 27px;
}

.get-paid-menu-news li a:hover {
    background: #08877f;
    color: #fff !important;
}

.btn-edit-payment-method, .btn-verify-payment-method {
    margin-top: 17px;
}

.m_table_popup td {
    text-align: left;
}

#WorkDescription {
    height: auto;
}
/*.div-work-report-details .cover-des {
    white-space: pre;
}*/
.margin-bot-0 {
    margin-top: 0px !important;
}

.btn-primary:focus, .btn-primary:focus {
    outline: none !important;
}

.sa-button-container .cancel:hover, .sa-button-container .confirm:hover {
    border-radius: 5px !important;
}

.div-edit-milestones {
    clear: both;
}

.padd-left {
    padding-left: 5px;
}

.padd-right-0 {
    padding-right: 0px;
}

.padd-top-10 {
    padding-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-0 {
    margin-top: 0px !important;
}

#rememberMe {
    margin-top: 3px;
}

.list-prop-t-earn {
    margin-bottom: 20px;
}

.head-job-desc {
    margin-bottom: 0px !important;
}

.div-privacy-policy-content hr {
    display: flex;
}

.password-show-icon {
    position: absolute;
    right: 12px;
    z-index: 9;
    top: 12px;
    display: inherit !important;
}

.input-group-addon-payment {
    color: #555 !important;
    width: 1% !important;
}
/*dispute page css start*/
#step2, #price2 {
    display: none;
}

.com-show-build-listing2 {
    padding-bottom: 0px;
}

.box-of-starting-price-tab:hover, .active-cls {
    background: #03a89e;
    color: #fff;
}

.sell-bg {
    background-color: #f1f5f8;
}

.sell-row-dis {
    padding-top: 2%;
    padding-bottom: 2%;
}

    .sell-row-dis h2 {
        color: #03a89e;
        padding-bottom: 10px;
    }

    .sell-row-dis p {
        color: #333;
    }

    .sell-row-dis a {
        color: #03a8aa;
        font-size: 18px;
    }

.tab-disputr .col-sm-6 {
    padding: 0px;
}

.box-of-starting-price-tab:hover, .active-cls {
    background: #03a89e;
    color: #fff;
}

.box-of-starting-price-tab {
    padding: 20px;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
}

    .box-of-starting-price-tab h5 {
        font-weight: 700;
    }

.computes-sec {
    margin-bottom: 5%;
}

    .computes-sec table tr th {
        font-size: 20px;
        font-weight: 600;
        padding: 20px 30px;
        text-align: center;
    }

    .computes-sec table tr td {
        padding: 20px 30px;
        text-align: center;
    }

.model-how-to-disp .modal-dialog {
    width: 750px;
}

.model-how-to-disp .modal-content {
    border-radius: 0px;
    padding: 20px 10px;
    position: relative;
}

.model-how-to-disp .close {
    position: absolute;
    top: -5px;
    right: 20px;
    color: #f50000;
    opacity: 1;
    outline: none;
}

.model-how-to-disp.in {
    align-items: center;
    display: flex !important;
}

.no-content-disp h4 {
    font-weight: 600;
    margin-top: 15px;
}

.summy-content h5 {
    font-size: 16px;
    margin-bottom: 8px;
}

.post-box li i {
    font-size: 18px;
    padding: 0 1px 10px 0px;
}

.summy-content h6 {
    font-size: 15px;
    font-weight: 400;
}

.summy-content p span, .summy-content p, .summy-content p a {
    font-weight: 400 !important;
}

.summy-content .row {
    padding-bottom: 20px;
}

.smy-hdng h6 {
    color: #333333 !important;
    font-weight: 600;
    margin-top: 20px;
}

.chat-cont .room-name {
    line-height: initial;
}

.experiencelevel:focus {
    background-color: #03a89e !important;
}

.div-proposal-right-section {
    padding-top: 20px !important;
}

.cover-later-bx {
    padding: 0px;
}

#Password::-ms-reveal,
#Password::-ms-clear {
    display: none;
}

.div-expertise-level .btn.active {
    font-size: 13px !important;
}

.drp-reason {
    height: 40px !important;
}

.member-plan-inn-bx {
    transition: all 0.3s;
}

.div-menbership-plan {
    min-height: 350px;
}

.footer-careers {
    padding-top: 40px;
}

    .footer-careers h6 {
        margin-bottom: 0px;
        padding-right: 10px;
        padding-top: 15px;
    }

.div-primary-status {
    border-top: none;
    margin-bottom: 10px;
}

.input-password-bx {
    padding-right: 30px;
}

.pnl-content .panel-body .row:before {
    display: none !important;
}

.pnl-content .panel-body .row, .pnl-content .panel-body {
    max-height: 150px !important;
    overflow: hidden;
}

.sec-rewarding-projects {
    padding: 110px 0 100px !important;
}

.comn-row-fixs {
    max-height: 90px !important;
}

.create-profile .panel-body {
    max-height: max-content;
}

.nav-tabs-jobs .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

    .nav-tabs-jobs .nav-tabs > li {
        padding: 0px;
    }

        .nav-tabs-jobs .nav-tabs > li a {
            font-weight: 700;
            color: #222 !important;
            padding: 10px 10px;
            margin-right: 15px;
        }

        .nav-tabs-jobs .nav-tabs > li.active > a {
            color: #53aba2 !important;
            border-bottom: 2px solid #53aba2 !important;
        }

.compl-job-ul {
    list-style: none;
    text-align: left;
    padding-top: 10px;
}

    .compl-job-ul li {
        width: 33%;
        display: inline-block;
    }

.tb-lists {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.nav-tabs-jobs h4 {
    font-weight: 700;
    font-size: 16px;
}

.nav-tabs-jobs .fa {
    color: #53aba2;
    margin-right: 2px;
}

.tb-lists:last-child {
    margin-bottom: 0px;
    border: none;
}

.breadcrumb-sec {
    padding: 10px 0px;
    background: #fbfdff;
    z-index: 9;
}

    .breadcrumb-sec .container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .breadcrumb-sec p {
        font-size: 14px;
        font-weight: 500;
    }

        .breadcrumb-sec p .fa {
            font-size: 13px;
            margin-right: 5px;
        }

        .breadcrumb-sec p a {
            color: #222;
        }

            .breadcrumb-sec p a.active {
                color: #52a99f;
            }

.breadcrumb-sec2 {
    display: none;
}

.drp-freelancer-location {
    padding: 6px 12px !important;
}

.hourly-rate {
    color: #333;
}

.img-country-flag {
    margin-top: -5px !important;
}

.btn-feedback-reply {
    margin-top: 15px;
}

.filter-after-search .chk-filter {
    margin-top: 4px !important;
}

.filter-radio-btn {
    margin-top: 3px !important;
}

.validation-error {
    border-color: #f00;
}

.how-work-fix a:focus, #freelancers-unactive a:focus, #buyer-unactive a:focus {
    color: #fff !important;
}

.img-top-dv-portfolio img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.fts-dlt2 {
    padding-bottom: 15px;
}

.ul-delete-certificates {
    margin-left: 0px !important;
}

    .ul-delete-certificates .dust_pos {
        top: -7px;
        right: -12px;
        opacity: 0;
    }

    .ul-delete-certificates li:hover .dust_pos {
        opacity: 1;
    }

.div-testimonials img {
    cursor: pointer;
}

.testimonials_sec {
    padding: 0px 0px 50px 0px;
    margin-top: 60px;
}

.ul-opcs {
    padding-top: 5px;
}

    .ul-opcs li {
        padding: 6px 1px;
        margin: 0px 5px;
        padding-right: 25px;
        display: block;
    }

        .ul-opcs li .dust_pos {
            right: 0px;
            top: 4px;
        }

.ul-delete-certificates p a {
    padding-right: 25px;
}

.ul-delete-certificates .dust_pos {
    top: 2px;
    right: 0px;
}

.popup-ul-certificates li {
    padding-right: 20px;
    margin-right: 10px;
}

.btn-search-trans-his {
    border-radius: 4px;
    background: #03a89e;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.div-csv-download {
    padding-top: 25px;
}

    .div-csv-download a {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

.div-trans-actions .date-calender {
    padding: 6px 6px;
}

.div-trans-actions .refresh-icon-sidebar {
    margin: 0px;
    padding: 6px 0px 6px 3px;
    border-radius: 4px;
    float: none;
}

.invoice-down-zip {
    padding: 10px 30px !important;
}

.padd-top-22 {
    padding-top: 22px;
}

.padd-top-25 {
    padding-top: 25px;
}

/*---hire------*/

.hire-sec-new {
    padding: 20px 0px 30px;
    background-image: url(../png/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    background-position: center;
}

.right-hires {
    text-align: center;
}

    .right-hires img {
        width: 70%;
    }

.right-hires2 img {
    width: 100%;
}

.right-hires h5 {
    font-size: 17px;
    padding-top: 15px;
}

    .right-hires h5 .rating-views {
        padding: 0px 10px;
        border-radius: 6px;
        background-color: #fff;
        font-weight: 700;
        margin-right: 10px;
        color: #17a098;
    }

    .right-hires h5 span .fa {
        color: #ffff00;
    }

.hire-sec-new p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.hire-sec-new .btn-primary {
    color: #17a098;
    font-size: 20px;
    font-weight: 500;
    background: #fff !important;
}

    .hire-sec-new .btn-primary:hover {
        color: #fff;
        background: #17a098 !important;
    }

.hire-sec-new h1 {
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 2px;
    padding-top: 9%;
}

.business-trusted-sec {
    background: #03a99f;
}

    .business-trusted-sec .row {
        align-items: center;
        display: flex;
    }

.part-busi {
    display: flex;
    list-style-type: none;
}

    .part-busi li {
        padding: 15px;
    }

.business-trusted-sec {
    padding: 15px 0px;
}

    .business-trusted-sec h5 {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff;
    }

.telent-list-secs .tl-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 16px 16px;
    margin-bottom: 30px;
    box-shadow: inherit;
    border: 2px solid #E0E0E0;
}

.telent-list-secs .tl-img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 16px;
}

.telent-list-secs .degination {
    font-size: 16px;
    color: #505050;
    font-weight: 600;
    margin: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.telent-list-secs .verify {
    background: url(../png/unverify-icon-w-2.png);
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.telent-list-secs .title.username a {
    font-weight: 500;
}

.telent-list-secs .tl-rating a {
    font-size: 16px;
    color: #03a99f;
}

.telent-list-secs .bio-des li {
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0 !important;
    display: inline-block;
    line-height: 16px;
    font-size: 16px !important;
    margin-right: 18px;
}

    .telent-list-secs .bio-des li:last-child {
        margin-right: 0px;
    }

.telent-list-secs .tl-rating {
    margin-top: 0px !important;
    text-align: right;
    margin-right: 40px;
}



.telent-list-secs .tl-profile {
    text-align: left;
    padding: 6px 0 0px;
}

.telent-list-secs .btn.btn-primary {
    font-size: 12px;
    float: left;
}

.telent-list-secs .tl-profile li {
    background-color: #FFF09D;
    padding: 10px 18px;
    font-size: 14px;
    margin: 0 6px 0 0px;
    color: #000000;
    font-weight: 600;
    border-radius: 100px;
    min-width: max-content;
}

.telent-list-secs .bio-des span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-left: 5px;
}

.telent-list-secs {
    padding: 70px 0px;
}

.hdng-sub-hire {
    font-weight: 600;
    font-size: 27px;
    color: #09a69d;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 50px;
}

.how-ti-work-hire {
    text-align: center;
}

.hire-how-it-sec p {
    line-height: 28px !important;
}

.hire-how-it-sec h3 {
    padding: 20px 0px 10px;
    font-size: 20px;
}

.hire-how-it-sec {
    padding-bottom: 70px;
}

.skill-yuls ul li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

    .skill-yuls ul li a {
        font-weight: 400;
        color: #000000;
        font-size: 20px;
        line-height: 38px;
        text-align: left;
    }

.hire-free-hire {
    text-align: center;
    background-image: url(../png/bg-freelancer-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: -20px;
    background-position: bottom center;
}

    .hire-free-hire img {
        width: 100%;
    }

    .hire-free-hire h2 {
        margin-bottom: 20px;
    }

    .hire-free-hire h5 {
        color: #333230;
        font-size: 16px;
        line-height: 38px;
        padding-bottom: 20px;
    }

.hire-text-howit ul {
    list-style-image: url(../png/dot.png);
    margin: 20px 0px 5px;
    padding-left: 20px;
}

    .hire-text-howit ul li {
        padding-bottom: 5px;
    }

.hire-text-howit h4 {
    font-weight: 600;
    padding-bottom: 5px;
}

.skill-yuls ul li a:hover {
    color: #03a89e;
}

.edit_btn_postion-new a .fa.fa-pencil {
    font-size: 24px !important;
}

.letter-content-bx2 {
    padding-bottom: 0px !important;
}

.row-proposal-result-after1 .heire-bx {
    padding-bottom: 20px;
}
/*end hire css*/
.tl-profile-skill2 li {
    margin-bottom: 8px;
}

.skill-list2 {
    overflow: auto;
}

.letter-content-bx p {
    overflow-wrap: break-word;
}

.nav-subnav-category {
    display: flex;
    justify-content: center;
    justify-content: space-between;
}

    .nav-subnav-category li a {
        color: #676968;
        display: block;
        line-height: 35px;
        font-size: 14px;
        padding: 5px 0px;
    }

.category-sub-sec .col-md-12 {
    padding-left: 0px;
}

.category-sub-sec {
    background: #f1f5f8;
    border-top: 1px solid #ecebeb;
}

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

.div-tt-freelancer-list {
    padding: 0px !important;
}

.div-milestone_heading h2 {
    line-height: 25px !important;
}

.fixed-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -9;
}

.div-flocation {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

    .div-flocation img {
        margin-top: -7px;
    }

.btn-sign-up {
    width: auto !important;
}

.required-error-msg {
    color: #ff0000;
    font-size: 14px !important;
    font-weight: normal !important;
    border: none !important;
    display: initial !important;
}

.error-border {
    border-bottom-color: #ff0000 !important;
}

.padd-bot-0 {
    padding-bottom: 0px;
}

.padd-top-0 {
    padding-top: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.div-loc-code .ddl-country-code {
    width: 90px;
}

.div-pno {
    padding-top: 25px;
}

.div-edt-name {
    margin-bottom: -17px;
}

.innate-box-sec .innate-img {
    margin: 0;
    height: inherit;
    width: 100%;
}

.img-country-flag {
    margin-top: 0px !important;
    margin-right: 0px !important;
}

/*-----all-category-design-24-11-2020---*/

.al-category-sec {
    padding-bottom: 0px;
    padding-top: 80px;
}

    .al-category-sec h2 {
        font-size: 37px;
        line-height: 55px
    }

.all-category-list .icon_sec {
    border-radius: 50%;
    background: #03a99f;
    width: 50px;
    position: absolute;
    right: 30px;
    padding: 12px;
}

.all-category-list .listing_all_categorys {
    padding: 5px;
    background: #e6f6f5 !important;
    border: none;
    margin-bottom: 35px;
    box-shadow: none;
    border-radius: 10px;
}

.all-category-list .sub_cate a {
    color: #333;
}

.all-category-list .sub_cate {
    min-height: 240px;
    max-height: 240px;
    overflow-y: auto;
}

.all-category-list .main_category {
    background-color: #004d47;
    border-radius: 6px;
    padding: 10px 10px;
    color: #fff;
    height: 80px;
    margin-bottom: 5px;
}

    .all-category-list .main_category h4 {
        width: 80%;
        font-size: 15px;
        line-height: 22px;
        color: #fff !important;
    }

.all-category-list .sub_cate a:hover {
    background: transparent;
    color: #03a99f;
}

.all-category-list .row {
    display: block;
}

.al-category-sec .btn {
    border: 2px solid #fff;
    font-size: 16px;
}

.al-category-sec .btn-default {
    color: #fff;
    background-color: transparent;
    font-weight: 500;
}

    .al-category-sec .btn-default:hover {
        background-color: #fff;
        color: #17a098;
    }

.al-category-sec .btn-primary:hover {
    background-color: transparent !important;
    color: #fff;
}

.select-form select, .job-per-page .pages-select {
    position: relative;
    background: transparent;
    z-index: 9;
}
/*.div-head-contact hr {
    width: 100% !important;
    width: -moz-100%;
}*/
.lnk-download-attachment {
    word-break: break-all;
}

.btn-job-completed {
    cursor: revert;
}

.degination-result {
    word-break: break-all;
}

.div-proposal-attached-files2 {
    position: inherit;
}

.inline-grids {
    display: inline-grid;
}
/*Responsive css*/
@media screen and (max-width: 767px) {
    .al-category-sec h2 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .hire-sec-new p {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .al-category-sec {
        padding-top: 25px;
    }

    .all-category-list .listing_all_categorys {
        margin-bottom: 20px;
    }

    .al-category-sec .btn {
        margin-bottom: 15px;
        font-size: 12px;
        padding: 8px 8px !important;
    }

    .onlnie-dv {
        right: 25px;
    }

    .doted_bx {
        margin-top: -25px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .al-category-sec h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .al-category-sec {
        text-align: center;
    }

        .al-category-sec p {
            font-size: 16px;
        }

        .al-category-sec .btn {
            margin-bottom: 15px;
            font-size: 12px;
            padding: 8px 8px !important;
        }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    .al-category-sec h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .al-category-sec p {
        font-size: 16px;
    }

    .all-category-list .main_category {
        height: 70px;
    }

        .all-category-list .main_category h4 {
            font-size: 13px;
            width: 72%;
        }

    .all-category-list .sub_cate a {
        font-size: 12px;
        padding: 8px 10px;
    }

    .all-category-list .sub_cate {
        min-height: 220px;
        max-height: 220px;
    }

    .all-category-list .listing_all_categorys {
        border-radius: 5px;
    }
}
/*---7-11-20 skill-popup-----*/
.category-popup-new .modal-dialog {
    width: 60%;
}

.category-popup-new .modal-content {
    background: #e6fffc;
}

.category-popup-new .modal-header {
    background-color: transparent !important;
    border: none;
    padding: 25px 12px 0px 12px;
    color: #000 !important;
}

.category-popup-new .modal-body {
    padding: 5px 25px 15px;
}

.category-popup-new .panel-body {
    padding: 5px 0px !important;
}

.category-popup-new .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}

.category-popup-new .panel-title {
    font-size: 14px;
}

.category-popup-new .panel-default > .panel-heading {
    background-color: #ffffff;
    border-color: #ddd;
    border-radius: 5px;
    padding: 14px 15px 10px;
}

    .category-popup-new .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #fff;
    }

.category-popup-new .panel-group .panel {
    border-radius: 6px;
}

.category-popup-new .panel-default:hover {
    border-color: #03a89e;
}

.category-popup-new .act-inn-bx h3 span {
    font-size: 20px;
    color: #f1393d;
}

.main-pnl-grp {
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 15px;
    padding-right: 10px;
}

.main-pnl-grp2 {
    max-height: 455px;
    margin-bottom: 0px;
}

.main-pnl-grp .panel-group {
    margin-bottom: 15px;
}

.btn-skill-new {
    float: right;
}

    .btn-skill-new .btn {
        line-height: 14px;
        float: inherit;
    }

.category-popup-new .modal-sub-title {
    font-weight: 700;
}

.category-popup-new .more-less {
    background-color: transparent !important;
    color: #03a89e;
    font-size: 12px;
}

.btn-skill-new .clcl-btn {
    opacity: 1;
    background-color: #fe625f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 5px;
}

.category-popup-new .panel-default > .panel-heading a {
    display: block;
    color: #000 !important;
}

.category-popup-new .checkbox {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.box-scope {
    text-align: center;
    padding: 0px 40px;
}

    .box-scope h5 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .box-scope p {
        font-size: 16px;
    }

.box-img-scope {
    width: 70px;
    height: 70px;
    background: #004D48;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
}

.category-main p {
    font-size: 17px;
}

.category-main h2 {
    padding-top: 20%;
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .category-popup-new .modal-dialog {
        width: 100%;
        margin: 0px !important;
    }

    .box-scope {
        margin-bottom: 20px;
    }

        .box-scope h5 {
            font-size: 16px;
        }

        .box-scope p {
            font-size: 14px;
        }

    .category-main h2 {
        padding-top: 5%;
        font-size: 20px;
    }

    .category-popup-new .modal-body {
        padding: 5px 15px 15px;
    }

    .category-popup-new .modal-sub-title {
        font-size: 14px;
    }

    .category-popup-new .modal-header {
        padding: 20px 0px 0px 0px;
    }

    .btn-skill-new .btn {
        font-size: 10px !important;
        line-height: 7px !important;
        padding: 12px 8px;
        border-radius: 5px;
    }

    .category-popup-new .act-inn-bx h3 {
        line-height: 10px;
        font-size: 14px;
    }

    .category-popup-new .panel-title {
        font-size: 12px;
    }

    .conn-his {
        margin-bottom: 10px;
    }

    .div-loc-code .ddl-country-code {
        width: 90px;
    }

    .div-pno {
        padding-top: 0px;
    }

    .job-proposal-mew-sec h4 {
        display: inherit !important;
    }

    .job-proposal-mew-sec .innat-content .flag-ind {
        padding-left: 0px !important;
        margin-top: 5px;
    }

    .innate-box-sec .innate-img {
        margin-bottom: 10px !important;
    }

    .innate-img img {
        width: 50% !important;
        margin: auto !important;
        display: block;
    }

    .job-proposal-mew-sec .innat-content, .job-bx p {
        text-align: center !important;
    }

    .div-milestones-action {
        padding-bottom: 10px;
    }

    .container-hr .editControl .del-btn.cancel-edit-content {
        right: -15px;
    }

    .container-hr .editControl .del-btn.save-hourlyrate {
        right: -15px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .category-popup-new .modal-dialog {
        width: 90% !important;
    }

    .category-main h2 {
        padding-top: 10%;
        font-size: 22px;
    }

    .file-links {
        width: 50% !important;
    }

    .time-files {
        font-size: 12px;
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    .category-popup-new .modal-dialog {
        width: 90% !important;
    }

    .category-main h2 {
        padding-top: 15%;
        font-size: 22px;
    }

    .category-popup-new .checkbox label {
        font-size: 12px;
    }

    .container-hr .editControl .del-btn.cancel-edit-content {
        right: 0px;
    }

    .container-hr .editControl .del-btn.save-hourlyrate {
        right: 0px;
    }

    .time-files {
        font-size: 12px;
        margin-left: 5px !important;
    }

    .file-links {
        width: 57% !important;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .category-popup-new .modal-dialog {
        width: 80% !important;
    }

    .time-files {
        margin-left: 5px !important;
    }

    .file-links {
        width: 57% !important;
    }
}

@media screen and (max-width: 1650px) and (min-width: 1401px) {
    .category-popup-new .modal-dialog {
        width: 72% !important;
    }
}
/*hire responsive css*/
@media screen and (max-width: 767px) {
    .part-busi, .business-trusted-sec .row {
        display: block;
        text-align: center;
    }

    .hire-sec-new h1 {
        font-size: 24px;
    }

    .hire-sec-new p {
        font-size: 14px;
    }

    .hire-sec-new {
        text-align: center;
    }

    .right-hires img {
        margin-top: 25px;
    }

    .part-busi li {
        padding: 0px 10px !important;
    }

    .telent-list-secs {
        padding: 40px 0px;
    }

    .part-busi li {
        padding: 10px;
    }

    .skill-yuls ul li {
        width: 100%;
        float: left;
    }

    .hdng-sub-hire {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .telent-list-secs .tl-card {
        margin-bottom: 25px;
    }

    .telent-list-secs .tl-profile li {
        padding: 8px 10px;
        margin: 0 3px 10px;
    }

    .hire-how-it-sec {
        padding-bottom: 40px;
    }

        .hire-how-it-sec h3 {
            font-size: 18px;
        }

    .hire-free-hire h5 {
        line-height: 22px;
    }

    .hire-how-it-sec p {
        line-height: 24px !important;
        margin-bottom: 15px;
    }

    .new-pass-col {
        display: flex;
    }

        .new-pass-col input {
            margin-right: 8px;
        }

    .milestone-name-jobs .field-validation-error span {
        position: inherit !important;
    }

    .content-action-block {
        display: inherit !important;
    }

    .copy-link-pro2 .tooltip {
        left: inherit !important;
        right: 0px !important;
        top: 245px !important;
    }

        .copy-link-pro2 .tooltip.right .tooltip-arrow {
            display: none !important;
        }

    .custom-swal-yes-btn .btn.btn-primary {
        padding: 12px 30px !important;
        border-radius: 5px !important;
    }

    .list-freelacer-new .title.username a.invit-btb-bx.btn.btn-primary {
        display: inline-block;
        float: inherit;
        padding: 5px 10px 5px 10px;
        height: auto;
    }

    .page-next .pagination .page-item .page-link {
        width: 30px;
        padding: 6px 0px;
        text-align: center;
    }

    .work-report-mdl .modal-body {
        padding: 20px 20px;
    }

    .nav-subnav-category {
        display: none;
    }

    .comn-row-fixs {
        max-height: inherit !important;
    }

    .user-name-profile h4 {
        padding-top: 0px !important;
    }

    .user-name-profile {
        display: flex;
        width: 100% !important;
        align-items: center;
        justify-content: center;
    }

        .user-name-profile .del-btn {
            float: inherit !important;
        }

    .no-main-pad-new .row {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .profile-con-bx p {
        text-align: center;
    }

    .user-name-profile .txt-container {
        float: inherit !important;
    }

    .profile-con-bx .rating-bx {
        display: flex;
        justify-content: center;
        padding-top: 0px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .part-busi li img {
        max-width: 120px;
    }

    .part-busi {
        justify-content: center;
    }

    .business-trusted-sec h5 {
        margin-bottom: 15px;
        text-align: center;
    }

    .part-busi li {
        padding: 10px;
    }

    .business-trusted-sec .row {
        display: inherit;
    }

    .nav-subnav-category li a {
        line-height: 20px;
        font-size: 11px;
        padding: 5px 6px;
    }

    .comn-row-fixs {
        max-height: inherit !important;
    }
}

@media screen and (max-width: 1366px) and (min-width: 992px) {
    .part-busi li {
        padding: 15px 9px;
    }

    .nav-subnav-category li a {
        padding: 5px 8px;
    }
}
/****end hire responsive css****/

@media (max-width: 767px) {
    .computes-sec table tr th, .computes-sec table tr td {
        padding: 10px 10px;
        font-size: 14px;
    }

    .sell-row-dis {
        padding-top: 8%;
        padding-bottom: 8%;
    }

        .sell-row-dis h2 {
            font-size: 17px;
        }

    .model-how-to-disp .modal-dialog {
        width: 100%;
    }

    .model-how-to-disp.in {
        margin-right: 0px !important;
    }

    .model-how-to-disp .modal-content {
        padding: 20px 0px;
    }

    .modal-box-vdos .modal-dialog {
        width: auto;
    }

    .modal-box-vdos iframe {
        height: 100% !important;
    }

    .row-how-tis {
        display: block;
    }

    .right-pics img {
        float: inherit;
        margin-top: 20px;
        max-width: 100% !important;
    }

    .nav-tabs-jobs .nav-tabs > li a {
        margin-right: 0px;
        text-align: center;
        font-size: 12px;
    }

    .nav-tabs-jobs h4 {
        font-size: 14px;
    }

    .breadcrumb-sec1 {
        display: none;
    }

    .breadcrumb-sec2 {
        display: inherit;
    }

    .how-work-btn-it-work-new {
        padding-top: 0px;
        text-align: center;
    }

    .text-how-it {
        font-size: 15px;
        line-height: 20px;
    }

    .how-it-heading {
        display: block;
        font-size: 20px !important;
        font-weight: 600;
        text-align: center;
    }

    .setup-medthod-popup-sec .modal-dialog {
        margin-left: 0px;
    }

    .local-bank-trf h1 {
        font-size: 13px;
    }

    .setup-medthod-popup-sec .modal-body {
        padding: 15px 0px;
    }

    .check-area input {
        margin-right: 5px;
    }

    .darte-time-dvs .form-control {
        margin-bottom: 10px;
    }

    .div-comm-cls-padd {
        padding-top: 10px;
    }

    .any-scop h4 {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .banner-content {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .message-right-bx {
        position: inherit;
        height: 500px;
        width: 100%;
    }

    .save-icon-milestone {
        padding-left: 15px;
        padding-right: 15px;
    }

    .message-left-bx {
        position: inherit;
        height: auto;
        width: 100%;
    }

    .cheat-masseg-bx {
        position: inherit;
        height: 350px !important;
    }

    .msg-send-bx {
        position: inherit;
    }

    .message-bx {
        position: relative;
        height: auto;
        top: inherit;
        margin-bottom: 40px;
    }

    .btch-sec p {
        font-size: 14px;
        line-height: 22px;
    }

    .btch-sec h3 {
        font-size: 17px;
        line-height: 26px;
    }

    .show-comp-new p {
        font-size: 14px;
        line-height: 15px;
    }

    .btch-sec2 .batches {
        padding-top: 3%;
        padding-bottom: 35px;
    }

    .content-fix-tovdevs {
        padding-top: 0%;
        text-align: center;
    }

    .creat-profile-hr {
        margin-top: 0px;
    }

    .btch-sec h2 {
        font-size: 4vh;
    }

    .cookies-popup a {
        position: inherit !important;
        float: right;
        margin: auto;
        display: initial;
        margin-right: 5px;
    }

    .btn-type a {
        width: 46%;
        padding: 15px 10px;
    }

    .milestone-heading-th {
        display: none;
    }

    .profile_banners {
        height: 80px;
    }

    #btn-back-to-top {
        margin-bottom: 30px;
    }

    .footer {
        margin-bottom: 50px;
    }

    body {
        touch-action: pan-x pan-y;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .how-it-heading {
        display: block;
        font-size: 24px !important;
        font-weight: 600;
    }
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
    .drop-down-arrow {
        width: 130px !important;
    }

    .banner-main-new { /*
        height: 40vh !important;*/
        padding: 8vh 0px !important;
    }
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
    .drop-down-arrow {
        width: 130px !important;
    }

    .billing-tab-pnl-new {
        padding-top: 30px;
    }
}

@media screen and (max-width: 999px) and (min-width: 768px) {
    .only-ipad-serch {
        display: inherit !important;
    }

    .frm-search-dropdown-box {
        display: none;
    }

    .only-ipad-serch a {
        padding: 5px;
        line-height: 38px;
    }

    .top-skills-header2 {
        position: absolute;
        width: 100%;
        background: #f1f5f8;
        border-top: 1px solid #ccc;
    }

        .top-skills-header2 form {
            margin: 0px;
            padding: 5px 20px;
            width: 100%;
        }

    a.navbar-brand img {
        margin-top: 10px !important;
    }

    .top-skills-header2 .input-group {
        display: block;
        width: 100%;
        max-width: 100% !important;
    }

    .top-skills-header2 .drop-down-arrow {
        width: 100% !important;
    }

    .top-skills-header2 .dropdown-menu {
        right: 0px;
        max-width: 100px !important;
        left: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .skill-yuls ul li {
        width: 100%;
    }

    .navbar-nav > li {
        width: 100%;
    }

    .tbl-sell-new {
        overflow-x: auto;
    }

    /*.btn-msg-show-algin .btn-client-message {
        margin-top: 0px;
    }*/

    .job_lft_bx {
        padding: 5px 7px !important;
        display: block !important;
    }

    #divAlertMessage {
        width: 90% !important;
    }

    .div-alert-message {
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
        display: block !important;
        left: 0px !important;
    }

    .lnk-add-cat {
        margin-top: 0px !important;
    }

    .job-bx {
        padding-left: 5px;
        padding-right: 5px;
    }

    .any-scop {
        padding: 15px 0px 10px;
    }

    .develolper-rared .box-develop {
        margin-bottom: 15px;
    }

    .category-skill-sec .row {
        display: block;
    }

    .main-hdd {
        padding-bottom: 20px;
    }

    .category-skill-sec .row .col-md-3 {
        border-bottom: 2px solid #03a89e;
        border-right: none;
    }

    .div-sign-up {
        height: auto !important;
        position: inherit !important;
        margin-top: 30px !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0px;
    }

    .login-box {
        height: 400px;
    }

    .img-sec-toop-skil img {
        width: 100%;
    }

    .any-scop {
        border-right: none;
        border-bottom: 2px solid #64cbcb;
        padding-bottom: 20px;
    }

    .header .navbar-brand {
        padding-bottom: 20px;
    }

    .any-scop2 {
        border-bottom: 0px;
    }

    .btn-funds {
        border-radius: 4px;
        background: #5fab23;
        padding: 5px;
    }

        .btn-funds .btn_funds_protected {
            background: transparent;
            line-height: 19px;
            padding: 0px;
            border: 0px;
            box-shadow: none;
            font-size: 14px;
        }

    .div-find-talent span.online {
        right: 25px !important;
    }

    .file-links {
        width: 50% !important;
    }

    .time-files {
        font-size: 12px;
    }

    .verify {
        width: 22px;
        height: 22px;
    }

    .responsive_navbar_new .dropdown > .fa {
        width: 14%;
        text-align: center;
    }

    .advanced-bx li::after, .advanced-bx li::before {
        display: none;
    }

    .job_earning_bx-new {
        margin-top: 15px;
    }

    .banner-main-new {
        background-color: #ebf6f1;
        background-image: none;
        padding: 10vh 0px;
        height: auto !important;
        margin-bottom: 15px;
    }

        .banner-main-new .banner-content h1 {
            font-size: 30px;
            line-height: 45px;
        }

    .add_mile .sub-pre_4 .btn.btn-primary {
        padding: 12px 9px;
        margin-bottom: 10px;
    }

    .contact_head h4, .offer_head h4 {
        font-size: 15px;
    }

    .modal-milestone {
        padding: 25px !important;
    }

    .mile-table-bx-2 {
        padding: 10px;
        border: 1px solid #ddd;
    }

        .mile-table-bx-2 .table-responsive {
            border: none !important;
            /*overflow-y: inherit !important;*/
        }

    #frmUpdateMilestone86 .bootstrap-datetimepicker-widget {
        z-index: 999999;
    }

    .sub-pre-new-btn .confirmation-buttons .btn.btn-primary {
        padding: 12px 28px;
    }

    .invitation-bx-new .tab-content.clearfix {
        padding: 20px 0px 0px 0px;
    }

    .invitation-bx-new .title.username a.invit-btb-bx.btn.btn-primary {
        font-size: 13px;
        height: auto;
        padding: 5px 18px 5px 18px;
    }

    .category-skill-sec h3 {
        text-align: center;
    }

    .copyright p {
        display: flex;
        justify-content: center;
        padding-top: 5px;
    }

    .post-box li i {
        font-size: 12px;
        padding: 0 0px 10px 0px;
    }

    .feedback-new {
        display: flex;
    }

    .contract_info {
        width: 100%;
    }

    .mobile-login-view {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        float: right !important;
    }

        .mobile-login-view a {
            line-height: 66px;
            padding-left: 0px;
            font-size: 12px;
            float: right;
            padding-right: 5px;
        }

    .edit-pic-profile {
        right: 115px;
    }

    .remove-white-space {
        margin-top: 15px;
    }

    .remove-white-space-emls {
        margin-top: 0px !important;
    }

    .initatio-tab-bx .tab-content.clearfix {
        padding: 0px 0px 0px 0px;
    }

    .inv_vt {
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }

    .innate-img {
        margin-top: 0px;
    }

    .category_page_main2 .row {
        display: block !important;
    }

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

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

    .job-sec-int-new-show .pro-sale {
        text-align: left;
        padding-left: 15px;
    }

    .bts-show {
        display: inline-flex;
    }

        .bts-show input {
            margin-right: 5px !important;
        }

    .desktop-view label {
        display: none;
    }

    .remove-white-space2 {
        margin-top: 0px !important;
    }

    .job-bx .job-box-p-new {
        text-align: center !important;
    }

    .main-notification-tab-cn .desktop-view label {
        display: initial !important;
    }

    .prfile-login-with-img-menu {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 767px) {
    .list-prop-t-earn {
        margin-bottom: 0px;
    }

    .date-str:before {
        width: 24% !important;
    }

    .date-str:after {
        width: 24% !important;
    }

    .container > .navbar-header {
        margin: 0px !important;
    }

    .header-profile-mbl-new {
        width: 50px;
    }

    .img-sec-paypal-payment img {
        padding: 0px 0px;
    }

    .hire-telent-logo-footer {
        display: block !important;
        text-align: center;
        margin: 14px 0;
    }

    .img-chat {
        width: 100% !important;
    }

    .local-bank-trf .panel-body {
        padding: 20px !important;
    }

    .btn-for-mg-ny-t {
        padding: 0px;
    }

    .col-e-mobile-new {
        padding-left: 0px;
        padding-bottom: 10px;
    }

    .cls-recver-bx {
        padding-right: 0px;
    }

    .cls-sender-bx {
        padding-left: 0px;
    }

    .fix-heignhtt {
        top: 72px;
        width: 92%;
        height: 90vh;
    }

        .fix-heignhtt .drop-dowm-menu {
            height: 87%;
        }

    .prifile-new-box .edit-img-div-new {
        width: 45%;
        margin-left: auto;
        margin-right: auto;
    }

    .prifile-new-box .img-circle.user-profile-pic, .profile-con-bx .img-circle {
        width: 100%;
    }

    /*.profile-con-bx .rating-bx {
        margin-top: 20px;
    }*/

    .prifile-new-box .edit-pic-profile {
        right: 25px;
    }

    .sub-heading-profile {
        padding-top: 20px;
    }

    .prifile-new-box .profile-con-bx {
        margin-top: -70px;
    }

    .find-telent .find-tlnt-shw-new {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .filter-after-search {
        display: none;
    }

    .filter-btn-mb {
        display: inherit;
    }

    a.navbar-brand img {
        margin-top: 10px !important;
        margin-right: 10px;
    }

    .bts-show3 {
        display: block !important;
    }

        .bts-show3 input[type="radio"] {
            float: left !important;
            margin-top: 5px !important;
        }

        .bts-show3 label {
            padding-left: 13px !important;
            /* line-height: 2px; */
            margin-top: 0px;
        }

    .edit-from-visti-boxshw {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*
        .bts-show3 .pd-radio-search {
            padding-left: 25px !important;
        }*/
    .check-area {
        display: flex !important;
    }

    .secuerly-store {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .topskill_sec {
        text-align: center;
    }

    .row-proposal-result-after1 {
        display: inherit !important;
    }
}

@media only screen and (max-width: 1024px) {
    .input-group-addon-job-new {
        display: table-cell;
    }

    .input-group-addon-job-post {
        display: table-cell;
    }

    .opn-show-icon {
        display: table-cell;
    }

    .img-sec-toop-skil img {
        width: 100%;
    }

    .topskill_sec h1 {
        font-size: 21px;
    }

    .post-message {
        display: block;
    }
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
    .drop-down-arrow {
        width: 130px !important;
    }

    .banner-main-new { /*
        height: 40vh !important;*/
        padding: 8vh 0px !important;
    }

    .btn-become .btn.btn-primary {
        padding: 15px 20px;
    }

    .btn-become .btn.btn-default {
        padding: 15px 15px;
    }

    .get-start-content h2 {
        font-size: 19px;
    }



    .banner-main-new {
        padding: 20vh 0px;
    }
}

@media only screen and (max-width: 991px) {


    .chat-profile-bx .img-gr-new {
        display: none !important;
    }

    .div-sec-img-first {
        display: none;
    }

    .div-sec-img-sec {
        display: inherit;
    }
}

@media screen and (max-width: 1050px) and (min-width: 992px) {
    .pro-sec {
        padding: 4px 3px;
    }

    .chat-cont h5 {
        font-size: 13px;
    }

        /*.pro-img-outer {
        margin-right: -2px;
    }*/

        .chat-cont h5 span {
            margin-right: -7px;
            font-size: 11px;
        }
}


@media screen and (max-width: 1200px) and (min-width: 992px) {
    .fix-heignhtt {
        height: 380px;
    }

        .fix-heignhtt .drop-dowm-menu {
            height: 85%;
        }

    .trust_page1 .img_ng {
        height: 200px;
        width: 100%;
    }

    .modal-box-vdos iframe {
        height: 450px !important;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    #btn-cookies-accept {
        right: 8% !important;
    }

    #btn-cookies-cancel {
        right: 2% !important;
    }

    .modal-box-vdos iframe {
        height: 500px !important;
    }
}

@media screen and (max-width: 1360px) and (min-width: 1200px) {
    .fix-heignhtt {
        height: 366px;
    }

        .fix-heignhtt .drop-dowm-menu {
            height: 85%;
        }
}

@media screen and (max-width: 999px) and (min-width: 768px) {
    .fix-heignhtt {
        height: 280px;
    }

    .file-uploadmenu li {
        padding: 5px 8px;
    }

    .fix-heignhtt .drop-dowm-menu {
        height: 80%;
    }

    .cookies-popup p {
        padding-right: 10%;
    }

    #btn-cookies-accept {
        right: 12% !important;
        top: 51% !important;
    }

    #btn-cookies-cancel {
        right: 3% !important;
        top: 51% !important;
    }

    .modal-box-vdos iframe {
        height: 400px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 768px) {
    .box_for_catt {
        min-height: 500px;
    }
}

.bts-show3 {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .input-search-engine-privacy {
        margin-top: 0px !important;
    }

    .panel-title-new1 a {
        margin-top: 0px;
    }

    .mile-table-bx-2 .table tr th {
        padding-right: 20px;
        /*Below are few design changes: 1. Header will be updated — spacing between buttons — search section- small font — Drop down design should be updated — looked in user - top right aligned should be there 2. First section — hight will be less — category browse should display 3. Need to keep big name into Partner — Coherent Lab — Be IT — Time Out - Updated Logo — The ASL — Smart Boss — T.E.A.M OTG — Coach Move — 4. Blog — Top section will be updated with new content, Sahil will provide — Remove all three blogs and upload new content based on the Upwork research — Blog total should be clickable same as learn more — Detailed page — Blog button is at only Index but it should be update on all the pages. — Also, clicking on the blog from footer it should be open in the new tab 5. Footer — Clicking on the social media icons it Will be opened in the new tab — Saprate line should be more thin — After logged in there will be a Blog link at the footer 6. Category Navigation should be there — Will discuss on the design 7. Loader functionality not working properly — some time I click on some buttons and there will be nothing and second click it get some action — Loader need more time to display — some time loader go stuck 8. Find Talent — Rest button now working, also it should be aligned (find talent and work both) — Location filter need more improvement in terms of designs (find talent and work both) — On Hover at freelancer listing there will be “Hire” Button and same functionality will be there whatever we have on the profile page — at listing there is 0th and 1st need to discuss on it — Need to test the ranking functionality — On the profile image there is an online and off line functionality which is not working — Verified or unverified functionality not working. Is it done to test? 9. Notification - Notification should display at the right side of the bottom but now it’s navigating based on the scrolling. It should be only bottom right - 10. Find work — Payment verification or unverifind — Location icon at Job listing — in the listing there should be only top ranked freelancers 11. How it works — shared issues are not done yet 12. Freelancer Profile — Hire freelancer — The popup while hire freelancer design need to updated — My summery navigation design need to update — Profile Name color should be black — 50% repeat functionality need to update — 13. Top Freelancer All give images will be there in the top freelancers. And design will be provided by Hansraj 1. Jolly 2. Sahil 3. Arpit 4. Reyaz 5. Dinesh 6. Vidharshana 7. Khushboo 8. Yamini 9. Mitesh 10. Nitin 11. Gajendra 12. Dhirendra 13. Sanjeev 14. Nitesh Jain 15. Prince 16. Akash 17. Raj 18. OM 19. Suthar 20. Junaid Scroll time will be 10 minutes — smooth scrolling 14. Freelancer side — Proposal — Proposal tab will be on the first place before active proposal — Main border will be same as job listing in the browse job with shadow 15. My Job — There will be drop down a. My Job - Hourly Job will be have few extra stuff like - work diary button which leads to work diary on particular job, total hour worked. We had meeting with Chitra and she had complete understanding. — Hourly Job detailed page - Need to update the parameter in three section same as provided designs and other points under it - Client default profile picture should be there - feedback section will be hind until no feedback - top right there will be drop down A. Complete job b. Dispute — will provide dispute designs b. Work Dairy — Page done need to implement the functionality — Edit manual hours — pop up for the add hours - delete pop for hours and other same as shared designs with Chitra 16. Dispute 17. Need to test the mile stone functionality again and then review rating 18. All out line should be with shadow same as find job and talent section 19. In website preview there should be logo icon - right now there is unmanned logo - also if we share the link on any where there will be logo like upwork Setting - Edit Profile — Visibility public or private — Search engine privacy should work — On every ? There will be some text about it — Earning privacy should be updated Billing Member ship - design need to update Contact Password Identity*/
    }

    .div-main-head-container a.navbar-brand img {
        margin-right: 30px;
    }

    .add-mile-new .popover {
        bottom: -200px !important;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1000px) {
    .div-main-head-container {
        padding-left: 0px;
        padding-right: 0px;
    }

        .div-main-head-container a.navbar-brand img {
            margin-right: 10px;
        }

    .header .navbar-default .navbar-nav > li > .profile_login_pd {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1025px) {
    .date-str:after {
        width: 35%;
    }

    .date-str:before {
        width: 35%;
    }
}

@media screen and (max-width: 1024px) and (min-width: 1000px) {
    .menu-right-lgoin li > .log_btn {
        padding: 30px 3px !important;
    }

    .frm-search-dropdown-box {
        padding-right: 0px !important;
    }

    .menu-right-lgoin li > a.log_btn {
        padding: 30px 4px !important;
    }

    .get-start-content {
        margin-top: -40px !important;
    }

    .div-find-talent span.online {
        right: 24px !important;
    }

    .date-str:after {
        width: 28%;
    }

    .date-str:before {
        width: 28%;
    }
}

@media (max-width: 1024px) {
    .input-group-addon {
        display: table-cell;
    }
}

@media only screen and (max-width: 768px) {
    .mile-table-bx-2 .table-responsive, .mile-table-bx-2 .table-responsive table {
        overflow-y: auto !important;
    }

    .mile-table-bx-2 .dtpicker-hide-previous-dt {
        position: relative;
        z-index: 99999999;
    }

    .div-user-type-radio-btn #UserType {
        margin-top: 3px;
    }

    .panel-for-history {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 375px) {
    .btn-register-user {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    /*login-mobile-view-update-28-07-2020*/
    .login-header {
        display: none;
    }

    .container-login-responsive {
        padding: 0px !important;
    }

    .login-secc-new .login-box {
        position: inherit !important;
        height: auto !important;
        border: none;
        width: 100% !important;
        border-top-left-radius: 35px;
        border-top-right-radius: 35px;
        background: #fff !important;
        margin-top: -34% !important;
        padding-top: 6%;
    }

    .bg-img-login {
        margin: 0px !important;
        background-image: url(../jpg/bg-mobile.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: inherit !important;
        height: 250px;
    }

        .bg-img-login img {
            width: 70%;
            margin: 10% auto 14%;
            display: block;
        }

    .login-secc-new .login-bx-new .input-group .input-group-addon {
        display: none;
    }

    .login-secc-new .login-bx-new .input-group .form-control {
        border: none !important;
        border-bottom: 1px solid #e7e7e7 !important;
        box-shadow: none;
    }

    .login-secc-new .login-bx-new h1 {
        font-size: 18px;
        color: #52a99d;
    }

    .login-secc-new .login-bx-new p {
        color: #7b7b7b;
        font-weight: 500;
    }

    .login-secc-new .login-bx-new .btn.btn-primary {
        padding: 10px 40px !important;
        border-radius: 4px;
        width: 80%;
    }

    .forgot-in-desktop {
        display: none;
    }

    .forgot-in-mobile {
        display: block !important;
    }

    .sign-for-mobiles {
        color: #52a99e;
        font-weight: 600;
        font-size: 16px;
    }

    .forgot-for-mobiles {
        float: right;
    }

    /*.password-show-icon {
            position: absolute;
            right: 12px;
            z-index: 9;
            top: 12px;
            display: inherit !important;
        }*/

    .mobile-top-slider {
        display: block !important;
    }

    .desktop-top-slider {
        display: none;
    }

    .div-find-talent .title.username, .div-find-talent .degination-new, .div-find-talent .bio-des {
        text-align: center;
    }

    .div-find-talent .bio-des {
        padding-right: 0px !important;
    }

    .find_talent_new .skill-find-telant-new, p.fix-price, .fw-data, .bod_lft .tl-profile, .fw-desc {
        text-align: center;
    }

    .page-next .pagination.pg-teal .page-item .page-link {
        margin-right: 0px;
    }

    .fw-card .title.username {
        margin-bottom: 10px;
        line-height: 20px;
        text-align: center;
    }

    .fw-desc li {
        margin-bottom: 7px;
    }

    .fw-card .title.username a {
        font-size: 16px;
        display: block;
    }

    .desktop-skills-list {
        display: none;
    }

    .mobile-skills-list {
        display: block !important;
    }



    .get-start-content {
        border: 2px solid #52a99e;
        border-radius: 5px;
        margin-top: -30px;
    }

        .get-start-content .btn {
            border-radius: 5px !important;
            width: 40%;
            text-align: center;
            padding-left: inherit !important;
            padding-right: inherit !important;
            margin-top: 0px !important;
            margin-bottom: 0px;
        }

    .btn-freelacer-top-home {
        padding-bottom: 0px;
    }

    .banner-content-for-desktop {
        display: none;
    }

    .banner-content-for-mobiles {
        display: block !important;
        text-align: left;
    }

        .banner-content-for-mobiles h2 {
            color: #41837c;
            font-weight: 700;
            font-size: 34px;
            line-height: 40px;
        }

    .last-text-content-ban {
        font-size: 18px;
    }

    .banner-content-for-mobiles h2 span {
        color: #efa324;
    }

    .banner-main-new {
        background-image: url(../png/bg-mobile.png);
        background-position: center right !important;
        padding: 34% 0;
        background-size: cover;
        z-index: 999;
        position: relative;
        margin-top: -55px;
    }

    .img-logo-for-banner {
        width: 130px;
        position: absolute;
        top: 10px;
    }

    .header-for-mobile-view {
        position: fixed !important;
        top: inherit !important;
        bottom: 0% !important;
        transition: all 0s;
        width: 100%;
        box-shadow: 0px -10px 20px #00000029;
    }

        .header-for-mobile-view .navbar-brand {
            display: none;
        }

    .login-for-mobile-btn {
        display: inherit !important;
        float: right;
        font-size: 20px;
        color: #428b83;
        margin-top: 10px;
        margin-right: 10px;
        font-weight: 400;
    }

    .navbar-default .navbar-toggle {
        color: #428b83;
        margin-top: 10px;
        float: left;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #428b83;
            width: 30px;
            height: 3px;
        }

    .inner-sidebar-mobile {
        width: 100%;
        background: transparent;
        display: flex;
        align-items: center;
    }

    .sidenav_mobile {
        width: 60%;
        background: none !important;
    }

        .sidenav_mobile .navbar-nav > li > a {
            color: #ffffff !important;
            border-bottom: none;
        }

        .sidenav_mobile .navbar-nav > li > .btn.btn-primary {
            background: none;
            border: 1px solid #fff;
            border-radius: 5px;
        }

    .tab-post-for-mbl-new, .mbl-sidebr-notifications {
        border-bottom: 0px !important;
    }

    .sec-main-with-menu {
        z-index: 999;
        opacity: 1;
        position: fixed;
        transition: all 0.3s;
        bottom: 12%;
        top: 12%;
        height: 78%;
        left: 70%;
        overflow: hidden;
        box-shadow: -50px 0px 50px #0000006E;
        border-radius: 15px;
    }

        .sec-main-with-menu nav.navbar.navbar-default.navebar_bg {
            position: absolute;
            bottom: 0px;
            width: 100%;
            border-bottom-left-radius: 15px;
            transition: all 0s !important;
        }

        .sec-main-with-menu .header-for-mobile-view {
            bottom: 0% !important;
            position: absolute !important;
        }

    .body-with-menu {
        background-image: url(../jpg/bg-menu-body.jpg);
        background-size: cover;
    }

    .img-lgo-menus img {
        width: 150px;
        margin: 0% 0% 8% 10%;
    }

    .sidenav_mobile .mobile_withoutlogin a {
        line-height: 40px !important;
    }

        .sidenav_mobile .mobile_withoutlogin a img {
            width: 22px !important;
            margin-right: 10px !important;
        }

    nav.navbar.navbar-default.navebar_bg {
        background: #fff !important;
    }

    .main-site {
        background: #fff;
    }

    .sidenav_mobile .children .dropdown {
        border-bottom: none;
    }

    .sidenav_mobile .tab-find-job.children.active .dropdown {
        background: none !important;
    }

    .user-profile-pic {
        height: 30px !important;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }

    .img-user-profile-pic {
        height: auto !important;
    }

    .sidenav_mobile .children .dropdown > a {
        color: #fff !important;
    }

    .sidenav_mobile .responsive_navbar_new .dropdown > .fa {
        color: #fff !important;
    }

    .top-logo-mobile {
        display: block !important;
        z-index: 999;
        height: 55px;
        padding: 10px;
        width: 100%;
        background: #f1f5f8;
        text-align: center;
    }

    .sticky-mobile {
        position: fixed;
        top: 0px;
        z-index: 9999;
    }

    .top-logo-mobile img {
        width: 150px;
    }

    .get-start {
        z-index: 999;
        position: relative;
    }

    .sidenav_mobile .navbar-nav > li > a:hover {
        color: #F8A322 !important;
        background: none !important;
    }

    .freelacer-lgin-mobilemenu a img {
        width: 22px;
        margin-right: 10px;
    }
    /*.freelacer-lgin-mobilemenu{
        padding-left:20px;
    }*/
    .sidenav_mobile .navbar-right {
        background: none !important;
        padding-left: 8px;
    }

    .profile-setting-mobile {
        padding-left: 10px;
    }

    .responsive_navbar_new .dropdown .dropdown-content {
        background: none !important;
    }

    .children .dropdown-content a {
        border: none !important;
        color: #fff !important;
        padding: 8px 16px !important;
    }

    .sidenav_mobile .ques-paddv > li > a, .sidenav_mobile .drop-user-list a {
        background: none !important;
        color: #fff !important;
        border: none !important;
        padding: 8px 16px !important;
    }

    .profile-setting-mobile .drop-user-list {
        padding-left: 20px;
    }

    .freelacer-lgin-mobilemenu .dropdown-content a img {
        width: 16px;
        margin-right: 10px;
    }

    .profile-setting-mobile .drop-user-list a img {
        width: 16px;
        margin-right: 10px;
    }

    .contract-mobile-menu a {
        padding-left: 0px !important;
    }
    /*.div-mobile-side-nav{
        display:block !important;
        left:0px;
    }*/

    .freelacer-lgin-mobilemenu .comm-margin-cls {
        margin-left: 25px;
    }

    .mobile-notification-icon img {
        width: 22px;
    }

    .prfolie-dv .user-profile-pic {
        height: 125px !important;
    }

    .prifile-new-box .edit-img-div-new {
        height: 125px;
        width: 125px;
    }

    .prifile-new-box .edit-pic-profile {
        bottom: 2px;
    }

    .img-hover-icon {
        display: none;
    }

    .tab-find-talent.active a.active > .img-hover-icon, .mobile_withoutlogin:hover .img-hover-icon, .mobile_withoutlogin.active .img-hover-icon {
        display: initial;
    }

    .tab-find-talent.active a.active > .img-without-hover-icon, .mobile_withoutlogin:hover .img-without-hover-icon, .mobile_withoutlogin.active .img-without-hover-icon {
        display: none;
    }

    .div-mobile-menus .freelacer-lgin-mobilemenu .active .dropbtn {
        color: #efa31f !important;
    }

    .div-mobile-menus .active > .img-hover-icon {
        display: initial !important;
    }

    .div-mobile-menus .active > .img-without-hover-icon {
        display: none !important;
    }

    .sub-menu-comn {
        color: #fff !important;
    }

        .sub-menu-comn:hover {
            color: #efa31f !important;
        }

        .sub-menu-comn .img-hover-icon {
            display: none !important;
        }

        .sub-menu-comn .img-without-hover-icon {
            display: initial !important;
        }

        .sub-menu-comn:hover .img-hover-icon {
            display: initial !important;
        }

        .sub-menu-comn:hover .img-without-hover-icon {
            display: none !important;
        }

    .dropdown-content a:hover {
        background: none !important;
        color: #efa31f !important;
    }

    .sidenav_mobile .drop-user-list a:hover, .sidenav_mobile .navbar-nav > .active > a {
        color: #efa31f !important;
    }

    .cookies-popup {
        bottom: 45px;
    }

    .top-head-txt {
        padding-top: 20px !important;
    }

    .about-title h2 {
        font-size: 20px;
    }

    .about-bg-fixnhour_new {
        background-size: auto;
    }

    .your_skiils_add .modal-header {
        padding: 15px 15px;
        text-align: left;
    }

    .modal-sub-title {
        font-size: 13px;
    }

    .div-expiry-months {
        margin-bottom: 10px;
    }

    .ul-delete-certificates li {
        width: 100% !important;
        padding: 3px 0px;
    }

    .ul-delete-certificates .dust_pos {
        right: 0px;
        opacity: 1;
    }

    .btn_summs {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 999px) and (min-width: 768px) {
    .date-str:before {
        width: 18%;
    }

    .date-str:after {
        width: 18%;
    }
}

.sweet-alert h2 {
    font-size: 20px;
}

.sweet-alert .lead {
    font-size: 16px;
}


/***************************************new css********************************/

.popular-services {
    background: url(../jpg/popular-services-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 90px 0 0px 0;
    position: relative;
}

    .popular-services .borstar {
        background-image: url(../png/heading-star-2.png);
        background-repeat: no-repeat;
        padding: 5px 0 5px 52px;
        background-position: 0 3px;
    }

    .popular-services h2 {
        color: #fff;
        font-size: 30px;
    }

#popular-services-slider {
    padding-top: 40px;
    margin-bottom: -100px;
}

    #popular-services-slider .owl-stage {
        margin-bottom: 20px;
    }

    #popular-services-slider .service-card {
        position: relative;
        z-index: 9;
        padding: 12px;
    }

        #popular-services-slider .service-card img {
            max-width: 100%;
            position: relative;
        }

        #popular-services-slider .service-card:after {
            content: "";
            background: #fff;
            border-radius: 10px;
            position: absolute;
            z-index: -1;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            max-height: 240px;
            -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
            -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
            box-shadow: 0 0 30px rgba(0,0,0,.1);
        }

        #popular-services-slider .service-card a {
            background: #FFF;
            padding: 16px 10px;
            text-align: center;
            font-size: 16px;
            color: #000;
            text-decoration: none;
            display: flex;
            position: relative;
            width: 76%;
            margin-left: auto;
            margin-right: auto;
            margin-top: -100px;
            margin-bottom: 15px;
            font-weight: 600;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
            -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
            box-shadow: 0 0 30px rgba(0,0,0,.1);
            transition: all .2s linear;
            height: 77px;
            justify-content: center;
            align-items: center;
        }

            #popular-services-slider .service-card a:hover {
                background: #00D2B5;
                color: #fff !important;
            }

.banner-content .fx-banner-btn {
    margin: 15px 0;
    margin-top: 40px;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 70px;
}

.fx-banner-btn {
    margin: 15px 0;
}

.fx-banner-btn {
    display: flex;
    gap: 8px;
}

    .fx-banner-btn input[type="radio"] {
        display: none;
    }

    .fx-banner-btn label {
        padding: 14px 20px;
        border: 1px solid #fff;
        border-radius: 70px;
        background-color: white;
        color: #333;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-block;
        text-decoration: none;
        margin: 0;
        width: 50%;
        text-align: center;
    }

        .fx-banner-btn label a {
            color: #000;
            font-weight: 400;
        }

    .fx-banner-btn input[type="radio"]:checked + label {
        background-color: #FFD700; /* Yellow highlight */
        color: #000;
        border-color: #212529;
    }

        .fx-banner-btn input[type="radio"]:checked + label a {
            background-color: #FFD700; /* Yellow highlight */
        }

.banner-content .form-group, .banner-content .sec-search-wf {
    width: 100%;
    display: flex;
}

    .banner-content .sec-search-wf .btn-primary {
        background: transparent;
        border: 0;
        transition: all 0.5s ease 0s;
        padding-left: 21px;
        font-size: 14px;
        box-shadow: unset;
        padding-right: 10px;
    }

    .banner-content .sec-search-wf .search-btn {
        padding: 11px 20px;
        background: #00D2B5;
        border-radius: 70px;
        border: 0px;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        transition: all .4s ease;
    }

        .banner-content .sec-search-wf .search-btn:hover {
            background: #000;
            color: #fff !important;
        }

    .banner-content .sec-search-wf .btn-primary img {
        width: 16px;
    }

.mobile-get-start-view {
    color: inherit !important;
}

.fx-banner-btn {
    margin: 15px 0;
}


.fx-head-sec h4 {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}

.fx-trusted-com-img-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

    .fx-trusted-com-img-sec img {
        max-width: 100%;
        width: 70px;
    }

.fx-trusted-com-sec {
    margin-top: 35px;
}

.fx-about-user {
    font-size: 14px;
    color: #212121;
    line-height: 24px;
    margin-bottom: 10px;
}

.tl-profile li.cat-show-more, .tl-profile li.cat-show-less {
    background-color: #B8D8D6;
    color: #000;
}

    .tl-profile li.cat-show-more a, .tl-profile li.cat-show-less a {
        color: #000;
    }

.fx-user-head-dis-flex {
    display: flex;
    align-items: center;
    align-content: center;
    align-self: center;
    justify-content: space-between;
}

.banner-content .frm-search-dropdown-box {
    display: flex;
    float: unset !important;
    width: 100%;
    gap: 5px;
    margin-right: 0px;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    border-radius: 70px;
    padding: 5px;
}
/*css-new-updates-2024*/
.navbar.navbar-default {
    background: #fff !important;
    box-shadow: inherit !important;
}

input#search-work-and-freelancer {
    background-color: transparent;
    border: inherit;
    box-shadow: inherit;
    color: #000;
    padding: 12px 14px 12px 5px;
    border-radius: 70px;
    height: auto;
}

/*.hero-sec {
    padding: 60px 46px;
}*/

.banner.banner_main.banner-main-new {
    padding-top: 16px;
    background: #F6F6F6;
    position: relative;
}

    .banner.banner_main.banner-main-new:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: .3;
        background: url(../svg/left-slide-banner-svg-2.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 200px;
        height: 90%;
    }

    .banner.banner_main.banner-main-new:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        opacity: .3;
        background: url(../svg/right-slide-banner-svg-2.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 200px;
        height: 90%;
    }

.find-freelancers {
    padding-bottom: 60px;
}

.paddingspace {
    display: block;
    padding-top: 30px;
}

.client_logos_list img {
    max-width: 82%;
}

.find-freelancers .grid_list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .find-freelancers .grid_list li {
        text-align: center;
        flex-basis: 19%;
        display: inline-block;
        text-align: center;
    }

.borstar {
    background-image: url(../png/heading-star-2.png);
    background-repeat: no-repeat;
    padding: 5px 0 5px 52px;
    background-position: 0 3px;
}

.find-freelancers .f-box {
    height: 160px;
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    transition: all .2s linear;
}

.find-freelancers .ex-icon img {
    transition: filter 0.3s ease;
}

.find-freelancers .f-box:hover {
    background-color: #00D2B5;
}

.find-freelancers .f-box h5 {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.find-freelancers .f-box:hover h5 {
    color: #fff;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

    .find-freelancers .f-box:hover .ex-icon img {
        filter: brightness(0) saturate(100%);
    }

.find-freelancers .front {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

/*.find-freelancers .front h5 {
    margin-left: 0px;
}*/

.find-freelancers .ex-icon {
    background-color: transparent;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

.align-center {
    display: flex;
    align-items: center;
}


.hire-talaent-col {
    display: flex;
    align-items: center;
}

.ligt-theme {
    background-color: #CFE6E2;
}

.ligt-theme {
    background-color: #CFE6E2;
}

.hire-talaent-col h2 {
    margin-bottom: 10px;
}

.hire-talaent-col {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    margin-top: 50px;
}

.hiring-section-new-home .row {
    display: flex;
    justify-content: center;
}

.ligt-yellow {
    background-color: #FCF5CF;
}

.hiring-section-new-home .fx-banner-btn {
    margin: 15px 0;
    margin-bottom: 0;
}

.btn-cat .ex-icon {
    background-color: transparent;
}

.btn-cat .f-box {
    background-color: #066E65;
    color: #fff;
    position: relative;
}

    .btn-cat .f-box h5 {
        color: #fff;
    }

.arrow-star {
    position: absolute;
    right: 10px;
    bottom: 14px;
}

.hw-box {
    position: relative;
}

    .hw-box.arrow-shape:before {
        position: absolute;
        left: 100%;
        top: 45px;
        width: 250px;
        height: 13px;
        content: "";
        transform: translateX(-45%);
        background: url(../png/arrrow-shape.png) no-repeat;
        background-size: 100% 100%;
        display: block;
    }

.money_info .title {
    color: #fff;
}

.fund_content {
    margin-top: 24px;
}

    .fund_content p {
        margin-bottom: 24px;
        color: #fff;
    }



.find-telent.telent-list-secs.div-tt-freelancer-list .Profile-section .abt-profile {
    text-align: left;
}


.find-telent.telent-list-secs.div-tt-freelancer-list .Profile-section {
    margin-bottom: 10px;
}

img.why-choose-us {
    border-radius: 20px;
    max-width: 100%;
}

.why-choose .row {
    margin-top: 40px;
}

button.btn-skill {
    background: transparent;
    border: none;
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}

    button.btn-skill span {
        color: #a5a5a5;
    }

    button.btn-skill.active span, button.btn-skill:hover span {
        color: #066e65;
    }

.skill-btmm .skill-yuls ul {
    column-count: 2;
}

.top-freelancers-col h2 {
    color: #fff;
}

.top-freelancers-col p {
    padding-top: 15px;
    color: #fff;
}

.top-freelancers-col {
    background-color: #03433D;
    margin-top: 50px;
    padding: 20px;
    border-radius: 15px;
}

.name-info span {
    color: #fff;
}

.skill-list2 {
    overflow: scroll;
}

ul.tl-profile.skills-list.skill-list2 {
    display: flex;
    justify-content: space-around;
}

.telent-list-secs .btn.btn-primary {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
    width: 100%;
    background: #e0e0e0;
    color: #000;
}

    .telent-list-secs .btn.btn-primary:hover {
        background: #03a89e;
        color: #fff !important;
    }

.navbar-right .sign-btn {
    background: #00D2B5 !important;
    border-radius: 10px;
    color: #fff !important;
}

    .navbar-right .sign-btn:hover {
        color: #fff !important;
        background: #000 !important;
    }

.log_btn {
    margin: 0 10px;
}

.navbar-right .job-btn-nav {
    border-radius: 10px;
    border: 1px solid #00D2B5 !important;
    background: #fff !important;
    color: #000 !important;
}

    .navbar-right .job-btn-nav:hover {
        background: #00D2B5 !important;
        color: #fff !important;
    }

.skill-list2 {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.text-select-none {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.top-free .btm-freelancers {
    text-align: center;
    overflow: hidden;
    filter: grayscale(1);
    transition: all .2s linear;
}

    .top-free .btm-freelancers:hover {
        filter: inherit;
    }

.top-free .form-control {
    height: 50px !important;
    border-color: #066e65;
}


.top-free .get-start-content {
    background: transparent;
    border: inherit;
    max-width: 85%;
    margin: 0 auto;
    box-shadow: inherit;
}


.top-free .content-fix-tovdevs {
    padding-top: 50px;
    text-align: center;
}

.find-telent.telent-list-secs.div-tt-freelancer-list .hdng-sub-hire {
    font-weight: 800;
    font-size: 36px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 50px;
}



section.find-telent.telent-list-secs.div-tt-freelancer-list {
    margin-bottom: 40px;
}

.find-telent .shortBy {
    margin-bottom: 12px;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
}

.find-telent .input-group .form-control {
    font-size: 16px;
    color: #a0a0a0;
    height: 60px;
    line-height: 60px;
    background-color: #fff !important;
    padding: 0px 20px;
    border-radius: 10px;
    border: 1px solid #ededed;
    position: relative;
}

.input-group .input-group-addon {
    background: inherit;
    border: none;
    position: absolute;
    z-index: 999;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

#btn-drp-main-search img {
    filter: brightness(0) !important;
}


section.clients-sec-pro {
    margin-top: 40px;
}

.for-client-wrapper {
    background-color: #F9F9F9;
    padding: 30px;
    border-radius: 20px;
}

    .for-client-wrapper .title h2 {
        margin: 15px 0;
    }

    .for-client-wrapper .title p {
        line-height: 24px;
        font-weight: normal;
    }

.talent-process-col h3 {
    margin-bottom: 10px;
    color: #000;
    line-height: 32px;
}

.talent-process-col p {
    font-weight: 600 !important;
    font-size: 18px;
    color: #000;
}

.talent-process-col {
    background-color: #fff09d;
    padding: 14px;
    border-radius: 15px;
}

.col-mar {
    margin-top: 15px;
    padding-right: 0;
}

.for-client-wrapper .talent-process-row .col-md-6 {
    padding-left: 15px;
    padding-right: 0;
}

img.arrow-t-p1 {
    width: 40px;
    margin-left: 40px;
    filter: grayscale(1);
}

.talent-process-col.advice {
    background-color: #066E65;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px;
}

    .talent-process-col.advice p, .talent-process-col.advice h3 {
        color: #fff;
    }

.img-client-free {
    margin-left: 30px;
}

.free-cat-home ul li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
}

.cat-list-all-fr .main-cat-fr li {
    font-size: 18px;
    font-weight: 600;
    padding-right: 20px;
}

    .cat-list-all-fr .main-cat-fr li:hover {
        color: #03a89e;
    }

.cat-list-all-fr .main-cat-fr {
    margin: 20px 0;
}

.cat-list-all-fr .sub-cat-fr li {
    background-color: #f5f5f5;
    padding: 10px 14px;
    border: 1px solid #D0D0D0;
    border-radius: 5px;
    margin-right: 10px;
    color: #000;
}

    .cat-list-all-fr .sub-cat-fr li.active, .cat-list-all-fr .sub-cat-fr li:hover {
        background-color: #FFD600;
    }

    .cat-list-all-fr .sub-cat-fr li span {
        font-size: 18px;
        font-weight: 600;
        color: #000 !important;
    }


.login-box {
    display: block;
    margin-top: 90px;
    position: relative;
    height: auto;
}

.input-group .input-group-addon {
    /*right: inherit;*/
    padding-right: 20px;
}

    .input-group .input-group-addon.start {
        right: inherit;
    }

span.input-group-addon.opn-show-icon {
    right: inherit;
}

.login-box .input-group-addon {
    height: inherit;
}

.login-box .input-group .form-control {
    padding-left: 35px;
    border-right: inherit;
}

.login-box {
    background: #FCF5CF;
    border: 1px solid #FFD600;
    border-radius: 20px;
}

.input-group .form-control {
    height: 60px;
    border-color: inherit;
    background-color: #fff;
    border: none;
}

.password-show-icon {
    top: 22px;
}

img.right-log-img {
    float: right;
}

.login-box-top .form-group {
    margin-bottom: 12px;
}

.login-bx-new h1 {
    margin-bottom: 20px;
}

span.input-group-addon.btn-search, .message-search .input-group-addon, .msg-srch-bx .input-group-addon {
    right: 20px;
}

.message-search .input-group .form-control {
    height: 46px;
}

.mobile-banner {
    display: none;
}

.slidet2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.logo-compnies img {
    margin-bottom: 5px;
    width: 1300px;
    max-width: 100%;
}

.text-sub h6 {
    font-size: 18px;
    line-height: 0;
    margin-top: 15px;
}

.how-work {
    padding: 50px 0px;
    margin-top: 150px;
    width: 100%;
    background: linear-gradient(142deg, #FFF7EB 11.36%, #FFF5F1 81.66%);
}

.video-wrapper {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

    .video-wrapper img,
    .video-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.play-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-50%, -50%);
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

/* Heading + Switch wrapper */
.how-work .heading-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    max-width: 100%;
}

    .how-work .heading-row h2 {
        font-size: 28px;
        font-weight: 700;
        margin: 0;
    }

/* Switch buttons */
.switch-wrapper {
    display: inline-flex;
    border: 1px solid #ccc;
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
    font-family: Arial, sans-serif;
}

.switch-option {
    padding: 10px 30px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

    .switch-option.active {
        background: #00D2B5; /* yellow active */
        color: #000;
    }

    .switch-option:not(.active) {
        color: #333;
    }

    .switch-option:hover {
        background: #00D2B569;
    }

/* Cards Grid */
.how-work .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.how-work .card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

    .how-work .card img,
    .how-work .card .bg {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
        border-radius: 12px;
    }

    .how-work .card .bg {
        background: linear-gradient(135deg, #2ed1b7, #57e6d3);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        font-weight: bold;
        color: #111;
    }

.how-work .card-content {
    padding: 20px;
    transition: all 0.3s ease;
}

    .how-work .card-content h3 {
        margin: 0 0 10px;
        font-weight: 700;
        font-size: 22px;
        color: #212529;
    }

    /* Default hidden */
    .how-work .card-content p,
    .how-work .card-content button {
        opacity: 0;
        transform: translateY(10px);
        transition: all 0.3s ease;
        margin-bottom: 13px;
        color: #212529;
        font-size: 16px;
    }

/* On hover */
.how-work .card:hover {
    transform: translateY(-5px);
}

.card:hover .card-content p,
.card:hover .card-content button {
    opacity: 1;
    transform: translateY(0);
}

/* First card always active */
.how-work .card.active .card-content p,
.how-work .card.active .card-content button {
    opacity: 1;
    transform: translateY(0);
}

.card-content button {
    background: #00D2B5;
    padding: 10px 10px;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    font-weight: 600;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    transition: all .2s linear;
    border: 0;
}

.card:hover .card-content button:hover {
    background: #000;
}

.how-work .cards-group {
    display: none;
}

    .how-work .cards-group.active {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }

@media (max-width: 768px) {
    .how-work .heading-row {
        flex-direction: column;
        align-items: center;
    }

        .how-work .heading-row h2 {
            font-size: 24px;
            margin-bottom: 15px;
        }

    .how-work .card img,
    .how-work .card .bg {
        height: auto;
    }
}

.fixnhour-section {
    background: #EFEFF7;
    padding: 0px 0;
}

.why-should-text .borstar {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 42px;
    color: #000000;
    line-height: 52px;
    background-position: 0 13px;
}

.why-should-text {
    padding-left: 60px;
    padding-top: 50px;
}

    .why-should-text .nav-tabs {
        border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
    }

        .why-should-text .nav-tabs > li > a {
            font-weight: bold;
            color: #333;
            border-radius: 0;
            margin-bottom: -3px;
            padding: 0 22px 15px 15px;
        }

        .why-should-text .nav-tabs > li.active > a,
        .why-should-text .nav-tabs > li.active > a:focus,
        .why-should-text .nav-tabs > li.active > a:hover {
            background-color: #f5f5f5;
            color: #00D2B5;
            border-bottom: 2px solid #00D2B5 !important;
        }

    .why-should-text .tab-content p {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 15px;
    }

@media (max-width: 767px) {
    .fixnhour-section .col-sm-6 {
        margin-bottom: 30px;
    }
}

.finthor-protection {
    background-color: #fff; /* Bright yellow */
    padding: 50px 20px;
    padding-top: 150px;
}

.finthor-bg {
    background: #FFD600;
    padding: 40px;
    padding-bottom: 10px;
    border-radius: 30px;
}

    .finthor-bg .section-title {
        font-size: 33px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #000;
    }

    .finthor-bg .section-description {
        font-size: 16px;
        color: #444;
        margin-bottom: 25px;
        line-height: 1.6;
        width: 60%;
    }

    .finthor-bg .img-responsive {
        max-width: 100%;
        margin-top: -124px;
    }

    .finthor-bg .fix-btn {
        background-color: #fff;
        border-radius: 25px;
        padding: 15px 40px;
        font-weight: bold;
        font-size: 16px;
        color: #222;
        cursor: unset;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        display: inline-block;
        transition: all 0.3s ease;
    }

        .finthor-bg .fix-btn:hover {
            background: #00D2B5;
            color: #fff !important;
        }

@media (max-width: 767px) {
    .finthor-protection .col-sm-6 {
        margin-bottom: 30px;
    }
}

.pr-0 {
    padding-right: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.testimonials-data {
    background: linear-gradient(180deg, #00D2B5 0%, rgba(0, 210, 181, 0.56) 100%);
    padding: 41px 60px;
}

    .testimonials-data p {
        color: #000;
        margin: 17px 0;
    }

    .testimonials-data .author {
        font-size: 22px;
        font-weight: 600;
        color: #000;
    }

        .testimonials-data .author .role {
            font-size: 16px;
            font-weight: 400;
        }

.testi-area .borstar {
    display: flex;
    margin: 70px auto;
    justify-content: center;
    align-items: center;
    width: 41%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.testi-area .carousel-indicators {
    bottom: -40px;
}

    .testi-area .carousel-indicators li {
        border: 1px solid #DFDFDF;
        background-color: #DFDFDF;
    }

    .testi-area .carousel-indicators .active {
        width: 30px;
        height: 12px;
        background-color: #5ee3d0;
        border: 1px solid #5ee3d0;
    }

.testi-area {
    padding-bottom: 57px;
}

.partner-sec2 {
    background: #F6F6F6;
    padding: 40px 0;
}

.footer-social-media ul {
    justify-content: flex-end;
}

.testi-area .testimonial-text img {
    max-width: 70px;
}

.testi-area .testimonials-data {
    padding: 27px 50px;
    height: 368px;
}

.testi-area .owl-theme .owl-dot.active span {
    width: 20px;
    background: #00D2B5;
}

.testi-area .owl-theme .owl-dot:hover span {
    background: #00D2B5;
}

.testi-area .owl-theme .owl-dots {
    margin-top: 23px;
}

/* Default desktop view: normal tabs */
.scroll-tabs-wrapper {
    overflow: visible;
    padding-left: 58px;
}

.why-should-text .tab-content {
    padding-left: 58px;
}

.scroll-tabs-wrapper .nav-tabs {
    display: block;
    white-space: normal;
}