body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    background-color: #F5F7FA;
    overflow-x: hidden;
}

.project_area_border .form_fields {
    margin-top: 10px !important;
}

.post_third_box .hide_error {
    position: absolute;
}

.select2-selection__choice__remove {
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--single {
    height: 40px !important;
    padding: 10px;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    font-size: 14px;
    outline: none;

}

.custom-dropdown {
    min-width: 100% !important;
    top: 36px !important;
    box-shadow: 0 4px 5px rgb(0 0 0 / 7%) !important;
}

.open-location {
    position: relative !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 40%;
}

.select2-search--dropdown {
    display: block;
    padding: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #191e3e !important;
    line-height: 18px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {

    font-size: 13px !important;
    color: #425043 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
}

.select2-selection__clear {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 11px !important;
}

.select2-selection__arrow {
    border: none !important;
    width: 13px;
    height: 8px;
    margin-top: -3px;
    /* background: url(chosen-sprite.png) no-repeat 100% -20px; */

    /* background: url('../images/icons/bottom-arrow.svg') center right / contain no-repeat; */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 8px !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 13px !important;
}

.select2-container--default .select2-selection--single {
    height: 48px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.select2-selection__arrow {
    height: 100%;
    right: 14px;
}

.select2-selection__arrow b {
    display: none;
}

/*  */
/* Main select box */
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

/* Remove dark focus border */
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove inner input border (search field) */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    outline: none !important;
}

button {
    text-transform: capitalize;
}

.accept_hired {
    width: 100%;
    background-color: #191E3E;
    color: #fff !important;
    padding: 8px 20px;
    outline: none;
    border: none;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 13px;
    margin-top: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}

.reject_hired {
    width: 100%;
    background-color: #ffffff;
    color: #191E3E !important;
    padding: 8px 20px;
    border: 1px solid #191E3E !important;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 13px;
    margin-top: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.chosen-single span {}

/* fonts css start from here */

@font-face {
    font-family: Montserrat-Medium;
    src: url('../fonts/Montserrat-Medium.ttf');
    /* 500 */
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/Montserrat-Regular.ttf');
    /* 400 */
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url('../fonts/Montserrat-SemiBold.ttf');
    /* 600 */
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/Montserrat-Bold.ttf');
    /* 700 */
}

@font-face {
    font-family: Montserrat-Italic;
    src: url('../fonts/Montserrat-Italic.ttf');
}

.dekstop-sidenav {
    display: block;
}

.mobile-sidenav {
    display: none;
}

/* fonts css end here */

.support_header {
    padding: 6px;
    background: linear-gradient(138deg, #41acd2 0, #215b84 17%, #202952 50%);
    /* background: #404040; */
    color: #fff;
    font-size: 14px;
    font-family: Montserrat-Medium;
    text-align: center;
}

.support_header a {
    color: #d01081 !important;
    font-family: Montserrat-SemiBold;
}

.support_header a:hover {
    color: #d01081 !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #686868 !important
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    display: none !important
}

a,
a:hover {
    text-decoration: none !important;
    outline: 0 !important;
    color: #333;
}

.slider-section .absolute-lancer {
    width: 50%;
    float: right;
    padding-top: 60px
}

/* .received_projects-row{
    margin-top:30px;
} */
.quicken_WrapperBox {
    max-width: 100%;
    margin: auto;
    /* border-bottom: 1px solid #f5f7fa; */
}

/* .my-work-box{
    margin-top:30px;
} */
.line-content .box_container .left_box_inner h3 {
    font-size: 16px !important;
    margin-top: 0px;
    margin-bottom: 15px;
}

.line-content .box_container .left_box_inner h2 {
    font-size: 16px !important;
    margin-top: 0px;
    margin-bottom: 15px;
}

.head-main {
    background-color: #fff;
    height: 60px;
    max-width: 100%;
    /* max-width: 1600px; */
    margin: auto;
    width: 100%;
    /* transition: 1s ease; */
    /* box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.45) */
}

.hedr-dt {
    display: none;
}

.head-main .container {
    height: 60px;
}

.head-main .container .row {
    height: 60px;
}

.head-main .container .row .quicken_logo {
    height: 60px;
    display: flex;
    align-items: center;

}

.head-main .ql_profileSet {
    color: #1d1c1c;
    padding: 12px;
    margin: 0 !important;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
}



.slider-section {
    width: 100%;
    height: auto;
    background-image: url(../images/quickenlancer.jpg);
    min-height: 500px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 100%;
    background-position: 0% 100%;
}



.QLHome_page_how .it_worksSteps2 {
    background: transparent;
    padding: 0px
}

.QLHome_page_how .it_worksStepsBox {
    background: #fff;
    margin: 12px;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    box-shadow: 1px 1px 20px rgb(0 0 0 / 10%);
}

.QLHome_page_how .it_worksStepsBox h3 {
    font-family: Montserrat-Medium;
    color: #333333;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 13px;
}

.QLHome_page_how .it_worksStepsBox p {
    text-align: left;
    font-family: Montserrat-Medium;
    font-size: 14px;
}

.middle-box {
    position: relative
}

.search-bar input {
    color: #313123
}

.ui-menu li>a:hover {
    background-color: #1d1d1b;
    color: #fff !important
}

.search-bar {
    color: #313123;
    position: relative;
    width: 84%;
    float: right !important;
    border: 1px solid #CCC;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.59);
    z-index: 10;
    margin: 0 auto;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 0 !important
}

.On-sticky-header {
    height: 60px;
    display: none
}

.search-bar input {
    height: 48px !important;
    background-color: #fff;
    border: medium none;
    font-size: 14px;
    font-weight: 600;
    width: 68%;
    padding: 0 10px;
    float: left
}

.flex-prev {
    display: none !important
}

.small-field {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flex-nav-next {
    display: none
}

.search-bar button {
    background-color: #313123;
    border: 0 none;
    color: #FFF;
    font-weight: 600;
    font-size: 13px;
    width: 32%;
    height: 48px
}

.search-bar button i {
    display: none
}


.slider-start img {
    margin: 14px 0 14px 52px;
    border-radius: 7px
}


/* .slider_relativepart img{
    height: 700px;
} */

.slider_relativepart {

    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;

}

.banner_right_image {
    /* width: 440px; */
    /* height: 100%; */
    position: absolute;
    top: 0;
    /* right: -66px; */
    left: 0;
    padding-top: 0px;
    /* background: #0404043b; */
}

.banner_right_image img {
    /* width: 1400px; */
    /* top: 60px; */
    position: relative;
    /* float: right; */
    right: -45px;
}

.floating-icon {
    position: absolute;
    top: 9px;
    left: 7px;
    border-right: 1px solid #ccc;
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
}

.floating-input {
    padding-left: 30px;
}

input.error {
    color: #333 !important;
}

.content-ulancer {
    height: auto;
    margin: auto;
    right: 0;
    width: 42%;
    background-color: #fff;
    text-align: center !important;
    z-index: 0;
    position: absolute;
    bottom: 0;
    border-radius: 47px 47px 0 0;
    cursor: pointer;
    transition-property: width, height
}

.small-field img {
    height: 40px
}

.open-iconsWork {
    font-size: 14px !important;
    font-style: normal;
    padding: 16px 35px !important
}

.content-ulancer i {
    font-size: 45px;
    color: #fff !important
}

.inner-box {
    width: 800px;
    height: 50px;
    background-color: #000
}

.update_data {
    margin: 50px auto;
    width: 390px
}

.update_data .modal-title {
    font-size: 13px;
    font-weight: 600
}

.update_data .modal-title img {
    height: 50px;
    width: 50px
}

.update_data .modal-header {
    text-align: center;
    text-align: center;
    background-color: #382e1c;
    color: #fff
}

.update_data .close {
    background-color: #fff;
    padding: 8px 10px;
    position: absolute;
    right: -32px;
    opacity: 2;
    color: #382e1c;
    top: 3px
}

.update_data .upgarde-not p {
    margin-bottom: 15px;
    font-size: 12px;
    background-color: #BAEDAA;
    padding: 10px;
    border-radius: 3px
}

.update_data label {
    font-size: 13px
}

.open-icons {
    margin-top: -36px
}

.open-icons i {
    background-color: #313123;
    padding: 0 64px;
    border-radius: 45px 45px 0 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5)
}

#bid_project .jFiler-input {
    width: 100%
}

.show_allbid .skiller_box li a {
    word-break: break-all
}

.project_listQ {
    padding: 0 10px 10px
}

.hover-menu {
    background-color: rgba(255, 255, 255, 0.86);
    border-color: #CCC;
    height: 224px;
    display: none;
    width: 80.5%;
    margin-top: 1px;
    position: relative;
    z-index: 9;
    overflow-y: scroll
}

.hover-menu ul {
    margin: 0;
    padding: 0
}

.search_barWraper {
    background-color: #3e3e40;
    margin-bottom: 24px;
}

.hover-menu ul li {
    list-style: none;
    text-align: left;
    font-size: 15px;
    cursor: pointer;
    padding: 8px;
    text-decoration: none
}

.hover-menu ul li:hover {
    background-color: #ccc;
    color: #0B263E
}

.small-field {
    width: 32%;
    padding: 29px 10px 17px;
    float: left
}

.small-field p {
    text-align: center !important;
    color: #404040;
    font-size: 13px;
    margin-top: 4px;
    font-weight: 600
}

.small-field i {
    text-align: center;
    padding: 0;
    margin-bottom: 5px;
    background-color: rgba(126, 127, 129, 0.02)
}

.alter-nate {
    margin-left: 50px;
    display: none
}

.login-box ul {
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px
}


label {
    color: #191E3E !important;
    margin-bottom: 5px;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.onboarding_form label {
    color: #191E3E !important;
    margin-bottom: 5px;
    font-weight: 600 !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;

    line-height: 24px !important;
}

.login-box ul li {
    list-style: outside none none;
    margin: 0;
    float: left;
    padding: 0px 0px 0px 26px;
    color: #333333;
    line-height: 0;
    cursor: pointer;
    font-size: 13px;
    line-height: 60px !important;
    margin-top: 0px;
    font-weight: 500;
    font-family: Montserrat-Medium;
    /* font-family: 'Montserrat', sans-serif; */
}

.login-box ul li a {
    color: #333333;
    font-family: Montserrat-Medium;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 500;
}

.filter-options label span {
    cursor: pointer;
}

.login-box ul li a:hover,
.menu-bard ul li:hover {
    color: #b12978;
}

.fot1 ul li a:hover,
.fog-width ul li a:hover {
    color: #ffa9ce !important;
}

.ql_itworksState {
    max-width: 300px;
    background: #1a1919;
    text-align: center;
    padding: 10px;
    margin: 27px auto 0;
    color: #fff;
    border-radius: 3px
}

.ql_itworksState p {
    margin-bottom: 0
}

.ql_BusinessMenu:hover {
    background: #1a1919;
    color: #fff !important;
    transition: 1s ease;
    border-color: #333
}

.ql_BusinessMenu a:hover {
    color: #fff !important;
}

.disp-sett {
    width: 50%;
    margin: auto
}

.how_it_workHome {
    padding: 0px;
    margin-top: 15px;
}

.how_it_workHome li {
    display: inline-block;
    text-align: center;
    margin-left: 23px;
}

.box-1 {
    background-color: #FFF;
    height: 250px;
    position: absolute;
    width: 300px;
    right: 12%;
    display: none;
    z-index: 56;
    margin-top: 60px
}

.lancer-status {
    padding-top: 65px
}

.lancer-status .ql_heading {
    color: #FFF;
    margin-top: 0;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.4px;
}

.oper-img {
    margin-top: 5px
}

.oper-img img {
    width: 60%
}

.work-lancer {
    min-height: 500px;
    background-color: #fff;
    width: 100%
}

.box-1 {
    padding: 15px 10px
}

.box-1 .inputul {
    width: 100%;
    padding: 5px;
    height: 37px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #BCB8BA;
    color: #BCB8BA
}

.box-1 .inputul:focus {
    border: 1px solid #EDC310
}

.forget {
    float: right;
    width: 50%;
    line-height: 35px;
    text-align: right;
    color: #C28E41
}

.remember .checkbox {
    width: 40%;
    float: left
}

.remember label {
    color: #7D7D7D
}

.box-1 button {
    background-color: #FEC70D;
    border: medium none;
    padding: 5px 15px;
    width: 100%;
    color: #fff;
    font-weight: 600;
    line-height: 25px
}

.another-lg {
    background-color: #ccc !important;
    margin-top: 10px
}

.another-lg span {
    float: left
}

.another-lg i {
    float: right;
    font-size: 23px;
    background-color: #1870a1;
    color: #fff;
    padding: 3px 10px;
    margin-top: -1px;
    margin-bottom: -12px;
    border-radius: 3px
}

.another-lg img {
    height: 10%;
    width: 10%;
    height: 10%;
    width: 12%;
    float: right;
    margin-right: 5px;
    margin-top: -2px;
    margin-bottom: -1px
}

.anologin-div {
    display: none
}

.anologin-div .fa-facebook {
    float: left;
    background-color: #1870A1;
    color: #FFF;
    padding: 10px 17px;
    border-radius: 50%;
    font-size: 20px
}

.anologin-div span {
    float: left;
    margin-left: 8px
}

.anologin-div button {
    line-height: 37px
}

.slider-start {
    height: 140px;
    width: 200px;
    float: right;
    position: relative;
    margin: 0 auto;
    float: none
}

.flex-control-paging {
    display: none
}

.icon-slider {
    margin: -10px;
    font-size: 100px;
    color: #fff
}

.flex-caption {
    padding: 0;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    margin-top: -21px
}

.work-lancer h4 {
    font-size: 38px;
    margin-top: 1em;
    text-align: center;
    margin-bottom: 2em;
    color: #696666
}

.main-listed {
    margin-top: 20px;
    background-color: #fff
}

.horL {
    overflow: auto;
    margin: auto;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1170px;
    height: 254px;
    content: "";
    z-index: 30;
    background: transparent url(../images/horL.png) no-repeat scroll 0 0;
    position: absolute
}

.about1 {
    float: right;
    text-align: right;
    background-color: #fff;
    margin-top: -16px;
    position: relative;
    z-index: 66666
}

.head-main {
    border-bottom: 1px solid #d0d0d0;
}

.head-main.active {
    /* transition: 1s ease; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    border-bottom: 1px solid #d0d0d0;
}

.ui-menu {
    padding: 5px 0 !important;
    margin: 11px 0 0 !important;
    border-top: 1px solid #000 !important;
    border-bottom: 0 solid #000 !important;
    border-left: 0 solid #000 !important;
    border-right: 0 solid #000 !important;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px 1px rgba(117, 117, 117, 0.71)
}

.ui-menu li>a {
    padding: 8px 10px !important;
    color: #504f4f !important
}

.pic1Ab {
    float: right;
    padding: 5px 40px 44px 34px;
    width: 160px
}

.about h3 {
    margin-top: 0;
    font-size: 16px;
    color: #2F2F2F;
    font-weight: 300
}

.about p {
    font-size: 13px;
    line-height: 22px;
    color: #666;
    font-weight: 300;
    margin-top: 12px;
    margin-bottom: 0
}

.about2 {
    float: left;
    text-align: left;
    background-color: #fff
}

.pic2Ab {
    float: left;
    padding: 5px 37px 39px 40px;
    width: 160px
}

.about h3 {
    font-size: 16px;
    color: #2F2F2F;
    font-weight: 300
}

.about {
    display: none;
    background-color: #fff
}

.about.animated {
    display: block
}

.footer {
    background-color: #1E1D1D;
    /* padding: 10px 0 10px 0px; */
    /* max-width: 1600px; */
    margin: auto;
    /* position: relative;*/
    /* border-bottom: 1px solid #525252; */
}

.fog-black {
    text-align: center;
    background-color: #101116;
    padding-top: 70px;
    padding-bottom: 150px;
}

.fog-black .MainLink {
    width: 78%;
    display: block;
    margin: 0 auto;
    text-align: left;
}

.fog-normal {
    padding-left: 40px !important;
    padding-top: 70px;
    padding-bottom: 70px;
}

.sub-footer {
    /*height: 45px;*/
    /* background-color: #000;*/
    max-width: 1600px;
    margin: auto;
    padding: 15px 0px;
}

.sub-footer p span {
    font-size: 16px
}

.sub-footer p {
    height: 45px;
    font-size: 18px;
    padding: 5px;
    line-height: 31px;
    text-align: left;
    color: #ffffff;
    font-size: 18px;
    margin: 0
}

/*.fot1 h5 {*/
.fot1 h5 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 3px solid;
    border-image-source: linear-gradient(90deg, #51A5D1 0%, #82399C 47%, #F04E80 100%);
    border-image-slice: 1;
    display: inline-block;
}

.fot1 ul {
    margin: 0;
    padding: 0 1px
}

.fot1 ul li {
    width: 100%;
    list-style: none;
    color: #ccc;
    font-size: 16px;
    cursor: pointer;
    line-height: 35px;
}


.sub-cribe input {
    border: 1px solid #fff;
    padding: 6px;
    width: 68%;
    float: left
}

.sub-cribe input:focus {
    border-color: #EC9007
}

.fot1 h5 {
    width: 78%;

    text-align: left;
}

.fot1 p {
    /* color: #A49C9C; */
    margin-bottom: 15px;
    color: #ffffff !important;
    line-height: 20px;
    font-size: 12px;
    margin-top: 10px;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.sub-btn {
    background-color: #EC9007;
    padding: 7px;
    border: none;
    margin-right: 0;
    margin-left: -1px;
    color: #F3F0EE;
    font-size: 14px;
    font-weight: 600
}

.fog-width {
    /*width: 20%;
    float: left;*/
    /*padding-left: 10px;*/
    /*padding-left: 15px;
    padding-right: 10px;*/
}

.fog-width1 {
    width: 32%
}

.last-fog {
    width: 21%
}

.appl_btner img {
    margin: auto
}

.share-it {
    display: flex;
    width: 78%;
    margin: 0 auto !important;
}

.share-it img {
    width: 29px;
    padding: 3px;
    border: 1px solid;
    border-radius: 6px;
}

.share-it li {
    float: left;
    margin-bottom: 0px;
    margin-right: 11px;
    width: auto !important;
}

.share-it li i {
    padding: 9px 12px;
    color: #fff;
    /*margin-right: 8px;*/
    border-radius: 2px
}

.share-it li a {
    color: #ccc !important;
}

.share-it li i.fa-facebook {
    border-radius: 6px;
    border: 1px solid #ffffff;
    padding: 5px 6px !important;
}

.share-it li a:hover i.fa-facebook {
    background-color: #3A5795;
    border: 1px solid #3A5795;
}

.share-it .fa-facebook:before {
    content: url(../images/f-ico.png) !important;
}

.share-it li i.fa-twitter {
    border-radius: 6px;
    border: 1px solid #ffffff;
    padding: 5px 6px !important;
}

.share-it li a:hover i.fa-twitter {
    background-color: #000000;
    border: 1px solid #ffffff;
}

.share-it .fa-twitter:before {
    content: url(../images/x-ico.png) !important;
}

.share-it li i.fa-linkedin {
    border-radius: 6px;
    border: 1px solid #ffffff;
    padding: 5px 6px !important;
}

.share-it li a:hover i.fa-linkedin {
    background-color: #096CB7;
    border: 1px solid #096CB7;
}

.share-it .fa-linkedin:before {
    content: url(../images/in-ico.png) !important;
}


.share-it li i.fa-google-plus {
    padding: 9px 10px;
    border-radius: 50%;
    border: 1px solid #868686;
}

.share-it li i.fa-google-plus {
    background-color: #E1330E;
    border: 1px solid #E1330E;
}

.works {
    min-height: 550px;
    background-color: #F2F2F2;
    padding-bottom: 60px
}

.set_h1Span {
    text-align: center;
}

.works .set_h1Span span {
    display: inline-block;
}

.job_Searcher {
    background-color: #fff !important;
}

.works h1 {
    font-size: 33px;
    margin-top: 45px;
    margin-bottom: 1.7em;
    color: #696666;
    text-align: center;
    display: inline-block;
}

.set_h1Span span {
    font-size: 33px;
    margin-top: 45px;
    margin-bottom: 1.7em;
    color: #696666;
    text-align: center;
    display: inline-block;
}

.works h2 {
    font-size: 33px;
    margin-top: 45px;
    margin-bottom: 1.7em;
    color: #696666;
    text-align: center;
}

.info-work {
    border-left: 6px solid #ccc;
    color: #FFF;
    height: 80px;
    width: 100%;
    padding: 0 16px
}

.find_qlLable {
    text-align: left;
    display: block;
    color: #fff;
    padding-bottom: 4px;
    margin-top: -7px;
    font-size: 18px;
    font-weight: 500;
    display: inline;
}

.info-work p {
    font-size: 18px;
    color: #9E9A99;
    text-align: justify
}

.workbtn {
    padding: 7px;
    border-bottom: 4px solid #CCC;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    height: 80px;
    line-height: 53px;
    margin-bottom: 35px;
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(162, 162, 162, 0.69);
    transition: 1s all
}

.workbtn.active,
.workbtn:hover {
    background-color: #f3af0c
}

.workbtn.active span,
.workbtn:hover span {
    color: #fff
}

.workbtn.active i,
.workbtn:hover i {
    color: #fff;
    border-color: #fff !important
}

.active-hire {
    background-color: rgba(251, 251, 251, 0.8)
}

.workbtn.active i {
    text-align: center;
    border: 3px solid #e4e3e3;
    color: #fff !important
}

.workbtn:hover i {
    text-align: center;
    border: 3px solid #e4e3e3;
    color: #fff !important
}

.work-tabs {
    margin-top: 45px;
    padding-right: 0;
    padding-left: 20px
}

.workbtn span {
    text-align: left !important;
    color: #aaa1a1
}

.workbtn:hover .fa-users {
    color: #fff;
    border: 3px solid #E4E3E3
}

.workbtn i {
    text-align: center;
    border: 2px solid #938F8B;
    padding: 18px;
    border-radius: 50%;
    margin-right: 13px;
    color: #938F8B
}

.works-ingro {
    margin-top: 45px;
    border-right: 1px dashed #ccc;
    padding: 0 20px 0 0
}

.works-ingro ul li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #868580;
    line-height: 31px;
    text-align: justify
}

.sub-tt {
    color: #f2a31b !important
}

.hide-hire {
    display: none
}

.search-ic button {
    background-color: #ccc
}

.beid button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.beid i {
    font-size: 21px;
    background-color: #F8A514;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    margin-top: -12px
}

.beid {
    float: left;
    margin-left: 10px
}

.right-sjd {
    margin-top: 40px
}

.position-seeker .col-lg-3 {
    padding: 0 !important;
    margin: 0;
    width: 28%;
    float: left
}

.jobslider .container {
    padding: 0 7px
}

.position-seeker .col-lg-3 .bootstrap-select {
    width: 100% !important
}

.position-seeker .col-lg-3 .bootstrap-select button {
    background-color: #fff;
    border: 0;
    padding: 0 12px;
    border-radius: 0;
    height: 46px
}

.search-isd button {
    float: left;
    background-color: #f0af14;
    border: none;
    width: 100%;
    padding: 13px 35px;
    color: #fff;
    font-weight: 600;
    border-radius: 0px 3px 3px 0px;
}

.search-isd {
    position: absolute;
    right: 2px;
    top: 11px;
    font-size: 18px;
    color: #c0bebe;
}


/* .position-seeker {
    padding: 0;
    width: 100%;
    position: relative;
} */

.jobslider {
    width: 100%;
    height: auto;
    /* padding: 40px 0px 0px 0px; */
    padding: 0px 10px 18px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    /*text-align: center;*/
    background-attachment: fixed;
}

.recent_table .uea_right {
    display: block;
}

.project_user_loader {
    float: none !important;
    margin-bottom: 25px !important;
}

.middel-lancer {
    min-height: 500px
}

.left-sidebar {
    padding: 0;
    border-radius: 4px;
    margin-bottom: 50px
}

#boxscroll {
    overflow-y: auto;
    height: auto;
    max-height: 263px;
}

.profile_notificationTrans {
    background: #baffb99c;
    /* margin-top: 15px; */
    padding: 3px 10px;
    margin-bottom: 12px;
}

.profile_notificationTrans h4 span {
    font-size: 21px;
    position: absolute;
    top: 10px;
    left: 2%;
    cursor: pointer
}

.profile_notificationTrans h4 {
    font-size: 13px;
    color: #213e10;
    line-height: 17px;
}

.inner-rights a {
    font-size: 12px
}

#findList {
    height: auto;
    max-height: 400px;
    overflow-y: auto
}

.middel-lancer h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px
}

.proj-detail {
    margin-top: 30px;
}

.search-left {
    height: 50px;
    border-bottom: 1px solid #e0e0e0
}

.chat_Boxwrapper #boxscroll {
    margin-bottom: 0
}

.search-left input {
    width: 85%;
    float: left;
    padding: 13px;
    border: medium none;
    border-radius: 3px
}

.search-left button i {
    color: #fff;
    font-size: 18px
}

.search-left button {
    width: 15%;
    background-color: #5A5A5A;
    border: medium none;
    padding: 15px 11px;
    border-radius: 1px 3px 0 0
}

.image-sect {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px
}

.inner-start {
    padding: 0
}

.inner-rights {
    width: 72%;
    float: left;
    padding-top: 5px;
    padding-left: 15px
}

.block-one {
    padding: 9px 15px
}

.inner-rights h2 {
    margin: 0;
    text-transform: capitalize;
    padding: 0;
    font-size: 13px;
    color: #696868;
    font-weight: 600
}

.inner-rights p {
    font-size: 12px;
    margin: 0
}

.inner-rights p i {
    font-size: 14px;
    margin-top: 5px
}

.inner-rights p i.fa-star {
    color: #ECAD18
}

.inner-rights p i.fa-star-half-o {
    color: #ECAD18
}

.inner-rights p i.fa-star-o,
.hire_profileList_Describe .fa-star-o,
.hire_profileList_Describe .fa-star {
    color: #ECAD18
}

#example_info {
    background-color: #EFEFEF;
    margin-top: -20px;
    padding: 6px 8px;
    border-radius: 0 0 3px 3px;
    font-size: 13px
}

table.dataTable thead .sorting::after {
    display: none !important
}

table.dataTable thead .sorting_desc::after {
    display: none !important
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 20px !important
}

#example_previous,
#example_next {
    background-color: #5A5A5A;
    padding: 8px 9px;
    color: #FFF !important;
    font-weight: 600;
    font-size: 12px;
    border-radius: 3px 0 0 4px
}

#example_next {
    padding: 8px 13px;
    margin-left: -3px;
    border-radius: 0 3px 3px 0
}

table.dataTable thead .sorting_asc::after {
    display: none !important
}

#example_previous {
    margin-right: 0
}

#example_previous a:hover {
    text-decoration: none
}

.paginate_button {
    background-color: #E4E4E4;
    padding: 7px 10px 8px;
    color: #000;
    margin-right: 3px;
    cursor: pointer
}

.text-cent {
    text-align: center !important
}

.bids-c {
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center
}

.boot-table {
    /* background: #fff; */
    /* margin-top: 30px; */
    padding: 0px 0 10px 0px;
    /* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); */
    border-radius: 8px;
    /* box-shadow: rgba(221, 221, 221, 0.25) 0px 50px 100px -20px, rgba(193, 193, 193, 0.3) 0px 30px 60px -30px, rgba(44, 44, 45, 0.35) 0px -2px 6px 0px inset; */
}

.bid-rights {
    float: right
}

.bid-rights button {
    background-color: #61AD72;
    border: none;
    color: #fff;
    border-radius: 2px
}

.panel-heads {
    background-color: #fff;
}

.panel-heads h3 {
    font-size: 15px;
    margin: 0;
    padding-bottom: 5px;
    color: #313131;
    font-weight: 600
}

.panels-boxd p {
    font-size: 13px;

    line-height: 18px;
    line-height: 23px;
}

.panels-boxd ul {
    margin: 0;
    padding: 0
}

.per_hour_rate {
    padding: 4px 0px;
    bottom: 0;
    font-family: Montserrat-Medium;
    color: #2d73b2;
    font-weight: 600;
    border-radius: 3px 0 0px 0;
    font-size: 15px;
}

.quicken_findBasic .circliful {
    width: 80px;
    position: absolute;
    left: 3%;
    top: 7%;
}

/*.panels-boxd ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
    padding: 5px 8px;
    background-color: #C54040;
    margin-right: 5px;
    color: #fff;
    border-radius: 3px
}*/

.more-opt {
    margin-top: 0px;
    padding-left: 0;
    position: sticky;
    top: 90px;
}

.ql_BusinessMenu {
    border: 1px solid #32291e;
    padding: 18px 10px;
    margin-right: 0px !important;
    border-radius: 3px;
    transition: 1s ease;
    cursor: pointer;
}

.more-opt button {
    padding: 12px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    border: medium none;
    background-color: #191E3E;
    font-weight: 600;

    color: #fff;
    border-radius: 6px;
    margin-bottom: 11px;
}

.more-opt button img {
    width: 18px;
}

/* .more-opt button:hover .fa{
    padding-left: 3px;
    -webkit-font-smoothing: antialiased;
} */

.time-and {
    height: 200px;
    background-color: #fff
}

.time-and h1 {
    margin: 0;
    font-size: 19px;
    padding: 15px 6px;
    font-weight: 100 !important;
    color: #626262;
    border-bottom: 1px solid #ccc
}

.time-and p {
    text-align: center;
    padding-top: 10px;
    font-weight: 600;
    font-size: 22px;
    color: #6B6767
}

.time-and p i {
    margin-right: 5px
}

.timelie-img {
    /* height: 300px; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 10px;
    border-radius: 8px;
}

.img-userbox {
    /* background-color: #fff; */
    width: 100%;
    border-radius: 0px 0px 8px 8px;
}

.img-main {
    background-size: cover;
    background-repeat: no-repeat;
    width: 130px;
    height: 130px;
    background-position: center;
    float: left;
    position: relative;
    z-index: 8;
    text-align: center;
    border: 2px solid #a5a3a3;
    border-radius: 50%;
    /* box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5); */
    margin-top: -48px;
}

.datas-divs {
    min-height: 500px;
    background-color: #F8F8F8
}

.ql_afterLoginsetContainer h3 {
    font-size: 17px;
    color: #3a3737;
    text-align: center;
    margin: 6px 0px;
    text-transform: uppercase;
    font-weight: 600;
}

.ql_afterLoginsetContainer p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    color: #797979
}

.ql_afterLoginsetPart:active,
.ql_afterLoginsetPart:hover {
    border-radius: 3px;
    cursor: pointer;
    transition: .6s ease
}

.ql_afterLoginsetPart h4 {
    font-size: 13px;
    margin-top: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.ql_afterLoginSetChild h5 {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
}

.ql_afterLoginSetChild h4 {
    margin-bottom: 18px
}

.ql_afterLoginSetChild .chosen-container {
    margin-bottom: 10px
}

.ql_afterLoginSetChild button {
    margin: 10px 6px 10px 0;
    display: block;
    padding: 9px 29px;
    font-size: 15px
}

#c_long_description,
#l_long_description {
    height: 120px !important;
}

.ql_afterLoginSet2_3 .chosen-choices {
    line-height: 26px;
    font-weight: 600;
    font-size: 14px;
}

.ql_afterLoginSet2_3 .search-choice {
    height: 34px !important;
    line-height: 26px !important;
}

.ql_afterLoginSet2_3 .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-size: 12px;
    height: 36px !important;
}

#l_skill_chosen .search-choice-close {
    top: 11px !important;
}

.ql_afterLoginSearch .form-control {
    height: 45px;
    font-size: 14px;
    color: #535353;
}

.ql_afterLoginPost {
    display: none
}

.quickenn_normaldefault {
    background-color: #929090;
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
    color: #FFF;
    float: left;
    border: 1px solid #8c8984;
    margin-bottom: 20px;
    color: #fff !important
}

.ql_afterLoginButtonWrapper {
    width: 213px;
    margin: auto;
    text-align: center;
    height: 40px
}

.ql_afterLoginSetChild h4 {
    text-align: center;
    font-size: 17px
}

.ql_afterLoginSetChild.active {
    display: block
}

.ql_afterLoginSet2_3 .chosen-container {
    text-align: left !important
}

.ql_afterLoginSet2_3 .chosen-container-multi .chosen-choices li.search-choice {
    height: 26px;
    line-height: 14px
}

.ql_afterLoginSet2_3 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 7px !important
}

.ql_afterLoginSetChild {
    display: none;
    margin: 0px auto;
    text-align: center
}

.ql_afterLoginsetContainer .form-control {
    height: 45px;
    font-size: 13px;
    color: #535353;
    font-weight: 600;
}

.ql_afterLoginsetPart {
    text-align: center;
    transition: .6s ease
}

.ql_afterLoginsetPart img {
    width: 85px
}

.ql_afterLoginsetContainer {
    max-width: 500px;
    margin: 10% auto;
    background: #fff;
    box-shadow: 0 2px 18px 4px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 20px 20px 30px 20px;
}

.img-userboxCover {
    width: 16%;
    float: left;
}

.usern-info {
    color: #fff;
    width: 60%;
    float: left;
    padding: 12px 10px;
    margin-top: -18px;
    height: 76px;
    position: relative;
    float: left
}

.ql_afterLoginset {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(2, 2, 2, 0.8);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999999
}

.usern-info h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #FFF;
}

.usern-info p {
    font-size: 13px;
    margin-top: 5px;
    color: #E4E0E0
}

.usern-info p i {
    margin-right: 5px
}

.left-sides {
    background-color: #fff;
    padding-bottom: 20px
}

.main-uses {
    padding: 0 12px;
    background: #fff;
}

.quicken_Listgreen {
    color: #151414;
}

.quicken_Listblue {
    color: #151414;
}

.quicken_ListOrange {
    color: #151414;
}

.quicken_WholeCover {
    /* background: #fff; */
    border-radius: 8px;
    margin-top: -100px;
    position: relative;
    margin-bottom: 31px;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.31); */
    margin-bottom: 11px
}

.quicken_ListLocation {
    text-align: center;
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 5px 20px 5px;
    float: left
}

.quicken_newLayout {
    position: relative;
    padding: 30px 10px 20px 10px;
    width: 100%;
    /* border-top: 1px solid #eee; */
    margin-top: 8px;
    background: #fff;
}

.quicken_Listdata {
    width: 100%;
    font-size: 14px;
    padding: 0 5px;
    color: #464141;
    font-weight: 600;
    margin-top: 12px;
}

.quicken_ListLocation i {
    height: 40px;
    width: 40px;
    border-radius: 0 10px 0 10px;
    text-align: center;
    line-height: 39px;
    font-size: 20px;
    margin: auto;
    margin-bottom: 6px;
    color: #3a3939;
}

.quicken_newLayout .add-prjer {
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 9;
    border: 1px solid #e4e4e4;
    /* box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); */
    padding: 10px;
    background: #fff
}

.left-sides h1 {
    font-size: 15px;
    font-weight: 600;
    background-color: #969696;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px
}

.right-sidebar {
    background-color: #fff;
    border-radius: 8px;
    padding: 14px;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.31); */
    margin-bottom: 11px;
    /* margin-top: 35px; */
    margin-top: -15px;
}

.left-sides i {
    margin-right: 5px !important;
    color: #4FB607;
    font-size: 18px
}

.left-sides i.fa-exclamation-circle {
    color: #E90000
}

.left-sides p {
    margin-left: -5px;
    font-size: 14px
}

.about-users p {
    font-size: 14px;
    text-align: justify;
    color: #504d4d;
    line-height: 23px;
    line-height: 22px
}

.user-rit {
    background: none;
    margin-top: -90px;
    border-radius: 8px;
    padding-bottom: 10px;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.31);*/
    margin-bottom: 35px;
    position: sticky;
    top: 20px;
}

.user-rit h1 {
    margin: 0 -10px 10px;
    font-size: 18px;
    background-color: #fff;
    padding: 10px;
    color: #5c5c5c;
    border-top: 1px solid rgba(239, 239, 239, 0.48);
    margin-bottom: 10px;
    border-bottom: 1px dotted #F0F0F0
}

.user-rit p {
    font-size: 12px;
    margin-bottom: -1px;
    color: #333;
    font-weight: 600
}

.user-rit select.form-control,
.add-prjer select.form-control {
    padding-left: 3px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 600;
    padding: 0px;
}



.add-prjer textarea.form-control {
    border-radius: 0px;
}

.mobile_Selectcomplaint {
    display: none
}

.userprofile_comment {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2)
}

.effect-bubba {
    border: 4px solid #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)
}

.about-userswork>h2 {
    font-size: 16px;
    margin: 11px 0;
    /* border-top: 1px solid rgba(204, 204, 204, 0.52); */
    padding-top: 10px;
    font-weight: 600;
    color: #000;
}

.performanceRateInfo h6 {
    font-size: 11.5px;
    line-height: 16px;
    margin: 3px 0;
    color: #5a5757
}

.timelines {
    background-color: #f7f7f7;
    min-height: 500px
}

.timelines .profile_sec_1 {
    padding: 0px;
    border: 1px solid #ccc;
}

.timelines .user-rit {
    padding: 0px;
}

.quicken_LanguageColor {
    height: 15px;
    width: 15px;
    border-radius: 3px;
    float: left
}

.quicken_LanguageType ul {
    margin: 0 auto;
    padding: 0
}

.quicken_portHeading {
    background: #fff;
    height: 160px;
    padding: 10px 5px 10px 10px;
}

.quicken_portHeading h3 {
    font-size: 13px;
    margin: 0;
    color: #565555;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 18px;
    margin-bottom: 5px
}

.msg-boxs {
    width: 100% !important
}

.quicken_portHeading ul {
    padding: 0
}

.comment_type {
    position: absolute;
    right: 1%;
    text-align: center;
    width: 10%
}

.tab_listfriendOn {
    display: none
}

.comment_type img {
    width: 55%;
    margin-bottom: 5px
}

.comment_type p {
    font-size: 12px;
    font-weight: 600
}

.quicken_portHeading ul li {
    list-style: none;
    background: rgba(204, 204, 204, 0.51);
    float: left;
    padding: 3px 6px;
    border-radius: 3px;
    color: #383737;
    font-size: 12px;
    margin-bottom: 8px;
    margin-right: 5px;
    font-style: italic
}

.quicken_portHeading ul li i {
    margin-right: 4px
}

.quicken_portHeading h4 i {
    margin-right: 4px
}

.quicken_portHeading h4 {
    margin: 0 0 7px;
    font-size: 11px;
    color: #635f5f
}

.quicken_Language1st {
    background-color: #c70404
}

.quicken_Language2nd {
    background-color: #337AB7
}

.quicken_Language3rd {
    background-color: #f0af14
}

.quicken_Language4th {
    background-color: #5cb85c
}

.quicken_LanguageType .circliful {
    float: left
}

.quicken_portHeading .fa-trash {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #434343;
    font-size: 16px;
}

.quicken_Languagelevel {
    float: left;
    width: 90%;
    font-size: 13px;
    text-align: left;
    padding-left: 7px
}

.quicken_divder15 {
    height: 15px
}

.quicken_LanguageType ul li {
    list-style: none;
    margin-bottom: 7px
}

.profile-details {
    padding-bottom: 4px;
    background-color: #FFF;
    margin-bottom: 10px;
    /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); */
    margin-bottom: 10px;
    /* border: 1px solid #eee; */
    margin-top: 15px;
}

.quicken_LanguageBox h2 {
    margin: 1px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.quicken_LanguageMax .circliful .circle-text {
    color: #5d5c5c !important
}

.quicken_LanguageType {
    height: 130px;
    margin-bottom: 20px;
    padding-left: 0;
}

.timelie-img .box-example-1to10 {
    position: absolute;
    right: 1%;
    bottom: -1%;
    z-index: 4
}

.box-body label {
    font-size: 11px;
    color: #fff
}

.lancer-status h6 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-style: italic;
}

.quicken_LanguageType p {
    width: 100px;
    text-align: center;
    font-size: 13px;
    font-weight: 600
}

.how_it_workHome p {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.how_it_workHomeImg img {
    height: 41px;
    margin: -6px auto;
    padding: 2px;
}

.how_it_workHomeImg {
    background-color: #fff;
    border-radius: 50%;
    height: 65px;
    margin: auto;
    width: 65px;
    line-height: 65px;
    text-align: center;
    margin-bottom: 10px;
}

.form-control {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075) !important;
    color: #424450 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease;
    border-radius: 6px !important;
    border: 1px solid #ccc;
}

input {
    transition: all 0.3s ease;
    box-shadow: 0 0 0 0 rgba(64, 81, 137, .25) !important;
    color: #191e3e !important;
    font-weight: 600;
    border: 1px solid #ccc;
    border-radius: 6px !important;
}

textarea::placeholder {
    color: #425043 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    /* text-transform: capitalize; */
}

input::placeholder {
    font-size: 13px !important;
    color: #425043 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
}

.search-field input input::placeholder {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #9999a6 !important;
}

.jFiler-input-caption span {
    font-size: 13px;
    font-weight: 500;
    color: #9999a6;
    text-transform: capitalize;

}

.edit-fgrp .form-control {
    height: 40px;
}

.no_friends .inner-rights {
    width: 100%
}

.lancer-status h6 i {
    margin-top: 4px;
}

.lancer-status h4 {
    color: #fff;
    width: 66%;
    margin: auto;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 9px;
}

.no_friends {
    padding: 5px 5px 14px
}

.quick_contact {
    margin-top: 20px
}

.quicken_Languagesuite {
    padding: 0;
    position: absolute;
    top: 15%;
    right: 0
}

.quicken_LanguageMax {
    position: relative;
    max-width: 165px;
    margin: auto
}

.quicken_Languagesuite li {
    list-style: none;
    line-height: 24px;
    font-size: 12px;
    color: #191E3E;
    font-family: Montserrat-Medium;
    font-weight: 500;
}

.quicken_Languagesuite li img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.icon_profilebox h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #636161
}

.icon_profilebox span {
    font-size: 33px;
    line-height: 63px;
    color: #636161
}

.bid-prj-model {
    overflow: hidden !important;
}

.hire-container .btn-warning {
    color: #d37d00;
    background-color: #ff98001a;
    border-color: #eea236cf;
    padding: 8px 20px;
}

/* .quicken_AddLanguage:hover {
    background: rgba(202, 202, 202, 0.48);
    transition: 1s ease
} */

.quicken_profilesRateValue {
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    padding: 30px 14px;
    margin-bottom: 11px
}

.pro-descriptLast {
    border-right: none !important
}

.menu-bard.active {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 60px
}

.quicken_header {
    height: 100px;
    display: none
}

.icon_profilebox {
    text-align: center
}

.quicken_AddLanguage span {
    font-size: 14px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    line-height: 24px;
    color: #757575;
}

.quicken_AddLanguage .addMore-ico {
    font-size: 40px;
    margin-right: 10px;
    color: #D7E2EE;
    font-family: Montserrat-Medium;
    font-weight: 500;
}

.quicken_LanguageBox h2 i {
    float: right;
    color: #757575;
    cursor: pointer
}

.padd_zero {
    padding: 0
}

.quicken_LanguageBoxEditForm {
    background: rgba(228, 228, 228, 0.12);
    padding: 5px 15px 15px;
    margin-top: 15px;
    display: none
}

.quicken_AddLanguage i {
    display: block;
    font-size: 30px;
    color: #a09f9f;
    margin-bottom: 2px
}

.quicken_AddLanguage {
    margin-bottom: 20px;
    height: 100%;
    background: #FFFFFF;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.addlanguagebtn {
    display: flex;
    /* flex-direction: column; */
    padding: 15px 50px;

    justify-content: center;
    align-items: center;
    border: 1px dashed #D3DFED;
    border-radius: 6px;
    background-color: #F5F7FA;
}

.quicken_LanguageBox {
    background-color: #fff;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.31); */
    padding: 14px 14px 0px 14px;
    margin-bottom: 11px;
    border-radius: 8px;
    margin-top: 15px;
}

.about-default {
    margin-bottom: 20px;
    height: 173px;
    background: #efebeb;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    padding-top: 50px;
    cursor: pointer
}

.about-default:hover {
    background: rgba(202, 202, 202, 0.48);
    transition: 1s ease
}

.about-default p {
    font-size: 12px;
    color: #6d6d6d
}

.about-default i {
    display: block;
    font-size: 30px;
    color: #a09f9f;
    margin-bottom: 2px
}

.about-default span {
    font-size: 12px;
    font-size: 12px;
    text-decoration: underline
}

.facebook-sign a {
    color: #fff !important
}

.profile-details h2 {
    font-size: 13px;
    background-color: #FFF;
    padding: 10px;
    color: #171f3d;
    margin-top: 0;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 0px;
    font-weight: 600
}

.profile-details ul {
    margin: 0;
    padding-left: 15px
}

.total-round input:focus,
.total-round input:visited {
    border: none !important
}

.profile-details ul li {
    list-style-type: circle;
    line-height: 28px
}

.active-blue {
    color: #075F98
}

.middel-pdetails {
    background-color: #fff;
    margin-bottom: 10px
}

.profile-details .middel-pdetails {
    padding: 0
}

.middel-pdetails h3 {
    color: #191e3e;
    font-size: 13px;
    padding: 0;
    padding-bottom: 16px;
    font-weight: 600;
    background: #f5f7fa;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 25px;
    text-align: left;
    border: double 1px transparent;
    /* border-radius: 12px; */
    background-image: linear-gradient(#f5f7fa, #f5f7fa), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.project_body>h2 {
    margin: 10px 0px 10px 0px;
    color: #424242;
    font-size: 14px;
    border-radius: 3px 3px 0px 0px;
    font-weight: 600;
}

.updateCount {
    border: 1px solid #f5f7fa;
    background-color: #f5f7fa;
    padding: 20px 10px;
    border-radius: 5px;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(#f5f7fa, #f5f7fa), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.middel-pdetails ul {
    padding-left: 2px
}

.middel-pdetails ul li {
    list-style: none;
    line-height: 28px
}

.form-s {
    color: #988E8E;
    font-size: 13px
}

.per-dete p {
    font-size: 14px
}

.per-dete p i {
    color: #8A8A8A;
    font-size: 15px
}

.comment-ser .image-sect {
    width: 45px !important;
    height: 45px !important
}

.ql_afterLoginSet2_3 .chosen-container {
    text-align: left;
    width: 100% !important
}

.ql_afterLoginSet2_3 .chosen-choices {
    border-radius: 3px;
    padding: 2px 5px !important
}

.look_whoare .project-dis .comment-ser {
    padding: 11px 10px !important
}

.look_whoare .Bid_datails_info {
    border-bottom: 1px solid #f5f5f5;
}

.comment-ser {
    padding: 10px 15px 15px;
    border: 1px solid #f3f3f3;
    border-bottom: none;
}

.comment-ser:last-child {
    border-bottom: 0 dashed #ccc
}

.feedbackBox_content {
    border-radius: 0 !important;
    height: 537px
}

.feedBox_Righttmodule {
    padding: 15px
}

.feedBox_leftmodule {
    background: #32291e
}

.feedBox_type img {
    width: 45px
}

.feedBox_RighttInfo {
    background: #616161;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 10px
}

.feedBox_RighttInfo ul {
    padding: 0
}

.quicken_caretHandle {
    position: absolute;
    color: #fff;
    right: -2%;
    font-size: 50px;
    top: 6%;
    transition: .8s ease
}

.feedBox_leftmodule {
    position: relative
}

.show_aft_load {
    padding: 20px 0 10px
}

.feedbackBox_content .modal-body {
    padding: 0
}

.comment-ser .inner-rights h2 {
    font-size: 15px !important;
    margin-bottom: 2px;
    color: #56b52c !important;
}

.comment-ser .inner-rights p {
    font-size: 13px !important;
    line-height: 24px;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
}

.cment-details p {
    font-size: 14px;
    margin-top: 10px;
    color: #756969;
    padding-left: 65px
}

.cment-details p i {
    color: #F6C20E;
    font-size: 20px;
    position: absolute;
    left: 4%;
    margin-top: 0
}

.dashboard-s {
    min-height: 700px
}

.how-does-tab li {
    list-style: none;
}

.user-lanerdz {
    margin-top: 24px;
    color: #776B6B;
    border-radius: 8px;
    padding: 0;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); */
    margin-top: -75px;
    background: #fff;
}

.publish-button {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%) !important;
    border: 1px solid #b7d7f9b5 !important;
}

.publish-button:hover {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%) !important;
    border: 1px solid #b7d7f9b5 !important;
}


.containz-user {
    padding: 20px 10px;
}

.img-userz {
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0px auto;
    border-radius: 50%;
    /* box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5); */
    border: 2px solid #a5a3a3;
}

.name-of {
    font-size: 20px;
}

.quicken_hireRequestBlockone:last-child {
    border: none;
}

.name-of h3 {
    text-transform: capitalize;
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.user-lanerdz .progress {
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 8px;
    height: 6px;
    border-radius: 4px !important;
}

.percentage_completed {
    text-align: center;
    font-size: 13px;
    color: #424141;
    font-style: italic;
}

.name-of p {
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    margin: 0
}

.name-of p i {
    margin-right: 5px
}

.containz-user .upgarde-not {
    margin-bottom: 10px
}

.upgarde-not p {
    font-size: 11px;
    background-color: #bbfca7;
    padding: 14px 10px;
    color: #4a701d;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    right: 27px;
    bottom: 25px;
    z-index: 999;
    border-radius: 5px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
}

.upgarde-error p {
    font-size: 11px;
    background-color: #f69383;
    padding: 14px 10px;
    color: #822603;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    right: 27px;
    bottom: 25px;
    z-index: 999;
    border-radius: 5px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
}

.common_error {
    color: #f94343;
    float: left;
    margin-left: 5%;
    font-size: 15px
}

.user-lanerdz button {
    background-color: #171f3d;
    border: medium none;
    padding: 10px 15px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 600;
    margin: 0px auto;
    text-align: center;
    float: none;
    display: block;
    margin-top: 18px;
}

.dashboad-menu {
    background-color: #fff;
    margin-top: 20px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.11)
}

.dashboad-menu ul {
    padding: 0
}

.dashboad-menu ul li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
    cursor: pointer
}

.quickenlancer_conentbox {
    background: #fff;
    padding: 15px 20px;
    border-radius: 3px
}

.fried_Req .left-sidebar {
    margin-bottom: 0
}

.quickenlancer_conentbox h1 {
    font-size: 24px
}

.quickenlancer_conentbox h3 {
    font-size: 20px
}

.divder30 {
    height: 20px
}

.quickenlancer_conentbox h4 {
    font-weight: 600;
    font-size: 15px
}

.quickenlancer_conentbox h5,
.quickenlancer_conentbox h3 {
    color: #191e3e;
}

.quickenlancer_conentbox p {
    font-size: 15px;
    color: #3e3d3d;
    line-height: 23px;
}

.quickenlancer_conentbox ol li {
    font-size: 14px;
    color: #3e3d3d;
    line-height: 21px
}

.quickenlancer_cmspage {
    background-color: #F5F7FA;
    /* padding: 20px 0; */
    padding: 20px 0 100px 0px;
}

.dashboad-menu ul li:last-child {
    border-bottom: none
}

.dashboad-menu ul li:hover {
    background-color: #F2F2F2
}

.dashboad-menu h1 {
    font-size: 15px;
    margin: 0;
    padding: 10px;
    background-color: #A4A4A4;
    color: #FFF;
    border-bottom: 1px solid #E1E0E0
}

.sp-number {
    background-color: #CCC;
    border-radius: 3px;
    float: right;
    padding: 2px 4px
}

.show_allbid {
    padding-right: 0
}

.ski-rld {
    background-color: #fff;
    margin-top: -75px;
    padding: 15px;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); */
    border-radius: 8px;
    margin-bottom: 45px;
}

.ski-rld h2 {
    border-bottom: 1px solid #eaeaea;
    font-size: 16px;
    margin: 0 0 10px;
    color: #2d2c2c;
    padding-bottom: 12px;
    font-weight: 600;
}

.skil-box1 {
    border-radius: 3px;
    /* background-color: #FCFCFC; */
    padding: 10px 15px;
    margin-bottom: 14px;
    border-bottom: 1px solid #efeded;
    border-radius: 0;
}

.skil-box1 h3 {
    font-size: 15px;
    margin: 0;
    color: #3e3e3e;
    padding-bottom: 5px;
    font-weight: 600;
}

.backimg-rtl {
    width: 69px !important;
    height: 70px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    border: 1px solid #eeeeee !important;

    text-align: center;
    float: left;
    border-radius: 50%;
    margin-top: 3px
}

.vieus_op {
    background: #090808;
    padding: 5px 16px;
    color: #fff !important;
    border-radius: 3px;
}

.vieus_pend {
    background: #dd1313;
    padding: 5px 16px;
    color: #fff !important;
    border-radius: 3px;
    color: #fff;
}

.vieus_pend a {
    color: #fff !important;
}

.new_hset {
    font-size: 19px;
    color: #fff !important;
    margin: 10px 0px 0px 0px;
}

.vieus_op a {
    color: #fff !important;
}

.contact-name .verified-icon {
    width: 15px !important;
}

.XS_menuBar {
    display: none
}

.imp-skert {
    margin-top: 0px;
    /* width: 73%; */
    padding-right: 0;
    float: left
}

.new_hire_list h3 {
    font-size: 16px !important;
    font-weight: 600;
    margin: 5px 0px;
}

.new_hire_list .bold {
    font-weight: 600;
}

.new_hire_list .pan_group {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #f5f4f4;
    border-radius: 4px;
}

.connect_row {
    display: flex;
    align-items: center;
}

.connect_box {
    width: 25%;
    text-align: center;
    position: relative;
}

.connect_box.Attachments_connect_box {
    width: auto;
    /* float: left; */
    margin-top: 25px;
    margin-right: 5px;
}

.connect_box.Attachments_connect_box .alldder.chat-btn {
    width: auto;
    height: 45px;
    border-radius: 6px;
    background: #F5F7FA;
    border: 1px solid #D9D9D9;
    color: #191E3E !important;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 14px;
}

.connect_box.Attachments_connect_box .alldder.chat-btn img {
    width: 20px;
}

/* .popup.project_documents_popup{
    bottom: 55px;
} */
.main_connect_box {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.connect_box .chat-btn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #9d9d9d;
    color: #484848 !important;
    margin-bottom: 3px;
    margin-top: 0px;
}

.connect_box .chat-btn:hover {
    box-shadow: rgb(0 0 0 / 5%) 15px 15px 15px -100px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset !important;
    color: #000 !important;
    /* border: none !important; */
}

.connect_box .chat-btn:focus {
    color: #000 !important;
}

.connect_box .alldder {
    font-size: 18px;
}

.connect_box p {
    font-weight: bold;
}


.new_hire_list h3 a {
    color: #56b52c !important;
}

.new_hire_list .imp-skert p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 13px;
}

.skil-box1 p {
    font-size: 13px;
    margin-bottom: 7px;
    color: #484845;
}

.new_hire_list .pan_group label {
    font-size: 13px;
}

.skil-box1 p span.bold {
    color: #484845;
    font-weight: 600;
}

.skil-box1 .skills-p {
    color: #417204;
    margin-right: 5px;
    float: left;
    line-height: 22px
}

.req-ult {
    float: left;
    padding: 0
}

.req-ult li {
    list-style: outside none none;
    float: left;
    background-color: #E4E4E4;
    margin-right: 5px;
    padding: 3px 6px;
    font-size: 13px;
    border-radius: 2px;
    margin-bottom: 5px
}

.skil-box1 button {
    background-color: #171f3d;
    border: none;
    float: right;
    padding: 7px 15px;
    border-radius: 1px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
}

/* .col-lg-2.btton-derv .bid-rights{
    float: none;
} */
.profile_edit_data {
    padding: 10px 15px;
    /* margin-bottom: 14px; */
    border-bottom: 1px solid #efeded;
    border-radius: 11px 11px 0px 0px !important;
    /* background: linear-gradient(175.25deg, #B7D7F9 19.15%, #E6ACCB 88.22%); */
    align-items: center;
    display: flex;
    background-color: #D7E2EE;
    justify-content: space-between;


}

.profile_edit_data .update_btn {
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 5px;
    font-size: 13px !important;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
}

.profile_edit_data .update_btn .comman-edit-ico {
    filter: brightness(100);
}

.profile_edit_data .col-lg-8 {
    padding-left: 0px;
}

.profile_edit_data h4 {
    font-size: 16px;
    color: #191E3E;
    font-weight: 600;
}

.skill_dropdown label {

    font-size: 13px !important;
}

.CentralizedRow {
    justify-content: center;
}

.show_profile_data {
    padding-right: 0px;
    margin-bottom: 50px;
}

.show_details table {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.show_details table tr td {
    line-height: 40px;
}

.show_details {
    padding: 25px 15px;
    /* margin-bottom: 14px; */
    border-bottom: 1px solid #efeded;
    border-radius: 0;
    background-color: #fff;
}

.show_details .update_btn {
    color: #fff !important;
}

.show_details .chosen-container {
    width: 100% !important;
    text-align: left;
    /* border: 2px solid #999; */
    border-radius: 30px;
    /* /* height: 40px; */
}

.show_details .chosen-container-multi .chosen-single {
    /* padding: 6px 25px !important;  */
    padding: 5px !important;
    margin: 0px;
}

.left-bar nav {
    /* padding: 25px 15px; */
    /* margin-bottom: 14px; */
    border-bottom: 1px solid #efeded;
    border-radius: 0;
    background-color: #fff;
    height: 100%;
    min-height: 400px;
}

.left-bar nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-bar nav ul li {
    /* float: left; */
    font-size: 14px;
    /* padding: 10px; */
    border-left: 4px solid #da4c8300;
}

.left-bar nav ul li a {
    /* float: left; */
    font-size: 14px;
    padding: 10px;
    display: block;
    width: 100%;
    border-left: 4px solid #da4c8300;
}

.left-bar nav ul li.active {
    /* background-color: #d7d7d7; */
    background: #deedff !important;

    border-left: 4px solid #5060a4;
}

.btton-derv {
    position: relative;
    padding: 0;
    padding: 0;
}

.time-inter {
    float: right;
    margin-top: -17px;
    color: #696766;
    margin-right: 17px;
}

.offer-box {
    min-height: 300px;
    margin-top: 25px;
    background-color: #fff;
    border: 2px solid #43EDCF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.61)
}

.offerheader {
    background-color: #06E9C8;
    height: 50px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.offerheader .fa-caret-down {
    position: absolute;
    top: 0;
    font-size: 66px;
    margin: 10% 41%;
    color: #06E9C8
}

.offerheader h1 {
    margin: 0;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    font-weight: 600;
    color: #FFF
}

.bottom-box {
    background-repeat: no-repeat;
    text-align: center
}

.bottom-box p {
    margin: 10px 0 0;
    font-size: 34px;
    line-height: 58px;
    color: #929191
}

.bottom-box .years-z {
    font-size: 27px;
    line-height: 9px;
    color: #b9b5b5;
    margin: 0
}

.boot-btm {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 31px
}

.first-dt {
    width: 50%;
    font-size: 16px;
    color: #817777;
    font-weight: 600
}

.boot-btm table {
    width: 100%
}

.boot-btm table tr {
    border-bottom: 1px dashed #ccc
}

.boot-btm table tr:last-child {
    border-bottom: none
}

.boot-btm table tr td {
    padding: 9px 15px;
    width: 50%;
    font-size: 16px;
    color: #817777;
    font-weight: 600
}

.premium-btn {
    margin-left: -15px;
    margin-right: -15px
}

.premium-btn button {
    background-color: #06E9C8;
    border: medium none;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px
}

.boot-table .table>thead:first-child>tr:first-child>th {
    padding: 4px 10px 15px 13px;
    color: #0e0e0e;
    font-size: 14px;
    border: none !important;
}

.boot-table thead {
    border-bottom: 1px solid #f5f3f3;
}

.boot-table .table tbody tr td {
    padding: 15px;
    /* box-shadow: 0 0 5px 0px rgb(0 0 0 / 4%), 0 0px 0px rgb(0 0 0 / 4%); */
    /* border-bottom: 1px solid #dcdcdc !important; */
    background-color: #fff !important;
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    position: relative;
}




.boot-table .table tbody tr.odd {
    background-color: #fff !important
}

.chat_agent {
    font-size: 17px;
    text-transform: initial;
}

.menu-bard {
    /* position: absolute; */
    width: 100%;
    z-index: 99;
    height: 50px;
    background-color: #ffffff;
    padding-top: 6px;
    border-bottom: 1px solid #d0d0d0;
}

.menu-bard ul {
    float: left;
    margin: 0;
    padding: 0px;
    position: relative;
    width: 100%;
}

.user_profilepage .container {
    padding: 0px;
}

.menu-bard ul li {
    list-style: outside none none;
    float: left;
    font-size: 12px;
    line-height: 40px;
    color: #000;
    cursor: pointer;
    font-weight: 500;
    padding: 0px 30px 0px 0px;
}

.sry_dontes h2 {
    border-bottom: none
}

.menu-bard ul li i {
    /* margin-right: 5px; */
    font-size: 16px
}

.head-main>.container>.col-lg-4 {
    padding-left: 0
}

.mobile_menuside {
    display: none
}

.mail-box {
    background-color: #fff
}

.mail-box h5 {
    font-size: 15px;
    margin: 0;
    padding: 13px;
    background-color: #dfdfdf;
    color: #000;
}

.mail-box .search-left {
    height: auto !important
}

.mail-box .search-left button {
    padding: 10px 11px
}

.mail-box .search-left input {
    padding: 9px 11px !important
}

.mail-box h5 button {
    border: medium none;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #3c3c3c;
    margin-left: 5px
}

.mail-box .search-left button i {
    color: #9E9999;
    font-size: 18px
}

.mail-box .search-left button {
    background-color: transparent;
    color: #CCC
}

.mail-box .inner-rights {
    padding-top: 0
}

.mail-box .image-sect {
    width: 40px;
    height: 40px
}

.mail-box .inner-rights p {
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat-details {
    min-height: 450px;
    margin-top: 20px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    border-radius: 3px
}

.section-clr {
    background-color: #F6F6F6
}

.header-bxd {
    height: 70px;
    border-bottom: 1px solid #ECECEC;
    padding: 8px 15px
}

.header-bxd .col-lg-2 {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
    background-position: center center;
    background-size: 100% auto;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat
}

.header-bxd .col-lg-8 {
    padding: 0
}

.header-bxd .col-lg-8 h1 {
    font-size: 17px;
    margin: 9px 0 0;
    color: #6e6161;
    font-weight: 600
}

.header-bxd .col-lg-8 p {
    font-size: 11px;
    color: #8d8d8d
}

.msg-boxs {
    padding: 2% 12px;
    max-height: 367px;
    overflow-y: auto;
    height: auto;
    bottom: 123px;
}

.form_details label {
    font-size: 14px;
    color: #333;
    /* float: left !important; */
    font-weight: 600
}

.form_details .form-group p.TypeComplaint {
    margin-bottom: 0;
    line-height: 31px;
    font-weight: 600;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #191E3E;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 45px;
    font-weight: 600;
    background-image: linear-gradient(#F5F7F7, #F5F7FA), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: double 2px transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.Bid_datails_info h3,
.Bid_datails_info label {
    font-size: 13px;
    margin: 5px 0 0
}

.person-sec {
    margin-bottom: 3px;
    clear: both
}

.person-sec p,
.right-me p {
    background-color: #65BF53;
    padding: 6px 11px;
    min-width: 88px;
    float: left;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.23);
    position: relative;
    border-radius: 3px;
    margin-bottom: 13px;
    color: #fff
}

.ticket_set {
    margin-top: 11px !important
}


.right-me p {
    background-color: #33AACB;
    color: #fff
}

.person-sec p i {
    position: absolute;
    margin-left: -21px;
    margin-top: -5px;
    color: #65BF53;
    font-size: 29px
}

.right-me p {
    font-size: 11px;
    color: #6c6c6c;
}

.person-sec {
    float: left;
    background: #d7d7d7;
    padding: 6px 9px;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 600;
    position: relative;
}

.person-sec span {
    font-size: 11px;
    color: #3c3b3b;
    font-weight: 100;
}

.right-me span {
    font-size: 11px;
    color: #3c3b3b;
    font-weight: 100;
}

.right-me {
    float: right;
    background: #b9efb8;
    padding: 6px 9px;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 600;
}

.right-me i {
    position: absolute;
    bottom: 0;
    right: -8px;
    font-size: 27px;
    color: #b9efb8;
}

.right-me {
    position: relative;
}

.person-sec i {
    position: absolute;
    bottom: 0;
    left: -9px;
    font-size: 27px;
    color: #d7d7d7;
}

.right-me p span {
    font-size: 11px
}

.right-me p i {
    position: absolute;
    margin-right: -9px;
    margin-top: -4px;
    color: #33AACB;
    font-size: 29px;
    right: 0
}

.profile_Completed {
    font-family: Montserrat-Italic;
    /* font-style: italic; */
    font-size: 11px;
    font-weight: 600;
    color: #717171;
}

.basic_inf .progress {
    height: 9px;
    margin-bottom: 4px;
    width: 75%;
}

.send-portal {
    /* border-top: 1px solid #E1E1E1; */
    /* margin-top: 15px; */
    /* padding-top: 13px; */
    padding-bottom: 8px;
    width: 100%
}

.txt-area {
    border: 1px solid #ccc !important;
    width: 100%;
    height: 55px;
    border-radius: 3px;
    padding: 3px 5px;
    margin-top: 2px
}

.txt-area:focus {
    border: 1px solid #ccc !important
}

.message-input-container textarea {
    width: 100%;
    border: 1px solid rgba(183, 215, 249, 1);
    padding: 12px;
    height: 65px;
    resize: none;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-bottom: 0;
}

.message-input-container textarea:focus {


    outline: none;

}

.warning-note {
    display: flex;
    align-items: center;
    background-color: #fff8e1;
    border: 1px solid #ffecb3;
    color: #795548;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 5px;
    text-align: left;
    /* max-width: 300px; */
    margin-top: 10px;
    gap: 3px;
}

.warning-icon {
    margin-right: 0px;
    font-size: 16px;
}

.send-portal {
    position: relative;
}

.send-btn-container {
    position: absolute;
    top: 10px;
    right: 10px;
}

#submitMsg {
    background: linear-gradient(140.96deg, #B7D7F9 2.56%, #E5ACCB 99.32%);
    border-radius: 50%;
    padding: 14px 5px;
    width: 45px;
    height: 45px;
    border: none;

}

#submitMsg svg {
    transform: none !important;
}

.chat_overlay {
    left: 0%;
    right: 0%;
    top: 0%;
    background: #f3f3f3;
    bottom: 0%;
    height: auto;
    width: 100%;
    padding: 35px 0;
    padding-top: 10px;
}



.note {
    color: #646464;
}

.login-boxd {
    background-color: #02020294;
    /* opacity: 0.5; */
    /* background-color: #fffffff2; */
    overflow-y: scroll;
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 99999999;
    top: 0;
    display: none;
    height: 100% !important;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.rightslideractive {
    right: 0;
    display: block;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.login-boxd .col-lg-4 {
    float: none;
    max-width: 450px;
    background: #fff;
    padding: 10px 30px !important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.43);
    margin: 0px auto;
    margin-top: 120px;
    border-radius: 4px;
}

.forget-open {
    padding-bottom: 20px;
}

.login-boxd .col-lg-4 button {
    background-color: #191e3e;
    border: medium none;
    padding: 13px;
    margin-top: 10px;
    color: #FFF;
    font-size: 13px !important;
    border-radius: 3px;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.rem-class {
    font-weight: 600
}

.ql_businessLogoMain {
    height: 130px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.ql_businessBoxTitle {
    font-size: 13px;
    margin: 0;
    text-align: center;
    padding: 12px;
    background: #32291e;
    color: #fff;
    font-weight: 600
}

.ql_businessBoxBottom {
    padding: 10px;
    text-align: center;
    background: #32291e;
    border-radius: 0 0 3px 3px
}

.ql_businessBoxBottom span {
    color: #a7a5a5;
    font-style: italic
}

.ql_businessBoxBottom h4 {
    text-align: Center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 15px
}

.ql_businessLogo {
    border-radius: 3px;
    height: 150px;
    padding: 12px 20px;
    width: 100%
}

.ql_businessBoxLeft {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    padding: 0;
    margin-top: -40px;
    border-radius: 3px 3px 0 0;
    margin-left: 51px
}

.ql_businessBox {
    margin-top: 40px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    background: #fff;
    padding: 5px 5px 10px;
    border-radius: 3px
}

.ql_businessDataArea p {
    font-size: 14px;
    line-height: 25px
}

.ql_businessBox h1 {
    font-size: 20px;
    color: #5d5c5c
}

.ql_businessBox h1 span {
    color: #a0a0a0;
    font-size: 15px
}

.ql_businessDataArea ul {
    margin-left: 0;
    padding-left: 4px
}

.ql_businessDataArea ul li span {
    font-weight: 600
}

.ql_businessDataArea ul li a {
    color: #5ca8e0 !important
}

.ql_businessDataArea ul li {
    color: #636161;
    list-style: none;
    font-size: 13px;
    line-height: 24px
}

.login-boxd .col-lg-4 h3,
.popup_register h3 {
    font-family: Montserrat-Regular;
    text-align: center;
    color: #333;
    margin-bottom: 0;
    font-size: 25px;
    font-size: 20px;
    font-weight: 1000;
    text-transform: uppercase;

}

.userlogin p,
.popup_register p {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 14px;
    font-family: Montserrat-Medium;
}

.don_acc {
    font-weight: 600;
    font-size: 13px !important;
    text-align: center;
    margin-bottom: 10px;
}

.liners {
    margin-top: 19px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #191E3E;
    /* font-family: Montserrat-SemiBold; */
}

.login-boxd h2::after {
    background: transparent -moz-linear-gradient(left center, #7E7E7E 0%, #FFF 100%) repeat scroll 0 0;
    right: 0
}

.relogin_signin {
    background: #ffffff;
    width: 91%;
    margin-left: 18px;
    display: block;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #b1b0b0;
    color: #1c1c1c !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.lginput-box input {
    width: 100%;
    height: 45px;
    border: none;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
    border-radius: 6px;
    margin-bottom: 10px
}

input:focus,
.form-control:focus {
    border-color: #191e3e !important;
    border: 1px solid #191e3e !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(66 68 80 / 12%) !important;
    ;
}

.rejected-proposal {
    color: #333333
}

.flt-right {
    font-family: Montserrat-Medium;
    float: right;
    font-size: 13px;
    color: #444140;
    margin-top: 3px;
    margin-bottom: 5px;
    cursor: pointer
}

.flt-right:hover {
    text-decoration: underline
}

#remember_me {
    width: auto !important;
    margin: 0;
    padding: 0 !important;
    margin: 9px 0 0 -18px
}

.lginput-box .checkbox label {
    color: #657077
}

.mid-or {
    border-bottom: 1px solid #CCC;
    width: 100%;
    margin-top: 35px
}

.or {
    text-align: center;
    margin-top: -11px;
    background-color: #fff;
    position: absolute;
    padding: 10px;
    top: -10px;
    margin-top: -20px;
    background-color: #fff;
    left: 45%;
    font-weight: 600;
    color: #807C7C
}

.facebook-sign {
    background-color: #546EA7;
    color: #fff;
    height: 50px;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    margin-top: 30px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600
}

.go-l {
    background-color: #FC7255
}

.go-l i {
    font-size: 22px !important;
    background-color: #FB6140 !important;
    padding: 0 15px !important;
    font-weight: 600;
    margin-top: 11px;
}

.facebook-sign i {
    float: right;
    font-size: 29px;
    padding: 0 18px;
    background-color: #034896;
    height: 100%;
    line-height: 47px;
    border-radius: 0 4px 4px 0
}

.logorotate {
    text-align: center;
    margin-top: 12px;
}

.logorotate img:hover {
    transform: rotateY(360deg)
}

button {
    outline: 0 !important;
}

#forgotForm label {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 0px;
}

#registerbox.login-boxd .col-lg-5 h2::before,
#registerbox.login-boxd .col-lg-5 h2::after {
    top: 119px !important;
    width: 19% !important
}

input.labelauty:checked+label {
    /* background-color: #1c1c1c !important; */
}

.labelauty-checked {
    display: none;
}

.labelauty-unchecked {
    display: none;
}


#verifyMobileForm {
    border-radius: 8px;
}

#verifyMobileModal {
    top: 85px;
    align-items: center !important;
    justify-content: center !important;
}








.forget-open {
    display: none
}

.forget-open input {
    margin-top: 0
}

.forget-open button {
    margin-top: 10px;
    font-size: 15px !important
}

.lginput-box input:focus {
    border-color: #1c1c1c
}

#sliderbox .fa-times,
#registerbox .fa-times {
    font-size: 20px;
    float: right;
    margin-top: 10px;
    color: #726B6B;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    margin-right: 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 0;
}

#registerbox .col-lg-5 {
    max-width: 450px;
    background: #fff;
    padding: 10px 30px !important;
    margin: 0px auto;
    /* margin-top: 25px; */
    border-radius: 4px;
    float: none;
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.login-boxd .col-lg-5 h2 {
    text-align: center;
    color: #4e4d4d;
    margin-bottom: 25px;
    font-size: 25px;
    font-size: 20px;
    font-weight: 600;
}

.login-boxd .col-lg-5 h2::before {
    background: transparent -moz-linear-gradient(right center, #7E7E7E 0%, #FFF 100%) repeat scroll 0 0;
    left: 0
}

.login-boxd .col-lg-5 h2::before,
.login-boxd .col-lg-5 h2::after {
    content: "";
    height: 1px;
    position: absolute;
    top: 115px;
    width: 20%
}

#register_form .all_setup {
    padding: 0px 20px;
}

#registerbox input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 45px;
    font-size: 13px;
    outline: 0 !important;
    width: 100%;
    border: none;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

#registerbox input:focus {
    border-color: #1c1c1c;
}

.all_setup {
    margin-bottom: 8px
}

.all_setup.password_input_box {
    position: relative;
}

.all_setup.password_input_box span {
    position: absolute;
    top: 15px;
    right: 10px;
}

.all_setup.password_input_box_sm span {
    position: absolute;
    top: 15px;
    right: 24px;
}

#registerbox .radio-inline {
    margin-left: 0;
    background-color: #F3F3F3;
    padding: 5px 8px 5px 25px;
    border: 1px solid #F3F3F3;
    border-radius: 3px;
    font-size: 14px;
    color: #2A2A19;
    font-weight: 500;
    margin-right: 5px
}

#registerbox .radio-inline input {
    width: auto;
    padding-right: 0;
    margin-right: 0 !important;
    position: absolute;
    left: 26px
}

.sign-term input {
    width: auto !important
}

.sign-term {
    /* margin: 0px 10px 0px 20px; */
    /* padding: 0px 40px; */
}

.sign-term small {
    font-size: 14px
}

.registerbtn button {
    background-color: #191e3e;
    border: medium none;
    padding: 8px;
    margin-left: 18px;
    margin-top: 8px;
    color: #FFF;
    font-size: 13px !important;
    border-radius: 3px;
    width: 91%;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.registerbtn button:last-child {
    background-color: #212121;
    color: #FFF
}

.postwork {
    min-height: 500px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 25px !important;
    padding-bottom: 30px;
    padding-left: 0
}

.link_add {
    color: #7ab3e4
}

.Extra-sp {
    font-size: 14px;
    color: #484848;
    padding-left: 25px;
    font-weight: 600;
}

.ql_postWork h1 {
    font-size: 17px;
    margin-bottom: 0px;
    border: none;
    padding: 0;
    border-radius: 0;
    display: inline-block;
    color: #fed24d;
    font-weight: 600;
}

.quickenlancer_conentbox ul li {
    font-size: 14px;
    color: #3e3d3d;
    line-height: 23px
}

.ql_postWork {
    background: #3e3e40;
}

.ql_postWork span {
    font-size: 18px;
    margin-bottom: 0px;
    border: none;
    padding: 0;
    border-radius: 0;
    color: #fed24d;
    font-weight: 600;
}

.ql_postWork p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 18px;
    font-weight: 600;
    font-style: italic;
}

.postwork .chosen-search {
    display: none
}

.block-left {
    border-left: 2px solid #ccc;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-top: 5px;
    position: relative
}

.block-left>.form-group {
    width: 100%
}

.mob-n-dropdown-menu {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.after-login ul li:last-child a:hover {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.after-login ul li:last-child:hover {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}


.block-left>.form-group>label::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 8px;
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #D2D3D2;
    border-radius: 14px;
    background: #F9F9F9 none repeat scroll 0 0
}

.input-project {
    border: 1px solid #CCC;
    width: 100% !important;
    border-radius: 0;
    height: 40px !important;
    border-radius: 3px
}

.QuickenDefaultBoxSelect {
    width: 100% !important;
    height: 37px;
    border-radius: 3px
}

.small_nt {
    margin: 0;
    font-size: 13px;
    line-height: 10px;
    color: #4b4b4b
}

#description {
    height: auto !important
}

.file-type {
    padding: 0 !important;
    margin-bottom: 13px
}

.fixed_div .form-control,
#hourly_div .form-control {
    height: 41px !important;
    border-radius: 3px
}

.bd-itlaic {
    font-size: 13px
}

.show_C a {
    color: #359EC0 !important;
    text-decoration: underline !important
}

.half-box {
    width: 17% !important;
    float: left
}

.scroll_business {
    position: relative;
    z-index: 9
}

.range-one {
    width: 25% !important;
    margin-left: 23px;
    border: 1px solid #ccc;
    border-radius: 0;
    float: left
}

.block-left .chosen-container {
    float: left
}

.to-range {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 43px
}

#demo1 {
    transition: 1s all !important
}

.activebdr {
    border-color: #1EC31E !important
}

.activebdr label::before {
    border: 3px solid #1EC31E !important
}

#openlogin {
    background-color: #191e3e;
    padding: 13px 17px;
    line-height: 9px !important;
    /* margin-right: 7px; */
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    width: 100px;
    text-align: center;
}

.oper-img img {
    float: right;
    margin-right: 67px
}

#openregister {
    background-color: #212121;
    padding: 12px 13px;
    line-height: 9px;
    color: #fff;
    border-radius: 3px;
    font-size: 13px
}

.login-box>ul {
    position: relative
}

.after-login ul li {
    padding: 15px 15px;
    float: none;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    /*color: #6F6161;*/
    color: #333;
    line-height: 8px;
    border-bottom: 1px solid #eaeaea;
    border-radius: 2px;
}

.after-login ul {
    border-radius: 0;
    margin-top: 2.9px
}

.after-login ul li:last-child {
    border-bottom: transparent !important;
}

.after-login ul a:hover {
    text-decoration: none !important
}

.after-login ul li:hover {
    /* background-color: #171f3d !important; */
    color: #fff
}


.after-login .btn-group.open .dropdown-toggle {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset !important
}

.post_project_form .project_area_box {
    margin-top: 0px;
}

.notify-vd {
    padding: 10px !important;
    color: #8a6d3b !important;
    border: 1px solid #faebcc !important;
    border-radius: 5px !important
}

.notify-vd b {
    font-weight: 700;
    font-size: 13px;
}

.payment_intruction {
    width: 50%;
    margin: 0px auto;
}

.profileers {
    height: 30px;
    border-radius: 50%;
    background-position: center center;
    background-size: contain;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    border: 1px solid #e2e8f0;
    width: 30px;
    /* margin-top: -7px; */
    margin-right: 6px
}

.project_tableer b {
    font-size: 13px !important;
}

.over-namc {
    position: absolute;
    z-index: 99999;
    display: block;
    height: 100%;
    width: 100%;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.72);
    color: #FFF;
    padding: 6px 7px;
    font-weight: 600;
    border-radius: 50%;
}

.over-namc i {
    line-height: 110px;
    font-size: 30px;
}

.img-main:hover .over-namc {
    display: block
}

.camera-edit {
    font-size: 23px !important;
    color: #C9C9C9;
    float: right;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 13px;
    text-shadow: 2px 2px 7px rgba(213, 208, 208, 0.5)
}

.camera-edit:hover {
    color: #fff
}

.usern-info h1 {
    float: left;
    position: relative
}

.usern-info h1 i {
    display: none;
    float: left;
    color: #a09e9e;
    cursor: pointer
}

.usern-info h1 span {
    float: left;
    color: #fff;
    margin-right: 11px
}

.usern-info:hover h1 i {
    display: block
}

.change-profiles {
    border: 1px solid #ccc;
    display: block;
    background-color: #fff;
    position: absolute;
    width: 200px;
    left: 100%;
    padding: 10px;
    box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 99;
}

.change-profiles .fa-caret-left {
    color: #fff;
    margin-left: -20px;
    display: none;
    font-size: 35px;
}

.edit-fgrp {
    margin-bottom: 1px
}

.edit-fgrp label {
    /* color: #7D7575; */
    font-size: 14px !important;
}

.ps-35 {
    padding-left: 25px;
}

.edit-fgrp input {
    border-radius: 0;
    height: 40px;
    font-size: 13px;
    margin-top: 3px;
    padding: 4px
}

.change-profiles .btn-xs {
    float: right;
    margin-top: 10px;
    margin-left: 10px
}

.careername .fa-briefcase {
    display: block !important;
    margin-right: 5px
}

.careername {
    font-size: 17px !important;
    font-weight: 100 !important;
    margin-top: 10px !important;
    margin-left: 2px !important;
}

.careername select {
    height: 28px;
    margin-bottom: 12px;
    font-size: 11px !important;
    padding: 1px !important
}

#proidopt {
    padding-top: 10px
}

.about-users p i {
    float: right;
    line-height: 21px;
    font-size: 17px;
    cursor: pointer;
    color: #757575;
    right: 0;
    position: absolute;
    top: 7px;
    right: 14px;
}

.user-rit .prg-count {
    background-color: #fff;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 1PX 10PX;
    margin-bottom: 11px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2)
}

.opt-profdescript {
    display: none;
    transition: 1ms ease
}

.opt-profdescript textarea {
    margin-bottom: 10px;
    border-radius: 0
}

.opt-profdescript button {
    float: right;
    margin-left: 10px
}

.about-userswork h2 i {
    float: right;
    font-size: 18px;
    cursor: pointer;
    color: #757575
}

.add-prjer .edit-fgrp {
    margin-bottom: 5px
}

.add-prjer {
    display: none;
    background: rgba(228, 228, 228, 0.12);
    padding: 5px 15px 15px;
    margin-bottom: 10px
}

.add-prjer .chosen-container-multi .chosen-choices {
    border-radius: 0px !important;
}

.profile-details i {
    float: right;
    cursor: pointer;
    color: #757575
}

.add-exper button {
    margin-top: 10px;
    float: right;
    margin-left: 10px
}

.add-exper {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: none;
    padding: 10px;
}

.Editor-editor {
    background: #fff
}

.add-exper .edit-fgrp {
    margin-bottom: 10px
}

#addallperd {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 17px;
    cursor: pointer;
    color: #757575;
    z-index: 9;
}

#verified-details {
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    /* padding-bottom: 52px; */
    width: 100%;
}

.login-process {
    border: 4px solid #5CB85C;
    border-radius: 3px;
    text-align: center;
    width: 350px;
    margin: 25px auto 0;
    background-color: #FFF;
    margin-top: 10%
}

.hidden-dekstop {
    display: none
}

.login-process a {
    color: #fff !important
}

.icon-process i.fa-check {
    text-align: center;
    margin-top: 23px;
    font-size: 50px;
    color: #5CB85C;
    border: 4px solid #5CB85C;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 75px
}

.error_process i.fa-times {
    text-align: center;
    margin-top: 23px;
    font-size: 50px;
    color: #CB3120;
    border: 4px solid #CB3120;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 75px
}

.error_process {
    border-color: #CB3120
}

.error_process p {
    color: #CB3120 !important
}

.error_process h2 {
    background-color: #CB3120 !important
}

.icon-process p {
    margin-top: 16px;
    font-size: 17px;
    color: #7E807E;
    padding: 0 20px;
    line-height: 20px;
    line-height: 30px
}

.quickenBusiness_formRight {
    padding: 10px
}

.quickenBusiness_formRight h3 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600
}

.quickenBusiness_formLeft .quickenn_normalButton {
    padding: 7px 15px
}

.more_linkopt small {
    text-decoration: underline
}

.quicken_hireRequestBlockone {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.quicken_hireRequestBlockone h2 {
    font-size: 13px;
    text-transform: capitalize;
    margin: 0;
    font-weight: 600
}

.quicken_hireRequest .fried_Req h5 {
    font-size: 13px;
    text-align: center
}

.quicken_hireRequestNo {
    padding: 10px
}

.quicken_hireRequest .left-sidebar {
    margin-bottom: 0 !important
}

.quicken_hireRequestPic {
    width: 50px;
    margin-bottom: 10px;
    font-weight: 600;
    float: left;
}

.quicken_hireRequestBody {
    text-align: left;
    float: left;
    width: 80%;
    padding-left: 12px;
    padding-top: 9px;
}

.quicken_hireRequestBody .btn {
    float: none !important;
    margin: auto
}

.quicken_hireRequestPic .image-sect {
    margin: auto;
    float: none
}

.quicken_hireRequest {
    padding-left: 0
}

.btn:focus {
    box-shadow: none !important
}

.quickenBusiness_formRight ul {
    padding-left: 20px
}

.quickenBusiness_formLeft .jFiler-input {
    width: 100% !important;
    line-height: 19px
}

.icon-process h2 {
    font-size: 15px;
    background-color: #5CB85C;
    color: #fff;
    padding: 15px;
    margin-bottom: 0;
    cursor: pointer
}

.ttl {
    margin: 0px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #191E3E;
    font-size: 22px;
    line-height: 40px;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
}

.heading-terms {
    margin: 0px !important;
    font-size: 18px;
}

.icon-process h2 a {
    color: #fff;
    outline: 0
}

.icon-process h2 a:hover {
    text-decoration: none
}

.d-view {
    display: none;
}

.icon-process h2 span {
    float: left
}

.icon-process h2 span i {
    font-size: 36px;
    line-height: 28px;
    margin-left: 10px
}

.chosen-select {
    height: 36px
}

.upgrade-details .offerheader .fa-caret-down {
    margin: 8% 41% !important
}

.pnik-box {
    border-color: #D51C98
}

.pnik-box .offerheader {
    background-color: #D51C98
}

.pnik-box .offerheader .fa-caret-down {
    color: #D51C98
}

.pnik-box .premium-btn button {
    background-color: #D51C98
}

.upgrade-details .offer-box {
    margin-right: 14px;
    width: 18.667%
}

.green-box {
    border-color: #7AC952
}

.green-box .offerheader {
    background-color: #7AC952
}

.green-box .offerheader .fa-caret-down {
    color: #7AC952
}

.green-box .premium-btn button {
    background-color: #7AC952
}

.bluer-box {
    border-color: #54A5E0
}

.bluer-box .offerheader {
    background-color: #54A5E0
}

.bluer-box .offerheader .fa-caret-down {
    color: #54A5E0
}

.bluer-box .premium-btn button {
    background-color: #54A5E0
}

.reder-box {
    border-color: #CE0049
}

.reder-box .offerheader {
    background-color: #CE0049
}

.reder-box .offerheader .fa-caret-down {
    color: #CE0049
}

.reder-box .premium-btn button {
    background-color: #CE0049
}

.upgrade-details .container {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
    margin-bottom: 50px
}

.upgarde-title {
    text-align: center;
    font-size: 40px !important;
    margin-bottom: 23px !important;
    color: #b0aaaa !important;
    margin-top: 0 !important
}

#myModal .modal-header {
    padding: 0
}

#myModal .close {
    font-size: 35px;
    margin-right: 6px;
    margin-top: 0
}

#myModal .skil-box1 {
    margin-bottom: 0
}

.section-clr .col-lg-9 {
    padding-right: 0
}

.bider-boxer label {
    background-color: #eaeaea;
    padding: 11px;
    float: left;
    color: #545151
}

.bider-boxer input {
    padding: 10px !important;
    border-radius: 0 !important;
    border: 1px solid #DADADA !important
}

.bider-boxer input:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.bider-boxer {
    width: 47%;
    position: relative
}

.bider-boxer span {
    background-color: #eaeaea;
    position: absolute;
    right: 0;
    height: 100%;
    font-size: 22px;
    padding: 10px;
    line-height: 20px;
    color: #545151
}

.feedback {
    background-color: #F08D0E;
    float: right;
    margin-top: -7px;
    margin-right: -1px;
    padding: 3px;
    padding-left: 13px;
    padding-right: 13px;
    padding-right: 14px;
    border-radius: 19px;
    border-color: #000
}

.errormsg {
    position: fixed;
    right: 1.5%;
    bottom: .8%;
    background-color: #FFAF99;
    width: 350px;
    min-height: 50px
}

.errormsg h1 {
    margin: 0 0 4px;
    padding: 10px;
    font-size: 15px;
    border-bottom: 1px solid #c21f1f;
    color: #c21f1f
}

.errormsg p {
    padding: 3px 10px;
    color: #c21f1f;
    font-size: 16px
}

.succcessmsg {
    position: fixed;
    right: 1.5%;
    bottom: .8%;
    background-color: #D7FEAA;
    width: 350px;
    min-height: 50px
}

.succcessmsg h1 {
    margin: 0 0 4px;
    padding: 10px;
    font-size: 15px;
    border-bottom: 1px solid #91e456;
    color: #52b30c
}

.succcessmsg p {
    padding: 3px 10px;
    color: #52b30c;
    font-size: 16px
}

.submit-postbtn {
    padding-left: 0;
    margin-top: 5px
}

.submit-postbtn button {
    background-color: #EC9007;
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 3px;
    color: #FFF;
    float: left;
    border-bottom: 3px solid #9E6C22 !important;
    border: 1px solid #EC9007;
    margin-bottom: 20px
}

.custome-boxmulti .file-type {
    width: 0 !important;
    margin-left: 5px !important;
    margin-right: 5px;
    vertical-align: bottom
}

.custome-boxmulti label {
    margin-bottom: 0;
    width: auto !important;
    line-height: 35px;
    padding: 0 10px 2px 0 !important;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    border-radius: 3px
}

.custome-boxmulti label iput:focus {
    outline: 0 !important
}

.radio-insider input {
    margin-bottom: 13px
}

.radlable1 {
    float: left;
    width: 80px !important;
    line-height: 20px;
    font-size: 13px !important;
    padding: 5px 6px 0 8px;
    border-radius: 3px;
    background-color: #585871;
    color: #fff !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    cursor: pointer;
    margin-right: 8px
}

.radlable2 {
    float: left;
    width: 130px !important;
    background-color: #ccc;
    line-height: 20px;
    font-size: 13px !important;
    padding: 5px 6px 0 8px;
    border-radius: 3px;
    background-color: #585871;
    color: #fff !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    cursor: pointer
}

.onclickdurt {
    margin-bottom: 15px
}

.price-range {
    width: 140px !important
}

.onclickdurt>label {
    width: 100%
}

.notsures p {
    padding-top: 16px;
    float: left
}

#hourly_div {
    background: #f6f6f6;
    padding: 10px 15px;
    border-radius: 3px;
    display: block;
    transition: 1s ease
}

.postwork .jFiler-input {
    width: 100% !important
}

.total-round {
    /* height: 69px; */
    width: 28%;
    float: left;
    margin-right: 25px;
    padding: 0;
    border-right: 1px solid #ccc;
}

.total-round h5 {
    font-size: 14px;
    margin: 17px 0 0;
    text-align: center;
    color: #565a6f !important;
    font-weight: 500 !important;
}

.total-round h6 {
    margin: 5px 0 0;
    text-align: center;
    font-size: 15px;
    color: #313131 !important;
    font-weight: 600 !important;

    word-break: break-all;
}

.bider-pop .modal-body {
    width: 100%;
    margin: 0 auto
}

.your-bid {
    background-color: #E19E38;
    cursor: pointer
}

.your-bid h1 {
    font-size: 17px !important;
    color: #fff;
    font-weight: 600;
    line-height: 38px
}

.total-round input {
    width: 79%;
    border: medium none;
    padding: 0;
    text-align: center;
    margin-left: 9px;
    margin-top: 4px;
    padding: 3px 0
}

.absoulute-infoer {
    background-color: #FFF;
    display: block;
    height: 23px;
    width: 127px;
    position: absolute;
    top: 31%;
    right: 100px;
    left: 108%;
    box-shadow: 0 0 2px rgba(82, 185, 29, 0.78);
    display: none
}

.absoulute-infoer .headerover {
    background-color: #2ECE5D;
    color: #FFF;
    height: 23px;
    font-size: 12px;
    text-align: left;
    padding: 3px 6px;
    font-weight: 600
}

.bider-pop .modal-footer .btn-primary {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    font-weight: 600;
    padding: 8px 20px;
    font-size: 13px;
}

.iti__country-list {
    max-width: 300px !important;
}

.bdr-none {
    border: none;
}

.bider-pop .modal-footer .btn-primary:hover {
    background-color: #1d1d1d;
    border-color: #1d1d1d
}

.slider-downer h4 {
    font-size: 14px;
    color: #191E3E;
    font-weight: 600;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 13px;
    text-align: left;
}

.inputer-sk {
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    padding: 11px 11px;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 3px;
    height: 45px !important;
    font-weight: 600;
    outline: 0;
}

.inputer-sk:focus {
    border-color: #898989 !important
}

.slider-downer textarea {
    width: 100%;
    margin-top: 15px;
    border: 1px solid #ccc;
    outline: 0;
    padding: 5px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    padding-left: 10px;
}

.slider-downer textarea:focus {
    border-color: #696959 !important
}

.bider-coin {
    width: 45%;
    float: left;
    border: 1px solid #CCC;
    position: relative;
    height: 42px;
    margin-top: 22px;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}

.bider-coin input {
    width: 80%;
    border: none;
    height: 100% !important;
    padding-left: 5px;
    outline: none;
}

.bider-coin span {
    position: absolute;
    right: 0;
    font-size: 13px;
    background-color: #191E3E;
    border: 1px solid #191E3E;
    width: 12%;
    text-align: center;
    color: white;
    height: 100%;
    line-height: 40px;
    font-weight: 500;
}

.dev-absr {
    background: #fff;

    margin-top: 0px;
    border-radius: 8px;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 15px 20px;
}




.adderbder {
    border-color: #41C24C !important
}

#myimage .modal-header h1 {
    margin: 0;
    font-size: 20px;
    color: #514f4f
}


.user_menu {
    display: none;
    position: absolute !important;
    background-color: #fff;
    z-index: 999;
    width: 155px !important;
    top: 46px !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
    right: 0;
    padding-left: 0
}

.my-conn-sec .xs-pd-all-0 {
    padding: 0px !important;
}

.recently_userd .extra_row.CentralizedRow {
    margin-left: 0px;
    margin-right: 0px;
}

.set-public label {
    color: #7D7575;
    font-size: 12px
}

.chat-hassle-free {
    padding-bottom: 50px;
}

.set-public input {
    width: 0;
    float: left;
    margin-top: -3px;
    margin-right: 5px
}

.projecterror {
    color: #fff;
    position: absolute;
    top: 44%;
    min-width: 190px;
    left: 100%;
    background-color: #000;
    color: #fff;
    padding: 3px 9px;
    display: none
}

.projecterror i {
    color: #000;
    position: absolute;
    left: -7px;
    font-size: 20px
}

.fixed_div .projecterror {
    top: 60%;
    left: 78%
}

#example_length {
    display: none !important
}

#example_filter label {
    background-color: #5A5A5A;
    padding: 8px 10px;
    color: #FFF;
    clear: both;
    width: 100%;
    float: left;
    border-radius: 3px
}

#example_filter input {
    padding: 7px;
    margin: -54px -14px -16px 9px;
    border: 1px solid #CCC;
    width: 95.5%;
    color: #000;
    border-left: 0;
    border-radius: 0 3px 3px 0
}

#example_filter {
    clear: both
}

.black_adder.black_teshu {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.82);
    transition: 1s ease
}

.position-seeker .dropdown-menu {
    margin-top: -1px;
    border-radius: 0
}

.black_adder.black_teshu i {
    color: #fff;
    position: absolute;
    right: 1%;
    font-size: 23px;
    top: 3%
}

.my-bids {
    position: absolute;
    right: 45px;
    padding: 0px 0px !important;
}

.opt-usermenu {
    line-height: 30px !important;
    padding: 7px 0;
    background-color: transparent !important;
}

/* .my-bids span {
    float: left
} */

.after-login .btn-default {
    border: none !important;
    border-color: transparent !important;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
}

.after-login .btn-default:hover:hover,
.after-login .btn-default:focus {
    border: none !important;
    background-color: transparent !important;
}

.my-bids p {
    float: left;
    margin-left: 10px;
    background-color: rgba(50, 41, 30, 0.91);
    border-radius: 50%;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    height: 30px;
    min-width: 30px;
    font-weight: 500;
    padding: 1px 2px;
    position: absolute;
    right: 5%;
    top: 10%
}

.my-bids ul {
    background-color: #FFF;
    /* box-shadow: 0 2px 11px rgba(0, 0, 0, 0.43); */
    /* box-shadow: rgba(221, 221, 221, 0.25) 0px 50px 100px -20px, rgba(193, 193, 193, 0.3) 0px 30px 60px -30px, rgba(44, 44, 45, 0.35) 0px -2px 6px 0px inset; */
    width: 400px;
    position: absolute;
    top: 52px;
    right: -5px;
    z-index: 60;
    display: none;
    padding: 0;
    border-radius: 0px 4px 4px;
    z-index: 998;
    border: 1px solid #dfdfdf;
}

.seT-performanceRate .circliful {
    float: left
}

.seT-performanceRate .circle-text {
    color: #797474 !important
}

.performanceRateInfo {
    float: left;
    width: 68%;
    padding: 7px 0 0 8px
}

.quicken_MobiBox {
    display: none
}

.quicken_publicRate {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 139px;
    background: #15150f;
    width: 150px;
    padding: 7px 14px 0
}

.about-container {
    padding-bottom: 20px;
}

.panel-body {
    /* background-color: rgba(98, 93, 93, 0.9); */
    width: 100%;
    height: 100%
}

.wrapper_SetBox .panel-body {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-bids ul li {
    width: 100%;
    padding: 0
}

.about-userswork .about-left {
    margin-bottom: 15px
}

.my-bids .panel-body .col-lg-4 {
    text-align: center;
    padding: 0;
    border-right: 1px solid #fff
}

.my-bids .panel-body .col-lg-4 h4 {
    font-size: 13px;
    margin: 0;
    font-weight: 600
}

.my-bids .panel-body .col-lg-4 h5 {
    margin: 8px 0 0;
    font-size: 16px
}

.menu-bard.active {
    position: fixed;
    top: 60px;
    width: 100%
}

.head-main.active .inner-set {
    display: none
}

.no-bidsyet {
    height: 100%;
    text-align: center
}

.no-bidsetr {
    padding: 10px !important;
    height: 130px !important
}

.no-bidsyet button {
    color: #fff;
    background-color: #090808;
    border: 1px solid #fff;
    padding: 9px 10px;
    border-radius: 3px;
    float: none;
    line-height: normal !important
}

.no-bidsyet h4 {
    color: #757575;
    font-size: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.skilin-bid {
    padding: 15px 10px;
    border-bottom: 1px solid rgba(209, 209, 209, 0.18)
}

.update_data img {
    margin-bottom: 10px;
    height: 80px
}

.quickenn_normalButton {
    margin-bottom: 0 !important
}

.right-her {
    padding: 0 !important;
    width: 100% !important
}

.right-her h4 {
    color: #3B3B3B;
    font-size: 15px;
    margin: 0;
    padding-left: 6px;
    font-weight: 500;
    line-height: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%;
}

.br-bager {
    width: 55px !important;
    height: 55px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    float: left;
    border-radius: 50%;
    margin-top: 3px
}

.right-her h5 {
    color: #007bb1;
    font-size: 12px;
    margin: 0;
    padding-left: 7px;
    margin-top: 3px
}

.right-her h5 span {
    float: none;
    color: #007bb1;
}

.subscriber_s {
    background-color: #ccc;
    height: 350px;
    background-position: center;
    background-size: cover;
    box-shadow: 3px 10px 0 176px rgba(0, 0, 0, 0.6) inset
}

.subscribe_area {
    margin-bottom: 25px
}

.subscriber_s {
    padding: 70px 0
}

.subscriber_s .subscribe_ql {
    text-align: center;
    color: #FFF;
    text-shadow: 0 1px #FFF;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 33px
}

.subs-field {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    height: 50px;
    margin-top: 35px;
    border-radius: 3px;
    border: 3px solid #656565;
    background-color: rgba(0, 0, 0, 0.62);
    color: #fff
}

.project-dis .chosen-container-multi .chosen-choices {
    min-height: auto;
    line-height: 30px;
    /*height: auto;*/
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-color: #ccc !important;
    /*height: 43px;*/
    overflow-y: scroll;
}

.project-dis .chosen-container .chosen-results li {
    padding: 10px 8px;
}

.chosen-container .chosen-results li.highlightedL:hover {
    transition: .1s ease !important
}

.chosen-container .chosen-results li.highlighted {
    background-color: #090808 !important;
    transition: 0 ease !important;
    color: #FFF
}

.project-dis .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 12px !important
}

.project-dis .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 1px 5px 3px 0;
    padding: 6px 22px 7px 10px;
    height: 35px;
    margin-top: 2px;
    line-height: 22px;
    font-weight: 600;
}

.subs-field input {
    width: 77.9%;
    float: left;
    height: 100% !important;
    background-color: transparent;
    border: none;
    padding-left: 12px
}

.msg-error h4 {
    margin: 0;
    font-size: 13px;
    color: #cf1212;
    padding-top: 5px;
    font-weight: 600
}

.subs-field button {
    background-color: #F6B805;
    border: medium none;
    width: 22.1%;
    font-weight: 600;
    color: #FFF;
    font-size: 17px;
    float: left;
    height: 45px
}

.subscriber_s p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 50%;
    margin: 0 auto
}

.project-portal {
    min-height: 400px
}

.work_ones {
    border-width: 3px 2px 2px;
    border-style: solid;
    border-color: #f9ba48 #EFEFEF #EFEFEF;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    min-height: 130px;
    margin-bottom: 85px;
    border-radius: 3px
}

.project-portal h2 {
    text-align: center;
    color: #5d5d5d;
    font-size: 28px;
    margin-bottom: 85px;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.work-lgo {
    background-image: url(../images/flag.png);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 62px;
    background-repeat: no-repeat;
    font-size: 38px;
    background-color: #f1f1f1;
    text-align: center;
    margin: -51px auto 0;
    float: none;
    background-position: center
}

.work-lgo i {
    display: none
}

.work_ones h4 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
    margin-top: 9px;
    color: #5d5d5d;
}

.work_ones p {
    text-align: center;
    margin-bottom: 19px;
    padding: 5px 10px;
    color: #737373;
    font-size: 13px
}

.work-lgo span i {
    font-style: normal;
    font-size: 22px;
    font-weight: 600
}

.home_prj {
    border: 4px solid #E0E0E0;
    height: 150px
}

.title-home {
    text-transform: capitalize;
    font-family: Montserrat-Bold;
    text-align: center;
    color: #353535;
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.bid_0er {
    padding: 50px 0px;
}

.home_prj {
    margin-bottom: 35px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.53)
}

.home_prj h3 {
    font-size: 14px;
    color: #595656;
    background-color: #e0e0e0;
    padding: 9px 3px;
    margin: -10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600
}

.home_prj .col-lg-8 {
    padding: 0;
    margin-top: 20px
}

.home_prj .col-lg-8 p {
    font-size: 12px;
    margin-bottom: 3px;
    color: #000
}

.home_prj .col-lg-8 p span {
    color: #21B603;
    vertical-align: top
}

.home_prj .quicken_profilepics4 {
    padding: 0;
    height: 65px;
    width: 65px;
    margin-top: 22px;
    background-position: center;
    float: right;
    background-size: cover
}

.dol_homer {
    font-size: 25px;
    color: #ccc
}

.prj-bdj {
    font-size: 19px !important;
    margin-top: 1px
}

.basic_inf li {
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden
}

.corner-acer {
    position: absolute;
    width: 85px;
    height: 88px;
    top: 0;
    right: 10px;
    overflow: hidden
}

.corner-child {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    transform: rotate(45deg);
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: #555;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.mobiler-1 {
    border: 11px solid #383737;
    height: 350px;
    width: 200px;
    background-color: #FFF;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.33);
    border-radius: 3px;
    margin-left: 25px;
    float: left;
    position: relative
}

.mobiler-2 {
    width: 200px;
    background-color: #FFF;
    border-radius: 3px;
    margin-left: 25px;
    left: 35%;
    position: absolute;
    border: 3px solid #CCC;
    height: 340px;
    margin-top: 55px
}

.footer-mobi {
    height: 50px;
    width: 100%;
    background-color: #383737;
    position: absolute;
    bottom: 0;
    text-align: center
}

.footer-mobi i {
    color: #fff;
    font-size: 33px;
    line-height: 53px
}

.header-mobi {
    height: 20px;
    width: 100%;
    background-color: #383737;
    text-align: center;
    padding-top: 3px
}

.doter-boxe {
    height: 6px;
    width: 35px;
    background-color: #fff;
    text-align: center;
    margin: 0 auto
}

.logo-apper {
    text-align: center
}

.logo-apper i {
    font-size: 55px;
    margin-top: 63px;
    margin-bottom: 3px;
    border-radius: 50%;
    width: 85px;
    line-height: 36px;
    border: 2px solid #3BAA18;
    padding: 20px;
    height: 85px;
    color: #3BAA18;
    transition: all 1s ease 0;
    animation-duration: 1000ms;
    animation-name: bfa;
    animation-iteration-count: infinite;
    animation-delay: 1s
}

.app-soon:hover .logo-apper i {
    transform: rotateY(360deg) !important
}

.logo-apper .fa-apple {
    color: #626262;
    border: 2px solid #626262
}

.logo-apper img {
    text-align: center
}

.quicken_AboutProfileBlock h4 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    width: 50%;
    margin: 10px auto
}

.button-apple {
    background-color: #413C3C;
    border-radius: 2px;
    height: 50px;
    width: 150px;
    margin: 9px auto
}

.button-apple i {
    font-size: 25px;
    color: #fff
}

.mobiler-2 .footer-mobi {
    background-color: #ccc !important;
    height: 30px !important
}

.mobiler-2 .header-mobi {
    background-color: #ccc !important;
    height: 27px !important
}

.mobiler-2 .footer-mobi .fa-bars {
    font-size: 17px;
    float: left;
    margin-left: 15px;
    line-height: 30px
}

.mobiler-2 .footer-mobi .circle2r {
    font-size: 23px !important;
    line-height: normal !important;
    margin-top: 3px !important
}

.mobiler-2 .footer-mobi .fa-home {
    float: right;
    font-size: 25px;
    margin: -10px 12px 0 0
}

.all-setting i {
    margin-left: 2px;
    font-size: 16px
}

.all-setting.active {}

.app-soon ul {
    padding-left: 10px;
    margin-top: 15px
}

.app-soon ul li {
    font-size: 17px;
    list-style: outside none circle;
    line-height: 33px
}

.app-soon .col-lg-8 h1 span {
    color: #ED6909
}

.all-setting {
    height: 100%;
    position: fixed;
    left: 0%;
    right: 0%;
    width: 100% !important;
    height: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.89);
    width: 100%;
    z-index: 999;
}

.inner-set {
    float: right;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 6px 10px;
    color: #fff;
    border-radius: 0 0 4px 6px;
    margin-top: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600
}

.disp-sett {
    display: none
}

.all-setting .col-lg-3 {
    height: 152px;
    margin-top: 19px;
    text-align: center;
    transition: 1s all;
    width: 33%;
    cursor: pointer
}

.all-setting .col-lg-3:hover {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.5);
    background-color: rgba(47, 44, 44, 0.6)
}

.all-setting .col-lg-3 i {
    font-size: 65px;
    margin-top: 18px;
    color: #D7D7D7
}

.ql_profileSet {
    font-size: 16px
}

.project_headers {
    background-color: #fff;
    border-radius: 3px;
}

.no_colo {
    background-color: #fff;
    margin-top: 5px
}

.project_headers .col-lg-3 {
    text-align: center;
    border-right: 1px solid #ccc;
    height: 46px
}

.project_headers .col-lg-3:last-child {
    border-right: none !important
}

.project_headers .col-lg-3 label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 2px
}

.project_headers .col-lg-3 p {
    font-size: 15px;
    margin-bottom: 0;
    padding: 0;
    color: #5CB85C;
    font-weight: 600;
}

.project_headers .updateCount-col p {
    font-size: 15px;
    margin-bottom: 0;
    padding: 0;
    color: #5CB85C;
    font-weight: 600;
}

.project_body {
    background-color: #fff;
    border-radius: 3px;
}

.bid_profiles {
    background-color: #fff;
    border: 1px solid #eee;
    margin-bottom: 15px;
    border-radius: 6px;
    overflow: hidden;
    border: double 1px transparent !important;
    border-radius: 6px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}

.bid_profiles .image-sect {

    margin: 0px auto;
    float: none;
    width: 70px;
    height: 70px;
    background-size: contain;
    /* shows full image */
    background-position: center;
    background-repeat: no-repeat;
}

.bid_profiles .inner-rights {
    width: 100%;
}

.ql_VerfiedDetails {
    padding: 10px;
    background-color: #94e4a15c;
    color: #045a12a3;
    font-weight: 600;
    font-size: 13px;
    margin-top: -14px;
    margin-bottom: 0;
}

.bid_profiles .inner-rights h2 {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    text-align: center;
    margin-top: 10px;
}

.posts_buy {
    background-color: #F5F7FA;
    margin: 0;
    padding: 10px 5px;
    font-size: 14px;
    color: #313131;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border-image-slice: 1;
}

.bid_profiles .block-one {
    border: none
}

.skiller_box h3 {
    background-color: #F5F7FA;
    color: #383737;
    font-size: 14px;
    padding: 5px;
    margin: -10px -10px 7px;
    padding: 11px 10px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

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

.recently_userd .boot-table {
    margin-top: 0px;
    z-index: 9;
}

.recent_table tr td:last-child {
    padding: 10px 0px !important;
}

.recent_table .uea_right {
    margin-left: 0px;
    padding: 20px 15px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 13px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    display: flex;
    gap: 18px;
    position: relative;
}

.hire-card-details {
    min-height: 275px !important;
}

.load-more-new {
    width: auto !important;
}

.recent_table .uea_right .TimesImg {
    margin-top: 2px;
    margin-bottom: 10px;
}

.recent_table .uea_right .Notify-bg {
    height: 50px;
    width: 50px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border-radius: 100%;
    padding: 12px;
    flex: none;
    /* margin-bottom: 10px; */
}

.nty-x {
    margin: auto 0px;
}

.recent_table .uea_right .CreaTedOn {
    position: absolute;
    right: 25px;
    top: 15px;
}

.skiller_box {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 13px;
    border-radius: 6px;
    overflow: hidden;
}

.bid_profiles .block-one {
    margin-bottom: 15px;
    position: relative;
}

.bid_profiles img {
    position: absolute;
    right: 6px;
    top: 4px;
}

.skiller_box ul {
    padding: 0;
    margin-bottom: 0
}

.skiller_box ul li {
    padding-left: 0;
    font-size: 13px;
    line-height: 30px;
    list-style: none
}

.project_file ul li {
    list-style: none;
    cursor: pointer
}

.project_file ul {
    padding-left: 0
}

.project_file ul li i {
    margin-right: 5px
}

.pro-descript .middel-pdetails {
    margin-top: 16px;
    padding: 15px 10px
}

.pro-descript .inner-rights h2 {
    font-size: 15px !important;
    margin: 0 0 2px !important;
    border: none;
    padding: 0;
}

.pro-descript .inner-rights p {
    font-size: 13px !important
}

.project-dis .comment-ser {
    padding: 12px 10px 0px 10px;
    margin-bottom: 10px;
}

.payent_methodd .container {
    padding-top: 7em;
    padding-bottom: 7em
}

.middel-icon_box {
    text-align: center
}

.middel-icon_box .fa-lock {
    font-size: 90px;
    position: absolute;
    right: 5%;
    top: -10%;
    border: 6px solid;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    background-color: #fff;
    line-height: 105px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    color: #595959
}

.middel-icon_box .fa-credit-card {
    font-size: 220px;
    color: #5C5C5C
}

.middel-icon_box h1 i {
    margin-right: 6px;
    font-size: 37px
}

.middel-icon_box h1 {
    margin: 0;
    font-size: 31px;
    color: #22A50E;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(210, 210, 210, 0.68)
}

.middel-icon_box p {
    line-height: 18px;
    margin-top: 10px;
    font-weight: 600
}

.left_iconer img {
    margin-top: 52px;
    height: 138px;
    border: 1px solid #DADADA;
    padding: 26px 23px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28)
}

.right_iconer img {
    margin-top: 52px;
    height: 147px;
    border: 1px solid #DADADA;
    padding: 26px 9px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
    float: right
}

.box_upgradeinfo {
    border: 1px solid #99F857;
    padding: 5px;
    min-height: 50px;
    background-color: #E4FFD6;
    margin-top: 10px
}

.box_upgradeinfo p {
    font-weight: 100;
    color: #99F857
}

.upgarde-not button {
    background-color: #36AE40;
    padding: 5px 18px;
    font-size: 17px;
    border: medium none;
    margin-top: 10px;
    color: #FFF;
    border-radius: 3px
}

.upgarde-not button:hover {
    background-color: #35BC40
}

.Click_update {
    position: absolute;
    z-index: 5;
    right: 2%;
    color: #fff;
    font-size: 14px;
    top: .5%;
    display: none;
    font-weight: 600
}

.lgs-9:hover .Click_update {
    display: block !important
}

.over-namc {
    display: none
}

.over-namc:hover {
    display: block !important
}

.skill_plug .form-control {
    width: 100% !important
}

.login_process_over {
    position: fixed;
    background-color: rgba(12, 12, 12, 0.74);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999
}

.close_loginboxsd {
    color: #fff;
    z-index: 999;
    cursor: pointer;
    position: absolute;
    right: 2%;
    font-size: 33px !important;
    top: 3%
}

.close_continue {
    color: #fff;
    z-index: 999;
    cursor: pointer;
    position: absolute;
    right: 2%;
    font-size: 33px !important;
    top: 3%
}

.feed_backer_btn {
    background-color: #4086ba;
    color: #FFF;
    border: medium none;
    padding: 6px 8px;
    border-radius: 3px;
    position: absolute;
    right: 2%;
    top: 23px
}

.feedBox_leftmodule {
    padding: 0
}

.feed_backer_btn i {
    margin-right: 5px
}

.feedBox_type i {
    font-size: 52px;
    color: #837A7A
}

.feedBox_type {
    text-align: center;
    padding: 26px 0 25px 0;
    transition: 1s ease;
    cursor: pointer;
    border-bottom: 1px solid #000
}

.feedBack_name {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 8px;
    color: #fff
}

.best_feedback .middel-pdetails {
    background-color: transparent;
    margin-top: 25px
}

.best_feedback .block-one {
    margin-top: 13px;
    background-color: #FFF;
    border: medium none;
    transition: 1s ease;
    transition: all 1s ease 0;
    border-bottom: 3px solid #E1E1E1;
    border-radius: 3px
}

.no_feedback {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff
}

.XS_menuBar {
    display: none
}

#feedback_form .col-lg-7 {
    margin-top: 30px
}

#feedback_form .col-lg-7 input {
    width: 100%;
    margin-bottom: 14px;
    height: 41px;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    border-radius: 3px
}

#feedback_form textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc;
    border-radius: 3px
}

#feedback_form p {
    color: #5A5959
}

.loader-div {
    font-size: 12px;
    background-color: #BAEDAA;
    padding: 5px 10px;
    border: 1px solid #7EBD25;
    color: #417204;
    margin-top: 0;
    width: auto !important;
    float: left;
    border-radius: 2px;
    margin-bottom: 10px
}

.font_loader {
    text-align: center;
    font-size: 35px !important;
    display: none;
    margin-top: 15px
}

.my_work {
    /* background-color: #fff; */
    padding-top: 0px;
    min-height: 500px;
}

.list_project {
    padding: 8px;
}

.list_project h4 {
    font-size: 15px;
    margin: 0;
    /* border-radius: 3px 4px 0 0; */
    color: #171717;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
    background: #dfdfdf;
    color: #0e0e0e;
    padding: 14px 10px;
    margin: -16px -16px 11px -16px;
    border-radius: 8px 6px 0px 0px;
    text-transform: capitalize;
    border-bottom: 1px solid #f5f3f3;
}

.project_des {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #484747;
}

.list_project ul {
    padding-left: 0
}

.list_project ul li {
    list-style: none;
    margin-bottom: 7px;
    font-size: 13px;
    width: 100%
}

.project_describe {
    display: block;
    font-size: 14px;
    line-height: 21px;
    display: inline;
}

.list_project .labler {
    font-weight: 600;
    margin-right: 5px;
    float: left;
    font-size: 14px;
    color: #191919;
    display: inline-block;
}

.list_project ul li ul li {
    float: left;
    padding: 1px 7px;
    background-color: #E9E9E9;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 12px;
    width: auto !important;
    margin-bottom: 0px;
}

.min_cost {
    color: #3aaf38;
}

.status_project h2 {
    font-size: 13.5px;
    font-weight: 600;
    margin: 5px 0;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0
}

.more_status {
    background-color: #F8F8F8;
    min-height: 80px;
    padding: 4px 6px;
    margin-top: 10px;
    border-radius: 3px
}

.more_status table td {
    font-size: 13px;
    vertical-align: top;
    padding-bottom: 6px
}

.button_status_ch button {
    background-color: #387EAB;
    border: medium none;
    float: right;
    color: #FFF;
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 2px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 8px
}

.more_status table td span {
    color: #000;
    font-weight: 600
}

.lancer_nm {
    color: #0F98EF !important
}

.project_list_post {
    background-color: #fff;
    border-radius: 8px;
    padding: 8px 8px;

    margin-bottom: 7px;
    border: 1px solid #d0d0d0;
    box-shadow: rgba(221, 221, 221, 0.25) 0px 50px 100px -20px, rgba(193, 193, 193, 0.3) 0px 30px 60px -30px, rgba(44, 44, 45, 0.35) 0px -2px 6px 0px inset;
}

.project_list_post1 {
    margin-top: 100px;
}

.purchesd_by .imp-skert p i {
    color: #ECAD18
}

.purchesd_by .imp-skert p {
    margin-bottom: 0
}

.lancer_performancer .prg-count {
    margin: 0;
    padding: 0
}

.lancer_performancer .progress {
    margin-bottom: 15px
}

.lancer_performancer h3 {
    font-size: 14px !important;
    margin: 0;
    margin-bottom: 8px
}

.collaper {
    display: none
}

.status_diver .progress {
    margin-bottom: 8px
}

.canvas_div p {
    margin-bottom: 8px
}

.collaper.in {
    display: block
}

.caption .label {
    width: 168px;
    display: block;
    margin: auto;
    padding: 9px;
    font-size: 13px;
    color: #fff
}

#rating_pop .modal-title {
    font-size: 16px
}

.notification_cr i {
    font-weight: 600;
    font-size: 22px;
    margin-right: 12px;
    padding-top: 9px
}

.notification_cr {
    position: absolute;
    right: 0;
    top: 3%;
    padding: 0px 10px !important;
    /* margin-right: 70px; */
}



.counter_not {
    border-radius: 50%;
    position: absolute;
    top: 5%;
    background-color: #e10707;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 21px;
    font-size: 11px;
    right: 2px;
    color: #fff;
}

.fried_Req .block-one {
    border: none
}

.fried_Req h5 {
    padding: 13px 10px;
    font-size: 14px;
    font-weight: 500;
}

.fried_Req .inner-rights h2 {
    margin-bottom: 7px;
    font-size: 13px
}

.fried_Req .inner-rights button {
    border-radius: 3px
}

.fried_Req {
    margin-bottom: 0
}

.fried_Req .image-sect {
    width: 50px;
    height: 50px;
    border: none
}

.acce_pt {
    background-color: #696969 !important
}

.button_status_ch p {
    margin-top: 1px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600
}

.workbtn.active p {
    color: #fff
}

.workbtn:hover p {
    color: #fff
}

.feedBox_type {
    border: 4px solid rgba(0, 0, 0, 0)
}

.feedbackBox_content .modal-footer {
    padding: 0
}

.feed_type {
    float: right
}

#degignation_span {
    font-weight: 400;
}

.quicken_LanguageType .fa-trash-o {
    position: absolute;
    color: rgba(84, 84, 84, 0.69);
    cursor: pointer;
    /* z-index: 99; */
    top: 77px;
}

.quickensub_feed p {
    margin: 3px 0;
    font-size: 12px
}

.quickensub_feed p span {
    font-weight: 600
}

.feed_type img {
    height: 55px
}

.quciken_profilecoment {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2)
}

.feed_type h6 {
    margin: 0;
    text-align: center;
    margin-top: 4px;
    font-weight: 600
}

.box-example-1to10 {
    float: left;
    margin-left: 25px;
    margin-top: 5px
}

.ideal_boxz h3 {
    font-size: 19px
}

#rating_pop .modal-dialog {
    width: 400px;
    margin: 50px auto
}

.rec_ratz {
    width: 300px;
    margin: 0 auto;
    float: none;
    height: 150px;
    text-align: center
}

.img_usertg {
    height: 80px;
    width: 80px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    background-position: center center;
    background-size: 100% auto;
    margin-bottom: 10px
}

.rec_ratz {
    margin-bottom: 20px
}

#rating_pop .modal-body {
    height: 218px;
    overflow-y: hidden
}

.star-rating .caption {
    width: 100%;
    margin-top: -33px
}

.rec_ratz h1 {
    margin: 0;
    font-size: 16px;
    margin-top: 6px;
    font-weight: 600
}

.rec_ratz p {
    font-style: italic;
    color: #686868;
    font-size: 13px;
    margin-bottom: 0
}

.rec_ratz .star_rates {
    margin-top: -15px
}

.quickenBusiness_formRight ul li {
    margin-bottom: 7px
}

.fried_Req h5 span {
    float: right;
    margin-left: 8px;
    background-color: #3F3D3D;
    padding: 4px 7px;
    border-radius: 2px;
    font-size: 13px;
    margin-top: -3px;
    cursor: pointer
}

.dont_req {
    padding: 10px 15px;
    font-size: 14px;
    margin: 0
}

.hire_listReq h2 {
    margin-bottom: 0 !important
}

.online_Stats p {
    font-size: 13px;
    margin-bottom: 0
}

.it_works {
    background-color: #000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.it_worksMode {
    position: absolute;
    top: 140px;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center
}

.it_worksLogin {
    position: absolute;
    top: 24%;
    margin: auto;
    left: 10%;
    right: 0;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    bottom: 0;
    width: 232px;
    padding-left: 10px;
    padding-right: 10px
}

.it_worksSteps3 {
    background-color: #f5f5f5
}

.arrow_end i {
    display: none;
    margin-top: -76px;
    font-size: 55px;
    color: #f5f5f5
}

.noti_infotd p a {
    font-size: 13px;
    color: #191E3E;
    font-weight: 400;
    line-height: 16.9px;
}

.arrow_end {
    text-align: center
}

.arrow_end.active i {
    display: block
}

.it_worksSteps2 {
    padding: 80px 0;
    text-align: center
}

.it_worksSteps2 h2 span,
.it_worksSection h3 span,
.it_worksSectionImg h3 span {
    font-size: 18px;
    color: #8a8989
}

.it_worksStepsBox {
    background-color: #f5f5f5;
    min-height: 160px;
    border-radius: 3px;
    cursor: pointer;
}

.it_worksStepsBox .corner-child {
    font-size: 12px
}

.it_worksStepsBox p {
    font-size: 13px;
}

.it_worksSteps2 h2,
.it_worksSection h3 .it_worksSectionImg h3 {
    font-size: 25px;
    margin-bottom: 50px;
    line-height: 26px;
    text-transform: capitalize
}

.it_worksCenter .it_worksSectionImg h3 {
    margin-bottom: 30px;
    margin-bottom: 30px;
    text-transform: capitalize
}

.it_worksSectionCenter {
    padding: 25px;
    margin: auto;
    float: none
}

.it_worksLeft .it_worksSection {
    text-align: left
}

.it_worksLeft .it_worksSectionImg {
    text-align: right
}

.bgcolor_white {
    background-color: #fff
}

.it_worksCenter .it_worksSectionImg {
    text-align: center !important;
    padding-top: 0
}

.it_worksCenter {
    padding: 40px 0
}

.it_worksRight .it_worksSection {
    text-align: left
}

.it_worksRight .it_worksSectionImg {
    text-align: left
}

.it_worksRight {
    background: #fff
}

.it_worksSectionCenter ul li {
    color: #4c4c4c;
    line-height: 26px;
    list-style: none;
    font-size: 14px;
    font-weight: 600
}

.it_worksSectionCenter ul {
    padding-left: 34px
}

.it_worksSection h3 {
    margin-bottom: 10px;
    font-size: 22px
}

.it_worksSection ul li {
    color: #4c4c4c;
    line-height: 22px;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px
}

.it_worksSection ul {
    padding-left: 5px
}

.it_worksLeft {
    padding: 40px 0
}

.it_worksSectionImg {
    padding-left: 0;
    text-align: right
}

.it_worksSectionImg img {
    margin: auto
}

.it_worksLogin ul li {
    margin-bottom: 6px;
    color: #636363
}

.it_worksLogin ul {
    margin: 0
}

.it_worksLogin h3 {
    font-size: 12px;
    margin: 0 0 10px;
    font-size: 13px;
    padding-left: 26px;
    font-weight: 600
}

.it_works h2 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: 3px;
    margin-top: 30px
}

.it_works p {
    text-align: center;
    color: #e8e8e8;
    margin: auto;
    width: 50%
}

.unfriend_quicken:hover {
    color: #716f6f !important
}

.unfriend_quicken {
    color: #adabab !important
}

.sign-term label {
    padding-left: 0
}

.login_div .checkbox>label {
    padding: 0
}

.laber_opt ul {
    width: 100%;
    padding-left: 0
}

.ViewList_Hire {
    padding-left: 0
}

.more_linkopt {
    font-size: 14px !important;
    text-decoration: underline;
    color: #5d5d5d !important
}

.ViewList_Hire .mail-box {
    margin-bottom: 0
}

.laber_opt ul li {
    list-style: none;
    float: left;
    margin-right: 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    padding: 7px 8px 2px 9px;
    font-weight: 600
}

.complain {
    /* margin-top: 50px;
    margin-bottom: 50px;    */
    background: #fff;
    /* border-radius: 12px;
  padding-top: 30px; */
}

.edit-fgrp .chosen-container {
    width: 100% !important;
    height: 40px;
}

.edit-fgrp .chosen-container-single .chosen-single {
    height: 40px;
    background: none;
    line-height: 40px;
    border-radius: 5px !important;
    /* border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important; */
}

option:disabled {
    background-color: #d9d9d9c9 !important;
}

.mobile .chosen-container-single .chosen-single {

    border-radius: 0 !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    height: 40px !important;
}

.edit-fgrp .chosen-container-single .chosen-single div {
    top: 8px;
}

.skill_dropdown .chosen-container {
    width: 100% !important;
    height: 40px;
}

.skill_dropdown .chosen-container-single .chosen-single {
    height: 40px;
    background: none;
    line-height: 40px;
}

.skill_dropdown .chosen-container-single .chosen-single div {
    top: 8px;
}

.show_details .chosen-container {
    width: 100% !important;
    height: 40px;
}

.show_details .chosen-container-single .chosen-single {
    height: 40px;
    background: none;
    line-height: 40px;
}

.show_details .chosen-container-single .chosen-single div {
    top: 8px;
}

.error_class {
    color: red;
    font-size: 14px;
    font-style: italic
}

.hr_me {
    background-color: #ccc;
    float: right;
    margin-top: 10px;
    margin-left: 25px;
    background-color: #4086BA;
    color: #FFF;
    border: medium none;
    padding: 6px 8px;
    border-radius: 3px;
    width: 100px
}

.feed_backer_btn .caret {
    margin-left: 4px
}

.feed_backer_btn>button {
    background-color: transparent;
    border: none;
    width: 100%
}

.btn-group.open .dropdown-toggle {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.125) inset
}

.user_timeliner {
    min-height: 130px;
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    position: relative
}

.quickenBusiness_form {
    /* background-color: #f3f3f3; */
    padding: 20px 0
}

.quickenBusiness_formLeft {
    /* background-color: #fff;
    border-radius: 2px;
    padding: 0px;
    padding-bottom: 20px; */
    width: 48.8%;
    box-shadow: none !important;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 25px 20px;
}

.freelisting_beni h2 {
    font-family: Montserrat-Bold;
    font-weight: 700;
    color: #191E3E;
    font-size: 34px;
    line-height: 45.04px;
    margin-bottom: 35px;
}

.freelisting_beni ul {
    padding-left: 0px;
    margin-top: 18px
}

.freelisting_beni li {
    list-style: none;
    line-height: 38px;
    width: 50%;
    float: left;
    font-family: Montserrat-Medium;
    font-weight: 600;
    color: #191E3E;
}

.freelisting_beni li img {
    width: 25px;
}

.quickenlancer_conentbox {
    margin-top: 0px;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); */
    border-radius: 8px;
}

.quickenBusiness_form {
    height: auto;
    padding: 0px;
    position: relative;
}

.post_third_box .prev_level {
    margin-top: 0px;
}

.business_overlay {
    /*position: absolute;*/
    left: 0%;
    right: 0%;
    top: 0%;
    /* background: #103c1475; */
    background: #191e3ea3;
    bottom: 0%;
    height: auto;
    width: 100%;
    padding-top: 35px;
}

.freelisting_beni p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 15px;
    line-height: 22.68px;
    margin-top: 15px;
    color: #353B43;
}

#profiler .form-control:not(textarea) {
    height: 45px;
    margin-bottom: 0;
    border: 1px solid #D9D9D9;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    height: 40px !important;
}

#profiler textarea.form-control {
    height: 105px;
}

.quickenBusiness_formLeft h1 {
    font-size: 18px;
    font-family: Montserrat-SemiBold;
    line-height: 29.16px;
    font-weight: 600;
    color: #191E3E;
    margin-top: 0px;
}



.quickenBusiness_formLeft hr {
    margin-top: 14px
}

.port-pholio {
    padding-top: 0px !important;
}

.port-pholio .heading_new {
    margin-top: 15px;

}

.add-prjer1 {
    display: flex;
    flex-wrap: wrap;
}

.port-pholio .bredcrumb {
    margin-bottom: 15px;
}

.liners {
    font-size: 16px;
}

.popup-content h4 {
    font-size: 14px;
}

.popup-content .no-data {
    font-size: 12px;
}

.line-content {
    padding-bottom: 10px;
}

.absoluter_der {
    background: #fff;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.31); */
    /* margin-top: -120px; */
    border-radius: 8px;
    margin-bottom: 60px;
    padding: 15px 20px;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.absoluter_der ul li {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 5px !important;
    background: #d7f0ff !important;
    padding: 4px 6px !important;
    margin: 2px 0px !;
    font-weight: 600 !important;
    color: #5b6678 !important;
    font-size: 12px !important;
    line-height: 20px;
}

.absoluter_der h3 {
    color: #000;
    margin: 0px;
    margin-bottom: 12px;
}

.absoluter_der ul {
    padding: 0;
    margin: 0
}

.absoluter_der ul li {
    list-style: outside none none;
    float: left;
    color: #0F0F0F;
    margin-right: 5px;
    background-color: #ccc;
    font-size: 12px;
    padding: 10px 8px;
    border-radius: 3px;
    background: #fff;
    /* border: 1px solid #424141; */
    font-weight: 600;
}

.paddleft_z {
    padding-left: 0
}

.paddright_z {
    padding-right: 0
}

.imager_upd {
    height: 100px;
    width: 130px;
    background-size: cover;
    border-radius: 3px;
    float: right;
    margin-top: 15px;
    position: relative;
    box-shadow: -1px 2px 8px #090909;
    cursor: zoom-in
}

.content_textarea {
    padding: 10px 0;
    min-height: 400px;
    overflow-y: hidden;
}

.content_textarea p {
    text-align: justify;
    line-height: 25px;
    word-break: break-all
}

.view_imag {
    background-color: rgba(0, 0, 0, 0.69);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    transition: 300ms ease;
    color: #fff;
    width: 100%;
    text-align: center
}

.view_imag h1 {
    font-size: 13px;
    font-weight: 600;
    margin: 0
}

.view_imag i {
    padding-top: 25px;
    margin-bottom: 5px;
    font-size: 18px
}

.imager_upd:hover .view_imag {
    opacity: 1;
    height: 100%
}

.showsw_img {
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    float: none
}

.custome-cls {
    position: absolute;
    right: 2%;
    font-size: 35px !important;
    color: #FFF;
    top: 2%;
    cursor: pointer
}

.showsw_img img {
    border-radius: 3px;
    display: block;
    max-width: 100%;
    height: auto
}

.all_setup .msg-error h4 {
    margin: 0;
    font-size: 13px;
    color: #cf1212;
    padding-top: 5px;
    font-weight: 600
}

.block-left .chosen-container {
    width: 100% !important
}

.Hire_listQuicken {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e7e7e7;
    padding: 30px 20px;
    position: relative;
    margin-top: 24px;
    text-align: center
}

.hire_profileList_Describe h3 {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 3px;
    font-weight: 600
}

.hire_profileList_Describe p {
    font-size: 11px;
    margin-bottom: 0;
    font-size: 11px;
    margin-bottom: 0;
    word-break: break-all
}

.subject_hire span {
    font-weight: 600
}

.subject_hire {
    font-size: 13px !important
}

.hire_listbtn .btn {
    position: absolute;
    top: 15px;
    right: 15px
}

.hire_profileListBg {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px
}

.hire_profileList {
    width: 100px !important;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    margin-top: 3px
}

.block-left .chosen-container-multi .chosen-choices {
    min-height: 37px;
    padding: 4px 10px
}

.icon_pend {
    padding-right: 0
}

.icon_pend i {
    border-radius: 50%;
    color: #fff;
    background-color: #73BC4D;
    font-size: 45px;
    height: 80px;
    width: 80px;
    line-height: 77px;
    text-align: center
}

.still_not h3 {
    font-size: 13px;
    margin: 0 0 4px;
    font-weight: 600;
}

.still_not p a {
    color: #337AB7 !important
}

.still_not p {
    font-size: 13px;
    margin-bottom: 2px !important;
}

.still_not .icon_pend {
    padding-left: 0
}

.still_not .imp-skert {
    padding-left: 3px
}

.file_zones li {
    list-style: none
}

.file_zones {
    padding-left: 0 !important
}

.file_zones h6 {
    font-weight: 600
}

.multifile_uploder button {
    background-color: #61AD72;
    border: medium none;
    color: #FFF;
    border-radius: 3px;
    padding: 3px 8px;
    float: right
}

.userlogin .all_setup input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 45px;
    font-size: 13px;
    outline: 0 !important;
    font-weight: 600;
}

#successForgot {
    margin-top: -8px;
    margin-bottom: 0
}

.uea_left {
    width: 100%;
    /* height: 70px; */
    border-radius: 50%;
    display: flex;
    text-align: start;
    padding: 10px 0px;
    line-height: 0px;
    font-size: 38px;
    /* background-color: #e6e6e6; */
    color: #FFF;
    float: left
}


.uea_right {
    float: left;
    width: 70%;
    margin-left: 5px;
    padding: 5px
}


.uea_right h2 {
    font-size: 14px;
    margin: 0 0 6px;
    font-weight: 700;

    color: #191E3E;
    list-style: 20.8px;
}

.note-style,
.note-para,
.note-table,
.note-view {
    display: none;
}

.uea_right ul {
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 10px;
}

.per_hour_rate_mobile {
    display: none;
}

.uea_right ul li:first-child {
    background-color: transparent;
    padding: 0;
    margin-left: 0
}

.uea_right ul li {
    list-style: outside none none;
    display: inline-block;
    padding: 2px 0;
    border-radius: 3px;
    font-size: 13px;
}

.uea_right p {
    font-family: 'Montserrat-Medium';
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 5px;
    /* padding-top: 10px; */
    line-height: 20px;
    color: #191E3E;
    font-weight: 400;
}

.uea_right_right {
    width: 3%;
    float: left;
    text-align: right;
}

.uea_right_right {
    /* height: 45px; */
    padding: 10px 0px;
    /* background-color: #e9e9e9; */

    width: 29% !important;
    /* margin-top: 14px; */
    border-radius: 2px;
    text-align: right;
    /* border: 1px solid #ccc; */
    /* position: relative; */
}

.uea_right_right h1 {
    font-size: 14px;
    margin: 5px 0;
    width: 100%;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
}

.uea_right_right p {
    position: absolute;
    font-size: 15px;
    width: 100%;
    font-weight: 600;
    margin-bottom: 0
}

.uea_right_right button {
    padding: 5px 7px;
    font-weight: 500;
    margin-top: 5px !important;
    float: right;
    border: 1px solid #191e3e;
    color: #191e3e;
    font-family: Montserrat-Medium;
    border-radius: 3px;
    font-size: 13px;
    margin-left: 8px;
    background: #fff;

}

.inner_start_new .buttons_attach {
    padding: 5px 7px;
    font-weight: 500;
    margin-top: 5px !important;
    float: right;
    border: 1px solid #191e3e;
    color: #191e3e;
    font-family: Montserrat-Medium;
    border-radius: 3px;
    font-size: 13px;
    margin-left: 8px;
    background: #fff;

}

.inner_start_new .buttons_attach:hover {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%);
    border: 1px solid #191e3e !important;
}

.uea_right_right .chatButton {
    padding: 5px 7px;
    font-weight: 500;
    margin-top: 5px !important;
    float: right;
    border: 1px solid #b7d7f9;
    color: #191e3e;
    font-family: Montserrat-Medium;
    border-radius: 3px;
    font-size: 13px;
    margin-left: 8px;
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%);

}

.uea_right_right .sendProposal {
    background-color: #ffffff !important;
    /* border-color: #191E3E; */

    color: #191e3e;
    background: none;


}

.uea_right_right button:hover {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%);
    border: 1px solid #191e3e !important;
}

.already-bidded {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%);
    border: 1px solid #191e3e !important;
}

.CarrybtnsDiv {
    /* margin-top: 50px; */
    margin-top: 0;
    position: absolute;
    bottom: 15px;
    top: unset;
    right: 15px;
    display: flex;
    flex-direction: row-reverse;
}

@media(max-width:1024px) {
    .uea_right_right {

        border: none !important;

    }

    .search-project-order.search-project-record {
        margin: 0px !important;
    }

    /* .search-project-row .find-project {
        margin-top: 25px !important;
    } */
}

.table-bordered {
    border: none
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 0px solid #ffffff00 !important;
}

.select_box_act .col-lg-3 {
    margin: 10px auto;
    float: none;
    width: auto
}

.active_height {
    height: 100% !important
}

.want_change_pass {
    width: 30%;
    margin: 5% auto;
    float: none
}

.want_change_pass input.form-control {
    margin-bottom: 0
}

.want_change_pass span {
    color: #3c3b3b;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0px;
}

.want_change_pass input {
    border: none;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-top: 7px;
    padding: 8px 8px;
    color: #101010;
    /* background-color: transparent; */
    margin-bottom: 10px;
    position: relative;
    z-index: 999;
    border-radius: 3px;
}

.want_change_pass input:focus {
    box-shadow: 0 0 0 0 transparent !important
}

.want_change_pass .col-lg-12 {
    position: relative;
    margin-top: 8px
}

.want_change_pass .remove_error_div>p {
    text-align: left;
    padding-left: 14px
}

.canceler p {
    text-decoration: underline
}

.want_change_pass button {
    background-color: #1b1a1a;
    color: #fff;
    /*padding: 10px 35px;*/
    padding: 10px 59px;
    border-radius: 5px !important;
    margin-bottom: 10px;
    border: none;
    float: left;
    margin-right: 11px;
    margin-top: 10px;
}

@-moz-document url-prefix() {
    .want_change_pass button {
        margin-right: 5px;
    }
}

.want_change_pass .col-lg-3:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5) !important;
    background-color: rgba(47, 44, 44, 0.6)
}

.want_change_pass p:hover {
    cursor: pointer
}

.uigh_left {
    height: 60px;
    width: 60px;
    color: #FFF;
    background-color: rgba(242, 136, 18, 0.65);
    border-radius: 50%;
    text-align: center;
    line-height: 53px;
    font-size: 23px;
    font-weight: 600;
    float: left
}

.notification_box ul {
    float: none;
    padding: 0
}

.notification_box ul li {
    list-style: outside none none;
    width: 25%;
    float: left;
    margin-bottom: 29px;
    padding: 15px;
    height: 150px
}

.it_worksEclipse p {
    color: #4c4c4c;
    line-height: 20px;
    list-style: none;
    font-size: 13px;
    font-weight: 600;
    padding-top: 25px;
    width: 50%;
    margin: auto
}

.faq_section h2 {
    margin: 0;
    padding: 19px 10px;
    background: #ffffff;
    border-radius: 3px;
    color: #3c3c3c;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

.faq_block {
    /* margin-top: -110px; */
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    border-radius: 8px;
}

.it_worksMode small {
    color: #8a8989;
    padding-left: 26px;
    font-weight: 600;
    margin: 10px 0
}

.faq_block {
    display: none;
}

.faq_block.active {
    display: block;
    min-height: 415px
}

.col_activer {
    cursor: pointer
}

.right_uight {
    float: left;
    text-align: left;
    width: 78%
}

.accodian_boxDetails.active {
    display: block
}

.right_uight p {
    margin-bottom: 0;
    color: #FFF;
    line-height: 21px;
    font-size: 14px;
    padding-left: 6px
}

.noti_infotd {
    padding-right: 0 !important;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.right_uight p span {
    color: #41CBE9
}

.notification_boxg .col-lg-12 {
    margin-top: 80px;
    overflow: auto;
    max-height: 600px;
    height: auto
}

.accodian_box {
    border: 1px solid #ccc;
    margin-bottom: 3px;
    border-radius: 3px
}

.accodian_box .accodian_boxHeader {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    background-color: #ffffff;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
}

/* .faq_details {
    padding-top: 34px
} */

.accodian_box hr {
    margin: 8px 0;
    border-top: 1px solid #bbb
}

.accodian_boxDetails {
    font-size: 14px;
    padding: 10px;
    display: none
}

.accodian_boxHeader .caret {
    position: absolute;
    right: 14px;
    top: 22px
}

.it_worksEclipse {
    text-align: center
}

.it_worksEclipse img {
    margin: auto
}

.right_uight p a {
    color: #fff !important
}

.notification_boxg {
    height: 100%;
    top: 0;
    z-index: 999;
    position: fixed;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.92);
    display: block
}

.notification_box {
    width: 100%;
    padding-top: 40px
}

.sear_bazr {
    border-radius: 3px;
    border: 1px solid #868080;
    position: fixed;
    width: 96%;
    margin-bottom: 49px;
    height: 49px;
    left: 2%
}

.sear_bazr input {
    background-color: transparent;
    height: 100% !important;
    border: medium none;
    width: 100%;
    float: left;
    color: #fff;
    padding-left: 10px
}

.sear_bazr i {
    color: #868080;
    vertical-align: middle;
    text-align: right;
    line-height: 46px;
    float: right;
    padding-right: 25px;
    font-size: 24px;
    position: absolute;
    right: -1%
}

.tt-spna {
    font-size: 12px !important
}

.notification_boxg>i {
    font-size: 25px;
    color: #fff;
    float: right;
    margin-right: 24px;
    margin-top: 5px;
    cursor: pointer;
    position: fixed;
    right: 0
}

.not_found_box {
    /* background-image: url(../images/no_data_found.jpg);; */
    height: 100%;
    margin-top: 30px;
    position: relative;
}

.no_data_img {
    margin: 0 auto;
    max-height: 200px;
}

.not_found_box p {
    color: #9db1c0;
    text-align: center;
    margin-top: -65px;
}


.lancer_lt {
    padding-right: 0
}

.posted_works {
    padding-left: 0
}

.default_msger {
    padding: 15px 0px;
    font-size: 15px;
    font-weight: 600;
}

.default_msger p {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 100;
}

.default_msger p a {
    font-size: 14px;
    margin-top: 5px;
    color: #2196F3 !important;
    font-weight: 100;
    text-decoration: underline !important;
}

.default_msger i {
    height: 40px;
    border-radius: 50%;
    width: 40px;
    text-align: center;
    line-height: 39px;
    margin-right: 8px;
    background-color: #3eb3db;
    color: #fff;
    font-size: 19px
}

.select_subcatgory {
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    margin-bottom: 15px
}

.select_subcatgory h2 {
    background-color: #EDEDED;
    margin: 0;
    font-size: 13px;
    padding: 10px 7px;
    text-transform: capitalize;
    font-weight: 600
}

.repeate_boxc {
    margin-bottom: 5px
}

.select_subcatgory ul li {
    list-style: none;
    line-height: 23px;
    font-size: 14px
}

.select_subcatgory ul {
    display: none;
    background: #ededed;
    border-radius: 3px;
    padding: 10px;
    margin-top: 10px
}

.repeate_boxc h6 {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 5px;
    cursor: pointer
}

.repeate_boxc ul li i {
    margin-right: 5px
}

.jobslider .dropdown-menu>li>a {
    display: block;
    padding: 7px 20px
}

.jobslider .text {
    margin-bottom: 0
}

.btn:focus {
    outline: opx !important
}

.postwork .select {
    height: 40px;
    padding: 10px
}

.look_whoare .comment_new {
    margin-bottom: 10px;
}

.bider-pop .modal-dialog {
    /* margin: 30px auto; */
    width: 655px
}

.bid_fileu {
    height: 41px;
    padding: 0;
    margin-top: 15px
}

#bidderSkills_error_p,
#mstone_details_error_p {
    margin: 0;
    font-size: 13px;
    color: #cf1212;
    padding-top: 5px;
    text-transform: capitalize;
    font-weight: 600
}

#mstone_amount {
    margin-bottom: 0;
    outline: 0;
    font-weight: 600;
    font-size: 13px;
}

.for_hire .img-responsive {
    height: 450px;
    width: 100%;
}

.tim_sd p {
    font-size: 20px;
    text-align: justify;
    color: #716d6d
}

.tim_sd ul {
    margin: 15px auto auto;
    padding: 0
}

.tim_sd ul li {
    list-style: outside none none;
    line-height: 40px;
    font-size: 18px;
    color: #6c6b6b
}

.find_job {
    background-color: rgba(248, 248, 248, 0.38)
}

.loged_btn button:last-child {
    margin-left: 6px;
    background-color: #191e3e;
}

.forgt-pass a {
    color: #318AC3 !important
}

.comment-ser .inner-start {
    float: left
}

.comment-ser .inner-rights {
    float: left
}

.comment-ser .inner-left {
    float: left;
    width: 20%;
    text-align: center;
}

.alldder {
    /*float: right;*/
    padding: 4px 15px;
    background-color: #191e3e;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    width: auto;
    font-weight: 600
}

.pop_search h4 {
    float: left;
    margin: 0;
    font-size: 15px;
    color: #DEDEDE;
    margin-right: 15px;
    line-height: 28px
}

.pop_search ul li {
    cursor: default;
    list-style: outside none none;
    color: #9E9B9B;
    display: inline-block;
    padding: 5px 15px 0 0;
    font-size: 14px
}

.app-soon {
    background-size: cover;
    background-position: center;
    min-height: 595px;
    position: relative
}

.abs_divasw {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%
}

.quicken_AboutProfileBlock p {
    color: #e0e0e0;
    font-size: 12px;
    font-weight: 600
}

.quicken_AboutProfileArrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    bottom: -32px;
    margin: auto;
    left: 0;
    right: 0
}

.quicken_AboutProfileCover {
    height: 130px;
    width: 130px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    line-height: 125px
}

.quicken_AboutLayoutSrc {
    background: #424141;
    color: #fff;
    padding-top: 2px;
}

.quicken_AboutMainWhite {
    padding: 40px 0
}

.quicken_AboutMainBlock h3 {
    font-size: 27px;
    color: #6f6e6e;
    margin-bottom: 10px;
    margin-top: 0
}

.quicken_AboutMainBlock p {
    font-size: 15px;
    color: #847c7c
}

.quicken_AboutMainGra {
    background: #f2f2f2;
    padding: 40px 0
}

.quicken_AboutMainImg {
    text-align: center
}

.quicken_AboutProfileBlock {
    text-align: center
}

.quickentmake_businessFlat {
    background: #000;
    height: 400px;
    width: 300px
}

.background_colorBaner {
    width: 280px
}

.quickentmake_businessSlider {
    background: rgba(255, 255, 255, 0.92);
    position: absolute;
    left: 0;
    height: 50px;
    right: 0;
    top: 0;
    height: 70%;
    width: 221px;
    left: 43px;
    top: 85px
}

.quickentmake_businesheader {
    background-color: #333;
    height: 27px;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    color: #fff;
    text-align: Center
}

.quickentmake_businessSlider .carousel-inner h3 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #353535;
    line-heigt: 20px !important
}

.quickentmake_businessSlider .carousel-inner img {
    margin: auto;
    text-align: center;
    margin-top: 52px
}

.itemcarousel_wrapper {
    width: 100%;
    text-align: center
}

.itemcarousel_wrapper .btn {
    float: none;
    padding: 6px 16px
}

.quickentmake_businessBaner {
    margin-top: 30px
}

.quickentmake_businessBanerText h2 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 42px;
    letter-spacing: 7px;
    padding-top: 135px;
    line-height: 52px
}

.quickentmake_businessBanerText p {
    color: #d2cbcb;
    width: 81%;
    text-align: center;
    margin: auto;
    line-height: 22px
}

.quickentmake_businessBanerText {
    text-align: center
}

.quickentmake_businessbtn:hover {
    background-color: rgba(240, 175, 20, 0.93);
    transition: .4s ease
}

.quickentmake_businessbtn {
    transition: 1s ease;
    text-align: center;
    margin-top: 34px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    display: inline-block;
    padding: 15px 20px;
    text-transform: uppercase
}

.make_business {
    min-height: 540px;
    background: rgba(50, 41, 30, 0.65)
}

.quickentmake_Terms {
    padding: 40px 0 0;
    background: rgba(233, 233, 233, 0.6)
}

.quickentmake_Terms h4 {
    font-size: 28px;
    color: #464444
}

.quickentmake_Terms h3 {
    color: #9e1600
}

.quickentmake_TermsLast {
    min-height: 300px;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 64px 0 6px
}

.quickentmake_TermsLast .container {
    position: relative;
    text-align: center
}

.quickentmake_TermsLast p {
    width: 48%;
    margin: auto;
    font-size: 19px;
    color: #ccd1d2
}

.quickentmake_TermsLast .quickenn_normalButton {
    float: none;
    margin-top: 15px;
    padding: 9px 35px
}

.quickentmake_TermsLast h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #fff
}

.quickentmake_TermsLast .make_businessBlr {
    background-color: rgba(0, 0, 0, 0.45)
}

.quickentmake_mission {
    text-align: center
}

.quickentmake_TermsList li {
    list-style: none;
    font-size: 19px;
    color: #676565;
    line-height: 30px
}

.quickentmake_TermsList {
    padding-left: 5px
}

.quickentmake_Terms h4 i {
    position: absolute;
    top: 3px;
    margin-left: 5px;
    color: #797878;
    font-size: 21px
}

.quickenSizeCenter {
    text-align: center;
    padding-top: 50px
}

.quickenn_leftgradiant {
    height: 450px;
    background: -moz-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, rgba(12, 237, 278, 1) 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -webkit-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, rgba(12, 237, 278, 1) 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -webkit-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, rgba(12, 237, 278, 1) 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -o-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, rgba(12, 237, 278, 1) 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -ms-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, rgba(12, 237, 278, 1) 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, rgba(12, 237, 278, 1) 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%)
}

.quickenn_rigtgradiant {
    height: 450px;
    background: -moz-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, #3cd681 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -webkit-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, #3cd681 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -webkit-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, #3cd681 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -o-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, #3cd681 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: -ms-linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, #3cd681 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%);
    background: linear-gradient(182deg, rgba(255, 245, 255, 0) 0%, #3cd681 173%, rgba(0, 176, 215, 1) 57%, rgba(0, 218, 240, 7) 73%)
}

.quickenwhat_are h3 {
    color: #848484
}

.quickenn_workFlow {
    margin-bottom: 50px
}

.attachments_btn_btn {
    line-height: 2;
}

.open-freshness label {
    line-height: 15px !important;
}

.quickenn_workFlow p {
    font-size: 13px;
    color: #797878
}

.quickenn_workFlow img {
    height: 100px;
    margin-top: 0
}

.quickenn_workFlow h3 {
    font-size: 18px
}

.quickenn_workFlow {
    padding-top: 25px
}

.make_businessBlr {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.58);
    position: absolute
}

.quickentmake_businessUses h2 {
    text-align: center;
    font-size: 29px;
    margin-bottom: 50px;
    padding-top: 20px;
    text-transform: uppercase;
    color: #5a5a5a
}

.make_business {
    position: relative
}

.quicken_AboutProfile .heading {
    text-align: center;
    margin-bottom: 22px;
    font-size: 25px;
    text-align: left;
}

.img_apps {
    text-align: Center
}

.img_apps img {
    height: 400px;
    margin-top: 20px
}

.abs_divasw h2 {
    text-align: center;
    color: #FFF;
    letter-spacing: 2px;
    margin-top: 40px;
    text-transform: uppercase;
}

.abs_divasw p {
    text-align: center;
    color: #f9ba48
}

.right_Ars h4 {
    font-size: 19px;
    margin-bottom: 7px;
    color: #FFF;
    margin-top: 30px
}

.right_Ars p {
    text-align: left;
    color: #ccc;
    font-size: 13px;
    margin-top: 8px
}

.repeaters {
    margin-bottom: 5px
}

.app_xon {
    padding-top: 30px
}

.left_Ars {
    padding-top: 10px
}

.left_Ars img {
    text-align: center;
    margin: 0 auto
}

.right_applcsf {
    padding-top: 30px
}

.appl_btner {
    width: 50%;
    margin: auto;
    text-align: center;
    padding-top: 11px
}

.appl_btner img {
    height: 60px
}

.default_chatebox {
    min-height: 400px;
    background-color: #fff;
    margin-top: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    text-align: center;
    position: relative
}

.chat_bubbble {
    height: 150px;
    margin-top: 20px
}

.logls_box {
    height: 45px;
    margin-top: 0
}

.default_chatebox h2 {
    margin-top: 13px;
    font-size: 18px
}

.people_box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.leftchater {
    padding-left: 0
}

.rightchatter {
    padding-right: 0
}

.quick_contact h2 {
    font-size: 19px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 28px;
    margin-top: 0;
    font-weight: 600;
}

.reach_us {
    padding: 20px;
    border-radius: 3px;
    text-align: center;
    border-radius: 3px
}

.reach_us img {
    text-align: Center;
}

.reach_us h3 {
    margin-bottom: 5px;
    margin-top: 10px;
    color: #4d8e12;
    font-size: 15px;
    font-weight: 600;
}

.reach_us p {
    font-size: 17px
}

.maps_view {
    margin-top: 15px;
    padding-left: 0
}

.pad_leftz {
    padding-left: 0
}

.pad_rightz {
    padding-right: 0
}

.write_us {
    margin-top: 15px;
    padding-right: 0px;
}

.write_us input {
    height: 50px !important;
    margin-bottom: 20px !important
}

.pad_allz {
    padding: 0
}

.enq_bnt button {
    background-color: #151413;
    border: medium none;
    padding: 8px 34px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
}

.cmser_us {
    padding-bottom: 40px
}

.def_cont {
    /* margin-bottom: 30px; */
    margin-bottom: 60px;
}

.look_whoare.middel-pdetails {
    margin-top: 10px;
    padding: 0;
}

.bid_prx {
    text-align: center;
    margin-bottom: 0;
    /*padding-right: 10px;*/
    /*padding-right: 23px;*/
    font-weight: 600
}

.remove_error_div>p {
    margin: 0;
    font-size: 13px;
    color: #CF1212 !important;
    padding-top: 5px;
    font-weight: 600;
}

#bid_project .imp-skert {
    width: 86%
}

.show_allbid {
    /* margin-top: 20px; */
    background-color: transparent
}

.show_allbid h2 {
    padding: 0 !important;
    color: #695E5E;
    margin: 0;
    border-bottom: none
}

.file_boxde {
    max-height: 100px;
    height: auto;
    overflow: auto;
    /*margin-top: 5px*/
}

.file_boxde ul {
    margin-bottom: 0
}

.prive_t h5 {
    margin: 0;
    font-weight: 600;
    float: left;
    padding-top: 5px
}

.inner_bnt {
    float: right
}

.inner_bnt button {
    background-color: #272623;
    border: medium none;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    margin-top: -7px
}

.prive_t {
    background-color: #f3f3f3;
    padding: 10px;
    margin: 5px -11px 0 -10px
}

.show_allbid .comment-ser {
    padding: 0 10px !important;
    margin-top: 10px !important;
    border: none
}

.sry_dontes h2 {
    font-size: 15px;
    margin-bottom: 15px
}

.subparent_shower .pro-descript {
    padding-left: 0
}

.ll_lister {
    background-color: #fff
}

/* .recently_userd {
    margin-bottom: 30px
} */

.new_project_coming {
    margin-top: 20px
}

/* .recently_userd .boot-table {
    padding-right: 15px
} */

.recently_userd #example_filter input {
    width: 93%
}

.new_project_coming {
    padding: 0
}

.new_project_coming h3 {
    margin: 0;
    background-color: #1a1919;
    font-size: 13px;
    padding: 10px;
    color: #fff;
    font-weight: 600
}

.jobposted {
    padding: 10px 10px 0;
    margin-bottom: 5px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.jober_box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    font-size: 31px;
    background-color: #3EB3DB;
    margin-bottom: 8px;
    color: #FFF;
    float: left
}

.smdg_right {
    float: left;
    margin-left: 5px;
    padding: 5px
}

.smdg_right h2 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 6px
}

.smdg_right ul {
    padding-left: 0;
    margin-bottom: 0
}

.smdg_right ul li:first-child {
    background-color: transparent;
    padding: 0;
    margin-left: 0
}

.smdg_right ul li {
    list-style: outside none none;
    display: inline-block;
    padding: 2px 0;
    border-radius: 3px;
    font-size: 12px
}

.foot_recomd {
    background-color: #E1E1E1;
    min-height: 25px;
    margin: 0 -11px -10px;
    padding: 10px 5px
}

.foot_recomd .pull-right button {
    background-color: #1a1919;
    border: medium none;
    color: #fff;
    border-radius: 2px;
    margin-top: -6px;
    font-weight: 600 !important;
    padding: 6px 15px
}

.newser_box {
    margin: 0;
    padding: 0
}

.newser_box li {
    list-style: none
}

.class_recenter {
    background-color: #FBFBFB;
    text-align: center;
    padding: 9px 10px 15px
}

.class_recenter img {
    height: 52px
}

.class_recenter h2 {
    margin: 6px 0 0;
    font-size: 20px;
    color: #505050;
    text-align: left;
}

.no_uler {
    margin: 0;
    padding: 0;
    border: 1px solid #EFEFEF
}

.no_uler li {
    list-style: none
}

.recent_workEnable {
    margin-top: 0;
    height: 50px;
    width: 50px;
    background-size: 61%
}

.no_uler h2 {
    margin: 0;
    font-size: 16px;
    padding: 10px;
    color: #505050
}

.dropdown-menu>li>a:focus {
    background: #fff;
    color: #333
}

.dropdown-menu>li>a:hover {
    background-color: #f5f7fa !important;
    color: #474747 !important
}

/* .complaints {
    padding: 20px
} */

.left_complaints {
    padding-left: 15px;
}

.cc_box {
    background-position: center;
    background-size: cover;
    height: 50px;
    width: 50px;
    padding: 0;
    float: left
}

.media_right {
    float: left;
    padding-top: 5px
}

.XS_menuBar {
    display: none
}

.media_right h2 {
    margin: 0 0 5px;
    font-size: 17px;
    font-weight: 500;
    font-family: Montserrat-SemiBold;

    color: #191E3E;
}

.media_right p {
    margin-bottom: 0
}

.type_compliants {
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 30px 15px;
    height: 120px;
    border-radius: 20px;
    border: double 2px transparent;
    border-radius: 15px;
    background-image: linear-gradient(white, white), radial-gradient(#D3DFED 0%, #E0C9DB 40%, #DFF2DC 40.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.complaints_parent .class_recenter {
    margin-bottom: 30px
}

.left_hander {
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 0px;
    border-radius: 8px;
    box-shadow: none !important;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 7px 7px;
    overflow: hidden;
}

.left_imger {
    background-position: center;
    background-size: cover;
    height: 40px;
    width: 40px;
    padding: 0;
    float: left
}

.user-rit .progress {
    height: 5px !important
}

.feedbackBox_content .quickenn_cancelbtn {
    margin-left: 10px;
    margin-bottom: 0
}

.feedbackBox_content .quickenn_normalButton {
    width: 120px;
    margin-bottom: 0
}

.quickenn_feedbacknote {
    font-size: 11px;
    line-height: 15px;
    margin-top: 10px;
    color: #888787
}

.quickenn_cancelbtn {
    background-color: #b7b7b6;
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
    color: #FFF;
    width: 60px;
    border: 1px solid #adacab;
    margin-bottom: 20px;
    color: #fff !important;
    margin-left: 5px;
}

.jFiler-theme-default .jFiler-input-caption {
    padding-top: 10px !important;
}

.quickenn_cancelbtn:hover {
    background-color: #b7b7b6;
}

.quickenn_normalButton {
    background-color: #1d1d1d;
    padding: 6px 11px;
    font-size: 13px;
    border-radius: 3px;
    color: #FFF;
    float: left;
    border: 1px solid #1d1d1d;
    margin-bottom: 20px;
    color: #fff !important;
}

.look_whoare .Bid_datails_info {
    margin-top: 8px;
    padding: 10px 15px;
    background: #f3f3f3;
}

.quickenn_normalButton:hover,
.quickenn_normalButton:focus {
    color: #fff !important
}

.infor_boxcd {
    float: left;
    padding: 10px;
    font-size: 13px;
    font-weight: 600
}

.left_hander ul li {
    list-style: none;
    width: 100%;
    border-top: 1px solid #E1E1E1;
}

.left_hander ul li:first-child {
    border-top: none
}

.left_hander ul {
    margin: 0;
    padding: 0
}

.col_activer {
    margin: 8px 0px;
    /* float: left; */
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    padding: 10px;
    border-radius: 6px;
    border: double 1px transparent !important;
    background-image: linear-gradient(#F5F7FA, #F5F7FA), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.form_details h1 {
    margin: 0;
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px
}

.form_details .form-group {
    margin-bottom: 15px
}

.form_details .form-group .col-lg-3 label {
    float: right;
    line-height: 32px
}

.form_details .form-group p {
    margin-bottom: 0;
    font-style: italic;
    line-height: 31px;
    font-weight: 600;
}

.lginput-box .liners {
    font-size: 18px;
    font-weight: 700;
}

.sub_compaintes {
    background-color: #171f3d !important;
    font-size: 14px !important;
    padding: 4px 5px !important;
    width: 109px;
    float: right;
    color: #fff !important;
    border-radius: 2px;
    line-height: 30px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    margin-top: 5px;

    border: none;
}

.left_hander ul li.active {
    background-image: linear-gradient(#D7E2EE, #D7E2EE), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.feedback_us .modal-header {
    min-height: 130px;
    position: relative;
    background-size: cover;
    background-position: center
}

.feedback_us .modal-header .blk_overlay {
    background-color: rgba(0, 0, 0, 0.48);
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    height: 100%;
    top: 0;
    padding: 30px
}

.blk_overlay h4 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-bottom: 1px;
    margin-top: 3px
}

.blk_overlay p {
    text-align: center;
    font-size: 15px;
    color: #fff
}

.blk_overlay .close {
    color: #141212;
    opacity: 2;
    background-color: rgba(255, 255, 255, 0.91);
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -35px;
    margin-top: 2px
}

.feedback_us .rating-container {
    font-size: 28px !important
}

.body-rated .form-group {
    text-align: center
}

.body-rated .form-group>label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0
}

.body-rated textarea {
    margin-top: 18px
}

.feed_btn button {
    color: #fff;
    background-color: #212020 !important;
    border-color: #191818 !important;
    width: 150px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 15px
}

.top_layout {
    min-height: 220px
}

.bottoms_layout {
    min-height: 130px
}

.strong_bar {
    height: 30px;
    background-color: #777;
    margin-top: -37px;
    border-radius: 3px
}

.inf_steps {
    text-align: center
}

.inf_steps span {
    font-size: 13px;
    margin: 2px 0;
    font-weight: 600
}

.inf_steps p {
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px
}

.rounder_cirle {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin: -2px auto auto;
    background-color: #F8F8F8;
    text-align: center;
    font-size: 40px;
    padding-top: 17px;
    color: #FFF
}

.small_dash {
    height: 22px;
    width: 20px;
    margin: auto;
    background-color: #ccc;
    margin-top: -2px
}

.steps_dot {
    height: 40px;
    width: 40px;
    background-color: #CCC;
    border-radius: 50%;
    margin: -3px auto auto;
    text-align: center;
    line-height: 42px;
    font-size: 19px;
    color: #fff
}

.cirler_box {
    padding-top: 10px
}

.bottoms_layout .cirler_box {
    margin-top: -48px
}

.bottoms_layout .top_layout {
    margin-top: 8px
}

.bottoms_layout .inf_steps {
    padding-top: 10px !important
}

.bg1_color {
    background-color: #41D4AA
}

.bg2_color {
    background-color: #83D8EF
}

.bg3_color {
    background-color: #F6D45F
}

.bg4_color {
    background-color: #F0825F
}

.bg5_color {
    background-color: #27D8CB
}

.searcher_png img {
    float: right
}

.no_found {
    font-size: 13px;
    color: #615f5f;
    font-weight: 600;
    text-align: center;
}

.noti_infotd h5 {
    color: #191E3E;
    font-weight: 500;
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 6px;
}

.notbox ul {
    padding-left: 0px;
    float: none !important;
    max-height: 345px;
    overflow-y: auto;
    height: auto;
}

.notbox ul::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px; */
    background-color: #F5F5F5;

}

.notbox ul::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.notbox ul::-webkit-scrollbar-thumb {
    /* border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #c1c1c1;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    max-height: 300px;
    overflow: auto;
}

.notbox ul li {
    float: none !important;
}

.login-box>ul {
    padding: 0
}

.notification_cr ul li:last-child {
    border: none;
}

.notification_cr ul li {
    list-style: outside none none;
    font-size: 15px;
    /* background: #fff; */
    line-height: 40px;
    color: #000;
    padding: 10px 9px !important;
    width: 100%;
    cursor: pointer;
}

.notification_cr .skilin-bid {
    padding: 5px;
    border-bottom: 1px dotted #CCC
}

.notification_cr .br-bager {
    width: 55px !important;
    height: 55px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center;
    float: left;
    border-radius: 50%;
    margin-top: 3px
}

.notification_cr .right-her {
    padding: 0 !important;
    width: 84% !important
}

.notification_cr h1 {
    color: #3B3B3B;
    font-size: 15px;
    margin: 0;
    padding-left: 6px;
    padding-top: 10px;
    font-weight: 500;
    line-height: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.all_notification_wrapper {
    color: #4c4a4a;
    text-align: center;
    border-top: 1px solid #bfcff1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.all_notification_wrapper .all_notification {
    display: flex;
    justify-content: center;
    align-items: center;
}

.notbox {
    display: none;
    border-radius: 6px;
    top: 30px;
    max-width: 485px;
    background-color: #FFF;
    /* box-shadow: 0 2px 11px rgba(0, 0, 0, 0.43); */
    width: 400px;
    position: absolute;
    right: -7%;
    z-index: 99 !important;
    display: none;
    padding: 0;
    margin-top: 10px;
    padding-bottom: 10px;
    /* border: none; */
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    overflow: hidden;
}

.notbox li {
    width: 100%;
    padding: 0;
    list-style: outside none none;
    float: left;
    font-size: 15px;
    line-height: 40px;
    color: #FFF;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid rgba(209, 209, 209, 0.18);
    padding: 15px 9px !important
}

.ul_leter {
    height: 60px;
    width: 60px !important;
    color: #FFF;
    background-color: rgba(242, 136, 18, 0.65);
    border-radius: 50%;
    text-align: center;
    line-height: 53px;
    font-size: 23px;
    font-weight: 600;
    float: left
}

.ul_leter i {
    margin: 0
}

.noti_infotd h1 {
    color: #3B3B3B;
    font-size: 15px;
    margin: 0;
    padding: 0 !important;
    font-weight: 500;
    line-height: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.noti_infotd p {
    font-size: 12px;
    color: #191E3E;
    font-weight: 400;
    line-height: 14.9px;
}

.lt_lastchild {
    color: #484848 !important;
    line-height: normal !important;
    background-color: #F8F8F8;
    font-size: 14px;
    text-align: center
}

.person-sec p span {
    font-size: 11px
}

.port_backer {
    background-size: cover;
    background-position: center;
    height: 160px;
    padding: 0;
    position: relative
}

.port_backerWrapper {
    display: block;
    width: 100%;
    background: rgba(197, 197, 197, 0.18);
    height: 173px;
    padding: 6px
}

.slide_overlay {
    background-color: RGBA(3, 3, 3, 0.33);
    position: absolute;
    width: 100%;
    height: 0;
    color: #fff;
    text-align: center;
    opacity: 0;
    padding-top: 15px
}

.slide_overlay h5 {
    margin-bottom: 0;
    margin-top: 40px
}

.slide_overlay p {
    background-color: #efac0c;
    padding: 10px;
    width: 100%;
    font-size: 13px;
    color: #fff;
    margin-top: 15px
}

.hirer_img {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    float: left
}

.box_hirer .modal-header {
    padding: 0;
    background: #e8e8e8;
}

.slide_overlay .addproject {
    font-size: 15px;
    margin: 5px 0 0;
    position: absolute;
    top: 0;
    right: 3%;
    margin-top: 5px;
    color: #FFB60A;
    cursor: pointer
}

.sturt_lancer {
    box-shadow: 0px 0px 2px rgb(0 0 0 / 50%);
    border: 1px solid #efeeee;
    margin: 0;
    text-align: center;
    min-height: 175px;
    background-color: #fff;
    padding: 0;
    /* box-shadow: 0 0 2px 3px rgba(188, 188, 188, 0.3); */
    border-radius: 3px;
    margin-bottom: 25px;
    transition: 300ms ease;
}

.lancer_business {
    height: 330px;
}

.bredcrumb a {
    color: #191e3e;
}

.bredcrumb {
    color: #191e3e;
}

#all_rows {
    /* margin-top:-60px; */
}

.heading_new {
    margin-bottom: 4px;
    padding-top: 0px;
    color: #191e3e;
    ;
    font-size: 23px;
    letter-spacing: 0.5px;
    margin-top: 40px;
}

.short_banner .heading_new {
    padding-top: 38px;
}

.short_banner1 .heading_new {
    padding-top: 0px;
}

.short_banner1 {
    padding-bottom: 0px !important;
    height: 150px !important;
    padding-top: 2vw !important;
    min-height: 100px !important;
}

.lancer_fiinder {
    background: #e8e8e8;
}

.profile_heading {
    padding-top: 65px;
}

.search_boxstructure .searcher_lanc {
    margin-top: 25px
}

.timeline_find {
    min-height: 211px;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 3px;
}

.prof_pic {
    margin-top: 5px;
    height: 70px;
    width: 70px;
    margin-right: 11px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    /* margin: 0px auto; */
}

.quicken_findBasic .basic_inf {
    text-align: left;
    height: 100px;
    position: absolute;
    top: 15px;
    left: 130px;
}


/* .basic_inf ul{
    position: absolute;
    top: 15px;
    left:130px;
} */

.quicken_findBasic .business_info {
    text-align: center;
    height: 140px;
}

.search-project-order.search-project-record {
    /* padding: 30px 10px; */
    /* box-shadow: 0px 0px 2px rgba(0,0,0,0.5); */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    /* margin: 35px 0px 25px; */
}

.bg_box_freelancers {
    border-radius: 8px;
    /* background-color: #fff; */
    /* padding: 30px 10px; */
    /* box-shadow: 0px 0px 2px rgba(0,0,0,0.5); */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    /* margin: 35px 0px 25px; */
}

/* .row.hire-freelancers-row{
    padding-top: 10px;
} */
.black_shadow {
    /* box-shadow: 0px 0px 2px rgb(0 0 0 / 50%);
    border: 1px solid #efeeee; */
    border-radius: 4px;
    padding: 15px;
}

.black_shadow {
    display: flex;
}

.basic_inf ul {
    margin: 0;
    padding: 0
}

.basic_inf {
    padding-top: 10px
}

.basic_inf ul li {
    font-family: Montserrat-Regular;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #3c3b3b;
    margin-bottom: 6px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 11px !important;
}

.basic_inf ul li i {
    font-size: 14px
}

.basic_inf ul li span {
    font-family: Montserrat-Regular;
    margin: 0;
    font-size: 14px;
    color: #3e3d3d;
    font-weight: 600;
}

.circliful {
    margin: auto
}

.range_bar p {
    color: #fff;
    text-align: center;
    font-size: 12px
}

.qc_hireSpan {
    font-size: 13px;
    color: #fff;
}

.search_barboxTitle span {
    margin: 0px !important;
}

.search_barboxTitle h1,
.search_barboxTitle span {
    font-size: 16px;
    text-align: left;
    margin-bottom: 0px;
    border: none;
    padding: 0;
    border-radius: 0;
    color: #232323;
    font-weight: 600;
    margin-top: 0px;
    margin: 0px 0px 10px 10px;
}

.range_bar .col-lg-4 {
    margin-top: -8px
}

.hire_barrat .box-body {
    float: left;
}

.hire_lanc {
    border: 1px solid #ccc;
    padding: 4px 10px;
    font-size: 13px;
    color: #333 !important;
    /* background-color: #f0af14; */
    background: #fff;
    /* text-transform: capitalize; */
    display: block;
    /* margin-top: 25px; */
    border-radius: 2px;
    margin: 50px 30px 0px auto;
    font-weight: 500;
}

.hire_lanc:hover {
    color: #fff;
    background-color: transparent;
    transition: 1s ease
}

.lancer_infor {
    padding: 10px 10px 20px;
    position: relative;
    height: 45px;
    overflow: hidden;
    color: #615f5f;
    font-size: 13px;
}

.black_shadow .br-theme-bars-1to10 .br-widget a {
    height: 15px;
}

.black_shadow .br-theme-bars-1to10 .br-widget .br-current-rating {
    line-height: normal;
    float: left;
    padding: 0px 9px;
    color: #EDB867;
    border: 1px solid;
    margin-left: 6px;
    font-size: 15px;
    border-radius: 3px;
    /* font-weight: 600; */
}

.lancer_infor p {
    font-size: 14px;
    line-height: 24px;
    color: #787878
}

.lancer_infor p a {
    color: #337ab7 !important
}

.lancer_infor i {
    margin-top: -32px;
    position: absolute;
    color: #fff;
    font-size: 35px;
    left: 39px
}

.search_barbox .col-lg-3 {
    padding-right: 0
}

.search_barbox .bootstrap-select .dropdown-toggle {
    border-radius: 0;
    padding: 10px
}

.search_barbox .active .text {
    color: #fff !important
}

.search_barbox .dropdown-menu {
    max-height: auto !important;
    min-height: auto !important
}

.search_barbox .check-mark {
    color: #fff
}

.search_barbox .bootstrap-select.btn-group .dropdown-menu {
    border-radius: 0;
    margin-top: 8px;
    max-height: 400px !important
}

.search_barbox .bs-searchbox input {
    border-radius: 0
}

.search_barbox label {
    color: #fff;
    font-weight: 600;
    font-size: 13px
}

.search_barbox .br-theme-bars-1to10 .br-widget {
    height: auto
}

.search_barbox .br-theme-bars-1to10 .br-widget a {
    display: block;
    width: 17px;
    padding: 5px 0;
    height: 39px
}

.search_barbox .br-theme-bars-1to10 .br-widget .br-current-rating {
    line-height: normal;
    float: left;
    padding: 11px 13px
}

.search_barbox .box-body {
    float: left
}

.searcher_lanc {
    width: 150px;
    padding: 10px;
    color: #fff;
    background-color: #5edae9;
    font-weight: 600;
    border-radius: 0;
    margin-top: 4px
}

.searcher_lanc:hover {
    color: #fff
}

.information_diver {
    background-color: #f6f6f6;
    position: absolute;
    width: 29%;
    height: 224px;
    right: 0;
    top: -147px;
    float: left;
    border-radius: 3px;
    padding: 10px;
}

.information_diver i {
    position: absolute;
    bottom: 0;
    margin-left: -21px;
    color: #f6f6f6;
    font-size: 43px
}

.information_diver ul {
    margin: 0;
    padding: 0
}

.information_diver ul li {
    list-style: none
}

.information_diver ul li span {
    font-size: 13px;
    margin: 0;
    font-weight: 600
}

.information_diver ul li p {
    margin-top: 2px;
    font-size: 12px
}

.box_hirer .close {
    position: absolute;
    font-size: 25px;
    height: 40px;
    width: 40px;
    margin-right: 1px;
    opacity: 1;
    margin-top: 7px;
    right: 0;
    z-index: 999;
}

.box_hirer {
    border-radius: 0 0 3px 3px;
    padding: 0
}

.box_hirer input.form-control,
.box_hirer select.form-control {
    height: 45px;
}

.infor_hire {
    float: left;
    padding-left: 5px;
    padding-top: 10px
}

.infor_hire h5 {
    font-size: 17px;
    margin: 0
}

.head_hirer {
    padding: 0
}

.head_hirer .col-lg-6 {
    padding: 10px
}

.small_bar .br-theme-bars-1to10 .br-widget a {
    height: 12px
}

.small_bar .br-current-rating {
    display: none
}

.small_bar .br-theme-bars-1to10 .br-widget {
    height: auto
}

.infor_hire p {
    margin-bottom: 2px;
    padding: 3px
}

.head_hirer .col-lg-6 {
    background-color: #238cc6;
    color: #fff;
    font-size: 12px
}

.subject_data label span {
    color: #5c8fd2
}

.box_hirer .btn-primary {
    background-color: #1d1d1d !important;
    border-color: transparent;
    border-color: #1d1d1d;
    outline: 0;
}

.subject_data {
    padding: 20px 20px 0px 20px;
}

.project_note {
    background: #92fb909c;
    /* margin-top: 15px; */
    padding: 10px 10px;
    margin-bottom: 12px;
    /* border: 1px solid #63d662; */
    border-radius: 3px;
    /* font-weight: 600; */
    font-size: 13px;
    color: #026d00;
}

.box_hirer .chosen-container {
    width: 100% !important;
}

.box_hirer .chosen-container-multi .chosen-choices {
    height: auto;
    border-radius: 3px;
}

.box_hirer label {
    display: block;
    font-size: 13px;
}

.box_hirer .search-field input {
    width: 100% !important;
    height: 40px !important;
    padding-left: 12px !important;
}

.box_hirer #userfile {
    margin-bottom: 10px;
}

.box_hirer .search-choice-close {
    top: 12px !important;
}

.box_hirer .search-choice {
    line-height: 30px !important;
    font-size: 14px;
}

.box_hirer .modal-footer {
    padding: 0 22px 15px 15px;
    border: none
}

.subject_data input {
    margin: 0
}

.subject_data #hire_subject_error {
    margin-top: -9px;
    margin-block-end: 6px
}

.coming_up {
    background-color: #fff;
    position: fixed;
    width: 350px;
    left: 15px;
    bottom: .5%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    z-index: 1024
}

.coming_up h2 {
    padding: 10px;
    background-color: #202020;
    color: #fff;
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    line-height: 19px
}

.skil_zone li {
    list-style: none;
    display: inline-block;
    font-size: 12px
}

.skil_zone li:after {
    content: ","
}

.skil_zone li:first-child:after {
    content: ""
}

.skil_zone li:last-child:after {
    content: ""
}

.skil_zone ul {
    background-color: #f8f8f8;
    padding: 6px 10px;
    margin-bottom: 5px
}

.budject_vbox {
    padding: 5px 0
}

.grays_bud {
    background-color: #f6f6f6;
    min-height: 50px;
    padding: 5px
}

.budject_vbox .col-lg-6 {
    padding-left: 10px;
    padding-right: 10px
}

.grays_bud p {
    margin: 0;
    font-size: 12px;
    color: #5f5d5d;
    font-style: italic
}

.grays_bud h3 {
    margin: 0;
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #383232
}

.lancer-details {
    padding: 10px
}

.lancer-details h3 {
    margin: 0;
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.lancer-starrate {
    color: #ECAD18
}

.location_lancer {
    float: right;
    font-size: 11px;
    color: #7b7979
}

.bid_lancerbtn .btn {
    width: 100%;
    border-radius: 0;
    background-color: #3390CB;
    color: #fff !important;
    font-size: 13px;
    transition: 1s ease;
    font-weight: 600
}

.bid_lancerbtn .btn:hover {
    background-color: #2D88C2;
    transition: 1s ease
}

.quicken_About {
    margin-bottom: 40px;
    padding: 0
}

.quicken_AboutRightLayout .quicken_AboutRightInfo {
    padding-right: 35px;
    padding-left: 0
}

.quicken_AboutRightLayout .quicken_AboutRightBar {
    right: 0;
    left: auto
}

.quicken_AboutRightLayout .quicken_AboutRightInfo h4 {
    padding-right: 35px;
    padding-left: 0
}

.black_overlayavQuicken {
    background: rgba(2, 2, 2, 0.22);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.quicken_AboutMainImg {
    text-align: center
}

.quicken_AboutMainImg img {
    margin: auto;
    text-align: center
}

.quicken_AboutSLider {
    position: absolute;
    margin: -9em
}

.quicken_AboutRight {
    background: #efefef;
    height: 360px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.51)
}

.quicken_AboutRightBar {
    position: absolute;
    left: 15px;
    height: 100%;
    background: #f0af14;
    top: 0;
    width: 35px
}

.quicken_AboutProfileArrow-up {
    display: none
}

.quicken_AboutActive .quicken_AboutProfileArrow-up {
    display: none
}

.quicken_AboutLeft {
    height: 230px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    position: relative;
    background-size: cover;
    background-position: center center
}

.quicken_AboutRightInfo {
    color: #fff;
    padding: 3px 20px 20px 50px
}

.quicken_AboutRightInfo h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: #4a4a4a;
    font-weight: 600
}

.quicken_AboutRightInfo p {
    color: #595959;
    font-weight: 600;
    font-size: 13px
}

.quicken_AboutRightInfo h4 {
    text-align: center;
    position: absolute;
    bottom: 4%;
    margin: auto;
    left: 0;
    font-size: 12px;
    right: 0;
    padding-left: 40px;
    color: #817f7f
}

.bid_lancerbtn .btn:hover {
    color: #fff !important
}

.close_lancerpop {
    position: absolute;
    right: -25px;
    color: #fff;
    background-color: #383535;
    height: 39px;
    line-height: 35px;
    width: 26px;
    text-align: center;
    cursor: pointer;
    transition: 1s ease
}

.close_lancerpop:hover {
    background-color: #2A2828;
    transition: 1s ease
}

.quicken_ProfileUs {
    background-color: #fbfbfb;
    min-height: 620px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31)
}

.quicken_ProfileUs h3 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 1px;
    color: #777
}

.quicken_ProfileUs h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 6px
}

.quickenBusiness_formLeft label {
    font-size: 13px
}

.profile_point {
    margin-bottom: 20px
}

.profile_point h4 {
    margin-bottom: 8px;
    color: #2e7ba5
}

.create_profile h4 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px
}

.create_profile {
    margin-bottom: 25px;
    margin-top: 25px;
}

.create_profile .form-control[type=file] {
    padding: 10px 5px;
    outline: 0;
}

.create_profile .btn {
    background-color: #f0a12a;
    border: medium none;
    color: #fff
}

.logo-y .img-responsive {
    padding-top: 3px
}

.project-portal .row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

.caret_upquciken {
    display: none
}

.slider-section {
    position: relative
}

.quicken_menulist {
    padding: 0
}

.quicken_menulist li {
    list-style: none
}

.quicken_responsiveMenu {
    display: none
}

.quicken_mobilemenubar {
    display: none
}

#example_filter {
    display: none
}

.icon_pend {
    width: 82px;
    float: left
}

.search-left span {
    padding-left: 10px
}

.button_status_ch .dropdown-toggle {
    margin-bottom: 0
}

.quicken_performanceoppen {
    display: none
}

.quicken_performanceoppen i {
    position: absolute;
    right: 25px;
    background: #fff;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    top: 10px;
    font-size: 22px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.47);
    color: #757575;
    text-align: center;
    z-index: 99;
    cursor: pointer;
    line-height: 45px
}

.quicken_publicIcon {
    margin: 0;
    padding: 0;
    float: right;
    position: absolute;
    right: 15px;
    top: 31px
}

.quicken_publicIcon li a {
    cursor: pointer;
    font-size: 15px;
    line-height: 21px;
    background: #101010;
    padding: 12px 22px 12px 25px;
    color: #fff !important;
    border-radius: 2px;
    border-radius: 3px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}

.quicken_publicIcon li {
    list-style: none;
    color: #fff;
    float: left;
    margin-left: 10px
}

.quicken_performanceoppen .fa-times {
    display: none
}

.qs_mobile_header,
.quicken_responsiveUserprofile {
    display: none;
}

.search_custom_padding {
    padding-right: 8px;
    padding-left: 8px;
}

.timelines .bid_now_box {
    margin-top: 90px;
}

.ql_BusinessMenu {
    padding: 0px !important;
}

.ql_BusinessMenu a {
    padding: 15px 18px;
    display: block;
}

@media (max-width: 992px) {
    #sc-widget {
    right: 10px !important;
    bottom: 88px !important;
    }
    .prof_pic {
        height: 45px;
        width: 45px
    }

    .fried_Req .inner-rights h2 {
        margin-bottom: 7px;
        font-size: 13px
    }

    .hire_listReq .btn {
        padding: 5px
    }

    .ViewList_Hire {
        padding-left: 15px
    }

    .still_not {
        text-align: center
    }

    .still_not .icon_pend {
        width: 100% !important
    }

    .still_not .imp-skert {
        padding-left: 3px;
        width: 100% !important
    }

    .complaints input {
        margin-bottom: 0 !important
    }

    .ViewList_tabset .left-sidebar {
        width: 48% !important;
        margin-left: 5px;
        margin-bottom: 10px;
        float: left
    }

    .tab_listfriend {
        margin-bottom: 0
    }

    .tab_listfriendOn {
        display: block
    }

    .send-portal {
        width: 100%
    }

    .my_work .imp-skert {
        width: 80%
    }

    .default_chatebox h2 {
        font-size: 15px;
        width: 77%;
        margin: 10px auto;
        line-height: 20px
    }

    .logls_box {
        height: 40px;
        margin-top: 0
    }

    .no_friends .inner-rights {
        width: 100%
    }

    .default_chatebox {
        min-height: 340px
    }

    .chat_bubbble {
        height: 129px;
        margin-top: 20px
    }

    .feed_type img {
        height: 40px
    }

    .best_feedback {
        padding-right: 0
    }

    .comment-ser .image-sect {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 10px
    }

    .bid-rights,
    .skil-box1 button {
        float: none;
        width: 76px
    }

    .btton-derv {
        clear: both;
        width: 100px;
        float: left
    }

    #tabHirerlist {
        display: block
    }

    .left-sidebar {
        margin-bottom: 10px
    }

    .media_right {
        padding-right: 0
    }

    .uea_right_right {
        width: 17%
    }

    .uea_right {
        width: 70%
    }

    .search-bar input {
        width: 78%
    }

    .search-bar button {
        width: 22%
    }

    .it_worksSection ul li {
        line-height: 21px;
        font-size: 12px
    }

    .small_dash {
        height: 17px;
        width: 10px
    }

    .steps_dot {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .it_worksSection h3 {
        margin-bottom: 7px;
        font-size: 20px
    }

    .it_worksCenter .it_worksSectionImg h3 {
        font-size: 22px
    }

    .it_worksSectionCenter ul li {
        line-height: 22px;
        font-size: 12px
    }

    .it_worksStepsBox p {
        font-size: 12px;
        width: 100%
    }

    .it_worksEclipse p {
        line-height: 17px;
        width: 60%
    }

    .it_worksLogin {
        width: 258px;
        padding-left: 50px
    }

    .quickenn_leftgradiant {
        height: auto;
        padding-bottom: 25px
    }

    .quickenn_rigtgradiant {
        height: auto;
        padding-bottom: 25px
    }

    .quickenn_workFlow h3 {
        font-size: 14px;
        font-weight: 600
    }

    .quickenSizeCenter img {
        width: 100%
    }

    .quickenn_workFlow {
        text-align: center
    }

    .quickenn_workFlow img {
        height: 70px
    }

    .performanceRateInfo {
        width: 70% !important;
        text-align: left !important;
        padding: 7px 0 0 8px
    }

    .seT-performanceRate .circliful {
        float: left !important
    }

    .quicken_Listdata {
        font-size: 12px
    }

    .user-rit h1 {
        padding: 22px 10px
    }

    .quicken_performanceoppenActive .fa-bar-chart {
        display: none
    }

    .quicken_performanceoppenActive .fa-times {
        display: block
    }

    .user-rit {
        /* display: none; */
        position: absolute;
        right: 3%;
        /* background-color: #fff; */
        /* box-shadow: 0 11px 12px rgba(0, 0, 0, 0.5); */
        width: 40%;
        z-index: 9
    }

    .dashboard-s .col-lg-7 {
        padding-right: 0
    }

    .sturt_lancer .hire_barrat {
        width: 21%
    }

    .jobposted {
        text-align: center
    }

    .smdg_right {
        width: 100%
    }

    .jober_box {
        margin: 0 auto;
        float: none
    }

    .container {
        width: 90%;
    }

    .offer-box {
        display: none
    }

    .more-opt button {
        font-size: 15px
    }

    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 12px
    }

    .project_headers .col-lg-3 p {
        font-size: 12px
    }

    .img_apps {
        display: none
    }

    .ql_profileSet {
        font-size: 14px;
        line-height: 19px
    }

    .lancer_lt {
        padding-left: 0
    }

    .lancer_lt h3 {
        font-size: 20px
    }

    .menu-bard ul li i {
        font-size: 16px;
        padding-top: 8px;
        padding-left: 1px
    }

    .my-bids span {
        display: none
    }

    .my-bids {
        height: 40px;
        background: transparent
    }

    .my-bids p {
        background-color: #f0af14;
        font-size: 13px;
        right: 15px;
        top: 5px
    }

    .my-bids ul {
        top: 39px
    }

    .btton-derv {
        width: 70px;
        margin-left: -5px
    }

    .name-of {
        width: 100%
    }

    .fried_Req h5 span {
        line-height: 35px;
        margin-right: 8px;
        float: none;
        margin-left: 0
    }

    .fried_Req h5 {
        padding: 12px 10px
    }
}

@media (max-width: 1024px) {
    .slider-section .absolute-lancer {
        padding-top: 0
    }

    .search-bar {
        position: relative;
        width: 85%
    }

    .slider-start img {
        margin: 5px auto 14px;
        border-radius: 7px;
        height: 90px
    }

    .content-ulancer {
        width: 42% !important;
        right: 0
    }

    .small-field img {
        height: 37px
    }

    .open-iconsWork {
        padding: 12px 35px !important
    }

    .open-icons {
        margin-top: -31px
    }

    .small-field {
        padding: 28px 5px 10px 1px
    }

    .slider-start {
        height: auto
    }

    .slider-section {
        margin: 0 auto;
        width: 90%;
        min-height: 457px
    }

    .inf_steps p {
        text-align: center;
        font-size: 12px
    }

    .sturt_lancer .hire_barrat {
        width: 21%
    }

    .search-isd button {
        padding: 13px 0
    }

    .last-fog {
        width: 27%
    }

    .fog-width1 {
        width: 28%
    }

    .share-it li {
        margin-right: 9px
    }

    .app-soon {
        height: 620px
    }

    .right_Ars p {
        font-size: 12px
    }

    .img_apps img {
        margin-top: 45px;
        height: 390px;
        margin-left: -25px
    }

    .right_Ars h4 {
        font-size: 15px
    }

    .content-ulancer {
        width: 78%
    }

    .lancer-status .ql_heading {
        font-size: 30px
    }

    /* .login-box ul li {
        padding: 18px 5px
    } */

    .rounder_cirle {
        width: 100px;
        height: 100px;
        font-size: 50px;
        padding-top: 15px
    }

    .bg1_color .fa-file-text {
        font-size: 44px
    }

    .inf_steps span {
        font-size: 13px
    }

    .for_hire .img-responsive {
        height: auto;
        padding-top: 50px
    }

    .searcher_png .img-responsiveg {
        padding-top: 0
    }

    .menu-bard ul li {
        font-size: 11px;
        padding: 0 8px
    }

    .quicken_ListLocation i {
        height: 30px;
        width: 30px;
        border-radius: 0 5px 0 5px;
        line-height: 26px;
        font-size: 15px;

    }

    .quicken_Listdata {
        width: 100%;
        float: none;
        padding: 0
    }

    .quicken_ListLocation {
        display: table;

        margin-bottom: 10px;
        margin-top: 0;
        border-bottom: 1px solid #ccc;
        padding: 0 5px 20px 5px;
    }

    .quicken_newLayout {
        bottom: 2%
    }
}

@media (max-width: 1200px) {
    .prof_pic {
        height: 45px;
        width: 45px
    }

    .lancer-status {
        padding-top: 122px;
    }

    .slider-section .absolute-lancer {
        padding: 0
    }

    .content-ulancer {
        right: 31px
    }

    .oper-img img {
        float: none
    }

    .slider-start img {
        margin: 0 auto
    }

    .lancer-status .ql_heading {
        font-size: 23px
    }

    .slider-start {
        margin: 15px auto 27px;
        height: auto
    }

    .oper-img img {
        margin: 0 auto
    }

    .slider-section {
        width: 90%;
        min-height: 457px
    }

    .msg-boxs {
        position: relative;
        max-height: 308px;
        bottom: 0
    }

    .send-portal .col-lg-2 button {
        padding: 9px 15px
    }

    .chat-details {
        min-height: 550px
    }

    .midl_coplaints {
        padding-top: 80px
    }

    .quickenSizeCenter img {
        height: 230px;
        margin-top: 50px
    }

    .quickentmake_businessUses h2 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 30px
    }

    .quickentmake_businessBanerText h2 {
        line-height: 48px;
        font-size: 35px
    }

    .quickenwhat_are h3 {
        font-size: 21px
    }

    .quickenn_workFlow img {
        height: 82px;
        margin-top: 12px
    }

    .quickenn_workFlow h3 {
        font-size: 15px;
        font-weight: 600
    }

    .quicken_AboutRightInfo p {
        font-size: 13px
    }

    .quicken_AboutProfileArrow-up {
        bottom: -22px
    }

    .performanceRateInfo {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .seT-performanceRate .circliful {
        float: none
    }

    /* .img-main {
        width: 100%!important
    } */
    .bid_profiles .inner-rights {
        width: 100% !important
    }

    .inner-rights {
        width: 63%
    }

    .comment-ser .inner-left {
        width: 20%
    }

    .more-opt button {
        font-size: 15px
    }

    .pro-descript {
        padding-left: 0
    }

    .bid_profiles .image-sect {
        margin: auto;
        float: none
    }

    .project_headers .col-lg-3 label {
        font-size: 12px
    }

    .bid_profiles .block-one {
        text-align: center
    }

    .btton-derv {
        width: 68px
    }

    .fried_Req h5 span {
        line-height: 35px;
        margin-right: 8px;
        float: none;
        margin-left: 0
    }

    .img-userz {
        margin: auto;
        float: none
    }

    .name-of {
        width: 100%
    }

    .name-of p,
    .upgarde-not p {
        text-align: center
    }

    .containz-user {
        text-align: center
    }

    .name-of h1 {
        text-align: center
    }
}

@media (max-width: 1600px) {
    .quicken_logo {
        position: relative !important
    }

    .quicken_Login {


        /* width: 320px!important; */
        padding: 40px 0 0 !important
    }
}

@media (max-width: 480px) {
    .ql_afterLoginsetPart h4 {
        font-size: 15px
    }

    .ql_afterLoginsetPart img {
        width: 66px
    }

    .ql_afterLoginsetContainer h3 {
        font-size: 18px
    }

    .box_hirer {
        width: 98%
    }

    .quicken_Care .quicken_AboutRight {
        height: 310px !important;
        background: #32291e
    }

    .quicken_LanguageType {
        width: 60% !important;
        height: 138px !important
    }

    .addLangage {
        display: none
    }
}

@media (min-width: 992px) {
    #hirerlist_open {
        display: block !important
    }
}

@media (min-width: 769px) and (max-width: 1000px) {
    .lancer_lt {
        padding-right: 15px
    }

    .login-box ul li {
        padding: 18px 9px;
        font-size: 13px
    }

    .search-isd button {
        width: 100%;
        padding: 13px 0
    }

    #openlogin {
        padding: 14px 10px !important;
        font-size: 13px !important;
        margin-right: 5px
    }

    #openregister {
        padding: 14px 10px !important;
        font-size: 13px !important
    }

    .logo-y .img-responsive {
        height: 45px;
        padding-top: 8px
    }

    .quicken_beta {
        position: absolute;
        top: 78%;
        right: -7%;
        font-style: italic;
        font-size: 10px
    }

    .quicken_Login {
        /* width: 320px; */
        padding: 40px 0 0 !important
    }
}

@media (max-width: 992px) {
    .terms-sidebar-nav {
        display: none;
    }

    .border-left-terms {
        border: unset !important;
        width: 100% !important;
    }

    .search-bar {
        height: 42px !important
    }

    .search-bar button {
        width: 33%;
        height: 40px !important
    }

    .content-ulancer {
        width: 46% !important;
        right: 5px !important
    }

    .search-bar input {
        width: 67%;
        height: 40px !important
    }

    .slider-section {
        background-size: 1000px;
        text-align: center;
        background-position: 58% 101%;
        min-height: 436px;
        width: 100% !important;
        padding-right: 20px
    }

    .lancer-status {
        padding-top: 79px
    }

    .slider-start img {
        margin: 0 auto 12px
    }

    .slider-start {
        height: auto !important
    }

    .lancer-status .ql_heading {
        font-size: 25px;
        line-height: 32px
    }

    .more_status table td span {
        font-size: 11px
    }

    .more_status table td {
        font-size: 12px
    }

    .ideal_boxz h3 {
        font-size: 16px
    }

    .purchesd_by .skil-box1 .backimg-rtl {
        margin: 0 auto;
        float: none
    }

    .purchesd_by .skil-box1 .imp-skert {
        width: 100%;
        text-align: center
    }

    .skil-box1 h3 {
        font-size: 15px !important
    }

    .menu-bard ul li {
        padding: 0 5px;
        font-size: 12px !important
    }

    .midl_coplaints {
        display: none
    }

    .type_compliants {
        margin-bottom: 20px
    }

    .media_right h2 {
        font-size: 15px;
        font-weight: 600
    }

    .bottoms_layout .cirler_box {
        margin-top: -36px
    }

    .inf_steps {
        height: 103px
    }

    .rounder_cirle {
        width: 80px;
        height: 80px;
        font-size: 38px;
        padding-top: 11px
    }

    .bg1_color .fa-file-text {
        font-size: 37px
    }

    .inf_steps p {
        text-align: center;
        font-size: 12px
    }

    .strong_bar {
        height: 29px;
        margin-top: -28px
    }

    .quickentmake_Terms h4 {
        font-size: 20px
    }

    .quickentmake_TermsList li {
        list-style: none;
        font-size: 17px
    }

    .quickentmake_Terms h3 {
        font-size: 20px;
        margin: 0
    }

    .quickentmake_TermsLast h2 {
        font-size: 26px
    }

    .quickentmake_TermsLast p {
        font-size: 18px
    }

    .quickentmake_mission img {
        height: 200px
    }

    .quickentmake_businessBanerText h2 {
        line-height: 34px;
        font-size: 32px !important;
        padding-left: 26px
    }

    .background_colorBaner {
        width: 231px
    }

    .quickentmake_businessSlider {
        right: 0;
        top: 0;
        height: 70%;
        width: 182px;
        left: 38px;
        top: 71px
    }

    .quickentmake_businessSlider .carousel-inner img {
        margin: auto;
        text-align: center;
        margin-top: 39px;
        height: 130px
    }

    .quickenSizeCenter {
        text-align: center;
        padding-top: 280px
    }

    .background_colorBaner {
        width: 231px
    }

    .quicken_performanceoppen {
        display: block
    }

    .timeline_find {
        min-height: 210px
    }

    .lancer_infor i {
        left: 8.5%
    }

    .prof_pic {
        height: 60px;
        width: 60px
    }

    .hire_barrat {
        float: none;
        margin: auto
    }

    .hire_barrat .box-body {
        float: left;
        padding-top: 4px
    }

    .hire_barrat a {
        float: left;
        margin-left: 10px
    }

    .hire_barrat .clearfix {
        display: none
    }

    .sturt_lancer .hire_barrat {
        width: 275px;
        padding-top: 10px;
        float: right
    }

    .hire_lanc {
        padding: 6px 12px;
        font-size: 14px
    }

    .information_diver {
        position: relative;
        margin-top: 10px;
        height: auto;
        width: 100%;
        transition: 1s ease;
        top: 0
    }

    .information_diver i {
        display: none
    }

    .information_diver ul li {
        float: left;
        width: 25%
    }

    .jobslider .container {
        width: 94% !important
    }
}

@media (max-width: 320px) {
    .quicken_AboutProfileBlock {
        width: 320px;
        padding: 0
    }
}

@media (max-width: 767px) {
    .bider-pop .modal-body {
        max-height: 24vh !important;
        overflow-y: auto;
    }

    .req-ult {
        max-height: 100% !important;
    }

    .terms-sidebar-nav {
        display: none;
    }

    .border-left-terms {
        border: unset !important;
        width: 100% !important;
    }

    /* .purchase_form_row{
        margin-left: 15px;
        margin-right: 15px;
    } */
    .head-main {
        height: 60px;
    }

    .head-main .container {
        height: 60px;
    }

    .head-main .container .row {
        height: 60px;
    }

    .chosen-container-single .chosen-single span {
        font-size: 13px !important;
    }

    .support_header {
        display: none;
    }

    .mobile_support {
        position: absolute;
        bottom: 0;
        height: 154px;
        background: #253526;
        padding: 7px 10px;
        color: #fff;
    }

    .mobile_support a {
        color: #45b649 !important;
    }

    .QLHome_page_how .corner-child {
        display: none !important;
    }

    .find_qlLable {
        font-size: 15px;
    }

    .ticket_set span i {
        display: none;
    }

    .uea_left {
        width: 60px;
        height: 60px;
        line-height: 49px;
    }

    .uea_right {
        width: 75%;
    }

    .uea_left img {
        height: 36px !important;
    }

    .ql_postWork span,
    .ql_postWork h1 {
        font-size: 15px;
    }

    .project-portal h2 {
        font-size: 25px;
    }

    .home_prj {
        height: 161px;
    }

    .works h1 {
        font-size: 25px;
        margin-top: 0px;
    }

    .set_h1Span span {
        font-size: 25px;
        margin-bottom: 0px;
    }

    .search_barWraper {
        padding: 15px 15px 4px 15px;
    }

    .lancer-status .ql_heading {
        line-height: 20px;
        font-size: 18px;
    }

    .how_it_workHomeImg {
        height: 55px;
        margin: auto;
        width: 55px;
        line-height: 55px;
    }

    .how_it_workHome p {
        font-size: 12px;
    }

    .how_it_workHomeImg img {
        height: 30px;
    }

    .lancer-status h4 {
        color: #fff;
        width: 81%;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 9px;
        margin-top: 6px;
    }

    .lancer-status {
        padding-top: 28px;
    }

    .profile_notificationTrans h4 {
        font-size: 12px;
        color: #ccc;
        line-height: 15px;
        padding-left: 46px;
        padding-right: 46px
    }

    .profile_notificationTrans {
        height: auto
    }

    .close_qlpopsetting {
        color: #fff;
        float: right;
        margin-right: 25px;
        margin-top: 9px;
        font-size: 19px !important;
        cursor: pointer;
        position: absolute;
        right: -17px;
        z-index: 9999999
    }

    .zopim {
        display: none !important
    }

    .quicken_ListLocation {
        min-height: 50px !important
    }

    .quicken_Listdata {
        min-height: 17px !important
    }

    .main-uses {
        padding: 0 !important
    }

    .ql_BusinessMenu {
        border: 0 solid #32291e
    }

    .ticket_set span {
        background: rgba(13, 18, 31, 0.85);
        padding: 5px;
        border-radius: 3px;
        color: #fff;
        display: block;
        width: 46%;
        margin: auto;
        float: left;
        margin-right: 9px;
        margin-bottom: 7px;
        text-align: center
    }

    .ql_businessBoxLeft {
        position: absolute;
        top: -48px;
        left: 0;
        right: 0;
        margin: auto;
        width: 200px
    }

    .ql_businessDataArea {
        margin-top: 150px
    }

    .ql_businessBox {
        position: relative
    }

    .business_terms {
        margin-bottom: 20px;
        padding: 0
    }

    .quickenBusiness_form {
        height: auto
    }

    #portfolio_form .jFiler-theme-default .jFiler-input {
        width: 100%
    }

    .project_area_box .jFiler-theme-default .jFiler-input {
        width: 100%;
    }

    .recently_userd .container {
        width: 100% !important
    }

    .pro-descript .inner-rights h2 {
        font-size: 13px !important
    }

    .bider-pop .modal-dialog {
        width: 95%
    }

    .total-round {
        /* height: 78px; */
        width: 78px
    }

    .bider-pop .modal-dialog {
        width: 420px
    }

    .total-round {
        /* height: 88px; */
        width: 88px;
        margin-right: 9px !important
    }

    .your-bid h1 {
        color: #fff;
        line-height: 27px;
        font-size: 12px !important
    }

    .bider-pop .imp-skert {
        margin-top: -13px
    }

    .total-round h2 {
        margin: 5px 0 0;
        font-size: 13px
    }

    .slider-downer h1 {
        font-size: 18px
    }

    .inputer-sk,
    .slider-downer textarea {
        font-size: 13px !important
    }

    .bider-coin span {
        width: 40px;
        font-size: 12px
    }

    .friend_Sent label {
        font-size: 13px
    }

    .total-round h1 {
        font-size: 11px;
        margin: 28px 0 0;
        font-weight: 600
    }

    .bider-pop {
        padding: 0 !important
    }

    .bider-pop .modal-body {
        width: 100%
    }

    .feedback_us .modal-dialog {
        width: 410px;
        margin: 30px auto
    }

    #rating_pop .modal-title {
        font-size: 14px
    }

    .rec_ratz h1 {
        margin: 0;
        font-size: 15px
    }

    .rec_ratz {
        width: auto
    }

    .update_data img {
        width: 68px
    }

    .feedBox_type.active {
        background: #231d15
    }

    .feedBox_Righttmodule {
        background: #fff !important
    }

    .quicken_feedback {
        background: transparent !important
    }

    .icon-process h2 {
        font-size: 15px;
        padding: 10px
    }

    .login-process {
        min-height: auto !important;
        width: 320px
    }

    .icon-process i.fa-check {
        font-size: 40px;
        width: 70px;
        height: 70px;
        line-height: 61px
    }

    .error_process i.fa-times {
        border: 4px solid #CB3120;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        line-height: 59px;
        font-size: 40px
    }

    .close_loginboxsd {
        font-size: 22px !important
    }

    .prj-bdj {
        font-size: 15px !important
    }

    .slider-section .absolute-lancer {
        width: 100%
    }

    .lancer-status .ql_heading {
        font-size: 27px;
        float: none
    }

    .oper-img img {
        width: 65%
    }

    .slider-section {
        background-image: url(../images/mobibanner.png);
        padding: 0;
        min-height: 490px;
        background-position: 51% 100%;
        background-size: inherit !important
    }

    .search-bar {
        width: 85%;
        margin: auto;
        float: none !important
    }

    .content-ulancer {
        width: 80% !important;
        right: 0 !important;
        left: 0
    }

    .it_works h2 {
        font-size: 20px;
        width: 90% !important;
        margin: 10px auto;
        line-height: 27px
    }

    .it_worksMode {
        background: rgba(243, 216, 71, 0.21)
    }

    .it_worksLogin ul li {
        color: #fff
    }

    .it_works p {
        width: 80%
    }

    .it_worksLogin {
        left: 0
    }

    .it_worksLogin h3 {
        color: #fff !important
    }

    .it_worksLogin {
        position: absolute;
        top: 31px
    }

    .it_works {
        min-height: 333px
    }

    .it_worksSteps2 {
        padding: 10px 0
    }

    .it_worksStepsBox img {
        height: 34px
    }

    .it_worksStepsBox {
        background-color: #f5f5f5;
        min-height: auto;
        margin-bottom: 20px
    }

    .it_worksSteps2 h2,
    .it_worksSection h3 .it_worksSectionImg h3 {
        font-size: 20px;
        margin-bottom: 23px
    }

    .it_worksMode img {
        display: none
    }

    .it_worksLogin {
        width: 100%;
        padding: 0
    }

    .user-rit .prg-count,
    .profile-details {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
        margin-bottom: 0
    }

    .it_worksStepsBox p {
        /*display: none*/
    }

    .set_type {
        padding: 0 10px
    }

    .set_type .corner-child {
        padding: 0;
        left: 2px;
        top: 10px;
        width: 116px;
        line-height: 19px;
        font-size: 8px
    }

    .it_worksStepsBox h3 {
        font-size: 12px
    }

    .profile-details h2 {
        border-bottom: none;
        border-top: 1px solid #828280
    }

    .user-rit h1 {
        border-bottom: 1px solid #828280
    }

    .box_hirer {
        width: 67%;
        margin: 0 auto
    }

    .infor_hire h5 {
        font-size: 13px
    }

    .head_hirer .hirer_img {
        width: 40px;
        height: 40px;
        margin: 10px auto
    }

    .feedBack_name {
        font-size: 13px
    }

    .quicken_feedback {
        margin: 50px auto;
        width: 430px;
        background: #fff;
        padding-right: 17px
    }

    .feedbackBox_content {
        background: transparent;
        height: auto
    }

    .quicken_feedback .modal-dialog {
        width: auto !important;
        margin: 0
    }

    .feedBox_Righttmodule {
        width: 100%
    }

    .write_us .pad_rightz,
    .write_us .pad_leftz {
        padding: 0
    }

    .feedBox_leftmodule {
        width: 100%
    }

    .feedBox_Righttmodule textarea.form-control {
        height: 50px
    }

    .quicken_caretHandle {
        visibility: hidden
    }

    .feedBox_type {
        float: left;
        width: 25%
    }

    .reach_us p {
        font-size: 17px
    }

    .feedBox_RighttInfo ul li {
        font-size: 12px
    }

    .user_timeliner {
        min-height: 250px !important
    }

    .imager_upd {
        height: 50px;
        border-radius: 50%;
        width: 50px
    }

    .view_imag h1 {
        display: none
    }

    .view_imag {
        border-radius: 50%
    }

    .absoluter_der .col-lg-8 ul li {
        margin-bottom: 5px
    }

    .view_imag i {
        padding-top: 15px
    }

    .maps_view {
        padding: 0
    }

    .reach_us .col-xs-12 {
        padding: 0
    }

    .reach_us {
        padding: 10px 20px;
        background: #eae6e6;
        border-radius: 3px;
        margin-bottom: 10px
    }

    .reach_us h3 {
        font-size: 16px
    }

    .user_menu {
        display: none
    }

    .quicken_complaintFrm {
        display: none
    }

    .mobile_Selectcomplaint {
        background: #ffffff;
        padding: 10px;
        display: flex;
        border-radius: 6px;
        cursor: pointer;
        color: #000;
        /* border: 1px solid #000; */
        border: double 2px transparent !important;
        justify-content: space-between;
        align-items: center;
        background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
        background-origin: border-box !important;
        background-clip: padding-box, border-box !important;
    }

    .complaints .left_hander {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .mobile_Selectcomplaint .fa-caret-down {
        float: right;
        margin-top: 0px;
        margin-right: 13px;
        font-size: 16px;
    }

    .form_details {
        /* background: #e6e3e3; */
        padding: 20px 0
    }

    .complaints {
        padding: 20px;

        height: auto !important;
    }

    .complaints .container {
        padding: 15px 0px;
    }

    .infor_boxcd {
        font-size: 14px;
    }

    .complaints input {
        margin-bottom: 0 !important
    }

    .complaints .form-group .col-lg-3 label {
        line-height: 1.1
    }

    .complaint_type .col-xs-3 {
        width: 38%;
        padding-right: 0
    }

    .complaint_type .col-xs-9 {
        width: 60%;
        padding: 0
    }

    .complaint_type p {
        line-height: 1.1 !important
    }

    .look_whoare .inner-left {
        position: absolute;
        right: 3%
    }

    .tab_listfriendOn,
    #frieds_Hirer,
    #frieds_HirerSetReq2,
    #frieds_HirerSetReq {
        display: none
    }

    #profile_Hirer {
        display: block
    }

    .ViewList_tabset .left-sidebar {
        width: 100% !important
    }

    .Hirer_MobiBox li {
        width: 33.33% !important
    }

    .Hire_listQuicken {
        margin-top: 0
    }

    .project-dis .more-opt {
        padding-right: 0
    }

    .bid_projectSet .row {
        padding: 0 15px
    }

    .panels-boxd p .Bid_datails_info p {
        font-size: 13px;
        line-height: 22px;
    }

    .project_body>h2 {
        font-size: 16px
    }

    .pro-descript {
        padding: 0
    }

    .show_allbid {
        padding: 0
    }

    .pro-descriptLast,
    .pro-descriptSecond {
        border-right: none !important
    }

    .not_found_box {
        margin-top: 0 !important
    }

    .quicken_WrapperBoxContainer {
        padding: 0;
    }

    .purchesd_by .backimg-rtl {
        margin: 0 auto;
        float: left
    }

    .purchesd_by .imp-skert {
        width: 80%
    }

    .ideal_boxz {
        background: #ececec;
        padding: 0 0 20px;
        margin-top: 0;
        border-bottom: 2px solid #f0af14
    }

    .list_project h1 {
        background-color: #cecaca
    }

    .icon_pend i {
        font-size: 27px;
        height: 60px;
        width: 60px;
        line-height: 63px
    }

    .my_work {
        padding-top: 0
    }

    .my_work .container {
        width: 100% !important
    }

    .ideal_boxz .col-lg-6 {
        padding: 5px 20px
    }

    .default_chatebox {
        margin-top: 0
    }

    .section-clr .col-lg-9 {
        padding: 0
    }

    .chat_bubbble {
        height: 80px
    }

    .default_chatebox {
        min-height: 300px
    }

    .default_chatebox h2 {
        font-size: 13px !important;
        font-weight: 600;
        width: 75%;
        margin: 10px auto;
        line-height: 19px
    }

    .no_friends {
        padding: 9px 7px
    }

    .chat_bubbble {
        height: 100px
    }

    .no_friends h2 {
        font-size: 12px !important;
        margin-top: -9px !important
    }

    .logls_box {
        height: 35px;
        margin-top: 0
    }

    .feedlist_off .user-lanerdz {
        display: none
    }

    .feed_type img {
        height: 41px
    }

    .feed_type {
        position: absolute;
        right: 30px
    }

    .quickensub_feed {
        padding: 10px 0
    }

    .best_feedback {
        padding: 0
    }

    .feedlist_off .container {
        width: 100% !important
    }

    #tabHirerlist {
        display: none
    }

    .backimg-rtl {
        width: 50px !important;
        height: 50px
    }

    .skil-box1 button,
    .bid-rights {
        float: none
    }

    .ski-rld h2 {
        font-size: 14px
    }

    /* .btton-derv {
        width: 100px
    } */
    .close_mobi {
        display: none
    }

    .left-sidebar,
    .ski-rld {
        margin-top: 9px
    }

    #profile_open {
        display: block
    }

    .quicken_MobiBox {
        display: block
    }

    .quicken_MobiBox ul li.active {
        background-color: #262626;
        border-radius: 3px 4px 0 0;
        color: #fff
    }

    .quicken_MobiBox ul {
        margin-top: 10px;
        margin-bottom: 0;
        padding: 0
    }

    .quicken_MobiBox ul li {
        list-style: none;
        color: #252525;
        float: left;
        width: 25%;
        padding: 10px 0;
        border-bottom: 1px solid #bdb8b8;
        text-align: center;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600
    }

    .user-lanerdz {
        margin-top: 9px
    }

    .user-rit {
        width: 94%;
        left: 0;
        margin: 0 auto;
        top: 0;
        right: 0
    }

    .icon_profilebox {
        text-align: center;
        padding: 15px 0
    }

    .icon_profilebox img {
        height: 46px
    }

    .about-userswork h2 i {
        font-size: 16px
    }

    .icon_profilebox h3 {
        margin: 0;
        font-size: 13px
    }

    .icon_profilebox span {
        font-size: 23px;
        line-height: 40px
    }

    .quicken_LanguageDescribe {
        width: 100% !important
    }

    .br-theme-bars-1to10 .br-widget a {
        height: 20px !important
    }

    .br-theme-bars-1to10 .br-widget .br-current-rating {
        padding: 2px 13px !important
    }

    .cky-revisit-bottom-left {
        bottom: 88px !important;
        left: unset !important;
        right: 8px !important;
    }

    .br-theme-bars-1to10 .br-widget {
        height: 40px
    }

    .quicken_publicRate {
        top: 139px
    }

    .timelie-img .box-example-1to10 {
        right: 4%
    }

    .box-body label {
        font-weight: 500
    }

    .addLangage1 {
        display: none
    }

    .quicken_LanguageType {
        margin-bottom: 0;
        height: 140px
    }

    .quicken_publicprof .quicken_WholeCover {
        height: 540px
    }

    #menuBarDiv .dropdown-toggle {
        font-size: 12px !important
    }

    .quickenn_normalButton,
    .quickenn_cancelbtn,
    .search-field {
        font-size: 12px
    }

    .about-users p i {
        font-size: 15px
    }

    .about-userswork>h2 {
        font-size: 16px
    }

    .edit-fgrp label {
        font-weight: 600;
        font-weight: 600
    }

    .Editor-container .btn {
        padding: 3px 8px;
        font-size: 12px
    }

    .quicken_publicIcon li i {
        display: none
    }

    .quicken_publicIcon {
        top: 71px;
        left: 0
    }

    .quicken_publicIcon li {
        margin-bottom: 10px;
        margin-left: 5px
    }

    .quicken_publicprof .usern-info {
        height: 135px
    }

    .port_backer {
        display: none
    }

    .quicken_portHeading {
        width: 100%
    }

    .quicken_portHeading .quickenn_normalButton {
        bottom: 8%
    }

    .quicken_WholeCover {
        height: 470px
    }

    .quicken_ListLocation {
        width: 47% !important
    }

    #addallperd {
        top: 0 !important
    }

    .over-namc span {
        display: none
    }

    .over-namc i {
        margin-right: 0 !important
    }

    .menu-bard ul {
        margin: 0;
        padding: 0
    }

    .over-namc {
        width: 90px !important;
        height: 90px;
        border-radius: 50%;
        text-align: center;
        right: 0;
        left: -3%;
        top: -3px;
        line-height: 73px;
        font-size: 26px;
        border: 1px solid #fff;
        margin-top: 0 !important
    }

    .ul_leter {
        margin-right: 10px
    }

    .timelines {
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0
    }

    .timelines .img-main {
        width: 90px !important;
        height: 90px;
        border-radius: 50%
    }

    /* //.img-userboxCover {
        //position: absolute;
        //top: 10%;
        //margin: auto;
        //left: 0;
        //right: 0
    //} */
    .quicken_performanceoppen i {
        position: absolute;
        right: 11px;
        height: 37px;
        width: 37px;
        top: 5px;
        font-size: 18px;
        line-height: 39px
    }

    .usern-info {
        width: 100%
    }

    .quicken_newLayout {
        width: 100%;
        bottom: 4%
    }

    .quicken_ListLocation {
        width: 21%
    }

    .usern-info h1 {
        margin: 0;
        font-size: 18px
    }

    .my-bids .panel-body .col-lg-4 h5 {
        font-size: 12px
    }

    .my-bids .panel-body .col-lg-4 h4 {
        font-size: 12px
    }

    .want_change_pass span {
        margin-top: 0
    }

    .want_change_pass .cc_chager {
        float: none !important
    }

    .dashboard-s .container {
        width: 100% !important
    }

    .left-sidebar {
        margin-bottom: 20px
    }

    .quicken_hireRequest {
        padding-right: 0
    }

    .dashboard-s {
        padding-bottom: 30px
    }

    .dashboard-s .col-lg-7 {
        padding-left: 0
    }

    .notification_box ul li {
        width: 100%
    }

    .notification_boxg {
        margin: auto
    }

    .right-her h5 {
        line-height: 16px
    }

    .br-bager {
        margin-top: 15px
    }

    .want_change_pass {
        width: 90%
    }

    .notification_boxg {
        max-width: 480px;
        margin: auto
    }

    .sear_bazr {
        max-width: 410px;
        margin: auto;
        position: fixed;
        left: 0;
        right: 0
    }

    .caret_upquciken {
        display: none !important
    }

    .notification_boxg>i {
        position: relative
    }

    .my-bids p {
        right: -33px
    }

    .notification_cr {
        position: inherit
    }

    .notbox_relativebox {
        position: relative
    }

    .notification_cr ul {
        right: 0
    }

    .notification_cr {
        background: #f0af14;
        margin-right: -1px;
        border-right: 2px solid #464545;
        padding-right: 10px !important
    }

    .counter_not {
        top: -35px;
        right: -6px
    }

    .search-project-row .find-project {
        margin-top: 0px !important;
    }

    .search-project-order .find-project {
        margin-bottom: 0px !important;
    }

    .search-project-order.search-project-record {
        padding: 4px 15px;
        margin: 0px;
    }

    .my-bids {
        position: inherit
    }

    .menu-bard .container {
        width: 100% !important
    }

    .menu-bard ul li i {
        padding-top: 8px;
        padding-left: 10px
    }

    .menu-bard ul li {
        font-size: 13px !important
    }

    .my-bids span {
        display: block;
        padding: 0 10px
    }

    .my-bids p {
        background: rgba(50, 41, 30, 0.91)
    }

    .my-bids {
        background-color: #F0AF14
    }

    .mobile_menuside {
        display: block
    }

    .XS_menuBar {
        display: none;
        background-color: #272017;
        color: #fff
    }

    .XS_menuBar ul li:hover {
        transition: 1s ease;
        background-color: #171309
    }

    .XS_menuBar ul {
        margin: 0;
        padding-left: 0;
        list-style: none
    }

    .my-bids_relative {
        position: relative;

    }

    .br-bager {
        width: 35px !important;
        height: 35px
    }

    .right-her h5 span {
        float: left
    }

    .menu-bard {
        position: relative
    }

    .XS_menuBar ul li {
        color: #fff;
        font-size: 13px;
        border-top: .5px solid #383838;
        box-shadow: 0 -.3px 0 .3px rgba(10, 10, 10, 0.89)
    }

    .QLdekstop_menu #dash1,
    .QLdekstop_menu #dash2,
    .QLdekstop_menu #dash3,
    .QLdekstop_menu #dash4,
    .QLdekstop_menu #dash5,
    .QLdekstop_menu #dash6 {
        display: none
    }

    /* .complaints .container {
        width: 100% !important
    } */

    .quickenlancer_cmspage .container {
        width: 100% !important
    }

    .quickenlancer_conentbox p {
        font-size: 13px
    }

    .quickenlancer_conentbox ol li {
        font-size: 13px
    }

    .quickenlancer_conentbox h4 {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px
    }

    .quicken_AboutLayoutSrc {
        display: none
    }

    .quicken_AboutProfile h1 {
        font-size: 21px
    }

    .quicken_AboutProfileBlock h4 {
        font-size: 15px;
        width: 50%;
        margin: auto;
        line-height: 19px;
        margin-top: 8px;
        font-weight: 600
    }

    .quickenSizeCenter {
        display: none
    }

    .quickenn_workFlow {
        padding-top: 0;
        margin-bottom: 20px
    }

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

    .quickentmake_TermsList li {
        list-style: none;
        font-size: 13px;
        line-height: 24px;
        font-weight: 600
    }

    .quickentmake_Terms h3 {
        font-size: 14px;
        font-weight: 600
    }

    .quickentmake_mission {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9
    }

    .quickentmake_mission img {
        height: 80px;
        margin-top: 52px
    }

    .quickentmake_Terms {
        padding: 20px 0;
        position: relative
    }

    .quickentmake_Terms h3 img {
        width: 50px
    }

    .quickentmake_businessBaner {
        position: absolute;
        z-index: 9;
        left: 0;
        right: 0;
        margin: auto;
        top: 1%;
        bottom: 0;
        width: 158px
    }

    .quickentmake_businessSlider .carousel-inner img {
        height: 62px
    }

    .quickentmake_businessSlider .carousel-inner h3 {
        margin-top: 15px;
        font-size: 11px;
        padding: 0 4px
    }

    .quickentmake_businessBanerText h2 {
        line-height: 28px;
        font-size: 20px !important;
        letter-spacing: 4px
    }

    .quickentmake_businessBanerText p {
        font-size: 13px
    }

    .quickenlancer_conentbox {
        padding: 0px 0px !important;
    }

    .quickentmake_businessbtn {
        margin-top: 21px;
        padding: 12px 16px;
        font-size: 13px
    }

    .itemcarousel_wrapper .btn {
        font-size: 11px;
        padding: 4px 11px
    }

    .quickentmake_businessBanerText h2 {
        padding-top: 270px
    }

    .quickentmake_TermsLast h2 {
        font-size: 21px;
        margin-top: 0
    }

    .quickentmake_TermsLast .quickenn_normalButton {
        padding: 7px 28px;
        font-size: 13px
    }

    .quickentmake_TermsLast p {
        width: 85%;
        margin: auto;
        font-size: 19px;
        color: #efefef;
        font-size: 15px
    }

    .quickentmake_TermsLast {
        min-height: 240px
    }

    .quickentmake_businesheader {
        font-size: 9px
    }

    .quickentmake_businessSlider .carousel-inner img {
        margin-top: 10px
    }

    .quickentmake_businessSlider {
        right: 0;
        top: 0;
        height: 203px;
        width: 113px;
        left: 29px;
        top: 42px
    }

    .background_colorBaner {
        width: 142px
    }

    /* .boot-table .table tbody tr td {
        border: 1px solid #d2d1d1 !important
    } */

    .position-seeker .col-lg-3 {
        margin-bottom: 10px;
        width: 100%
    }

    .position-seeker .col-lg-3 .bootstrap-select button {
        border-radius: 2px;
        height: 38px
    }

    .search-isd button {
        padding: 10px 0;
        border-radius: 3px;
        line-height: 21px
    }

    .middel-lancer .container {
        width: 100% !important
    }

    .jobslider .container {
        width: 100% !important;
        padding: 0
    }

    .uea_right h2 {
        font-size: 13px;
    }

    .ticket_set {
        padding-top: 10px
    }

    .uea_right p {
        font-family: 'Montserrat-Medium';
        margin-top: 0;
        line-height: 22px;
    }

    .uea_right_right {
        padding: 10px;
        background-color: #e9e9e9;
        width: 100% !important;
        margin-top: 14px;
        border-radius: 2px;
        text-align: left;
        border: none !important;
        /* position: relative */
    }

    .uea_right_right button {
        position: none !important;
        right: 3%;
        top: 14px;
        padding: 6px 11px
    }

    .search-isd {
        width: 100%
    }

    .position-seeker .btn-group {
        border-radius: 3px
    }

    .after-login:hover,
    .after-login:focus {
        background-color: #F0AF14;
        outline: none
    }

    .lancer_fiinder {
        padding: 20px 0
    }

    /* .after-login.active {
        background-color: #F0AF14
    } */

    .laber_opt ul li {
        font-size: 13px;
        width: 150px;
        margin-bottom: 13px
    }

    .postwork h1 {
        font-size: 17px
    }

    .block-left.get-class label,
    .block-left label {
        font-size: 13px;
        font-weight: 600
    }

    .information_diver {
        width: 100% !important
    }

    .fog-width1 {
        width: 50%
    }

    .fog-width {
        width: 50%
    }

    .last-fog {
        width: 50%
    }

    .postwork {
        padding-right: 0 !important
    }

    .pop_search ul {
        margin-left: 0;
        padding-left: 0;
    }

    .pop_search h4 {
        float: none;
    }

    .submit-postbtn button {
        font-weight: 600;
        font-size: 13px
    }

    .dk_container {
        font-size: 11px
    }

    .form-control {
        font-size: 13px;
        height: 45px !important;

        font-weight: 500 !important;
    }

    .range-one {
        width: 100% !important;
        margin-left: 0
    }

    .to-range {
        line-height: 14px;
        margin-bottom: 11px
    }

    .half-box {
        margin-bottom: 10px;
        width: 100% !important
    }

    .lancer_fiinder .container {
        width: 100% !important
    }

    .prof_pic {
        height: 60px;
        width: 60px
    }

    .timeline_find {
        min-height: 190px
    }

    .search_barbox .col-lg-3 {
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .sturt_lancer {
        height: 180px;
    }

    .range_bar {
        margin-top: 15px;
        padding: 0
    }

    .black_shadow {
        background-color: rgba(0, 0, 0, 0.72)
    }

    .hire_lanc:hover,
    .hire_lanc:focus {
        color: #fff !important
    }

    .basic_inf ul li h1 {
        font-size: 14px;
        font-weight: 600
    }

    .basic_inf ul li {
        font-size: 12px
    }

    .basic_inf {
        padding-top: 0
    }

    .sign-term small {
        font-size: 13px;
        font-weight: 600
    }

    .search-bar button i {
        display: inline-block
    }

    .app_xon img {
        height: 70px
    }

    .mobi-hidden {
        display: none
    }

    .repeaters {
        margin-bottom: 10px
    }

    .img_apps img {
        margin-top: 10px
    }

    .inf_steps p {
        text-align: left;
        font-size: 13px
    }

    .inf_steps span {
        font-size: 14px !important;
        height: auto !important;
        text-align: left;
        margin: 4px 0
    }

    .hidden-dekstop {
        display: block
    }

    .for_hire .img-responsive {
        display: none
    }

    .works h2 {
        font-size: 25px;
        margin-bottom: 1em
    }

    .rounder_cirle {
        width: 80px;
        height: 80px;
        font-size: 34px;
        padding-top: 13px
    }

    .bg1_color .fa-file-text {
        font-size: 33px
    }

    .cirler_box {
        height: 125px
    }

    .rounder_cirle i {
        transform: rotate(44deg)
    }

    .title-home {
        font-size: 25px;
        margin-bottom: 1em
    }

    .subscriber_s .subscribe_ql {
        letter-spacing: 1px;
        font-size: 21px
    }

    .subscriber_s p {
        text-align: center;
        font-size: 13px;
        width: 80%;
        color: #ececec
    }

    .subs-field button {
        width: 100%;
        font-size: 15px;
        height: 42px;
        border-radius: 3px;
        padding: 10px 20px;
        text-align: center;
        margin: auto
    }

    .subs-field input {
        width: 100%
    }

    .subs-field {
        margin-top: 15px
    }

    .work_ones {
        width: 80%;
        margin: 0 auto 60px
    }

    .work_ones p {
        padding: 5px 10px
    }

    .project-portal>.container>h1,
    .abs_divasw h2 {
        font-size: 25px
    }

    .img_apps {
        display: block
    }

    .abs_divasw p {
        font-size: 13px
    }

    .inf_steps {
        text-align: left;
    }

    .inf_steps_circle {
        width: 40%;
        position: absolute;
        left: 0;
        transform: rotate(-44deg)
    }

    .inf_steps {
        position: absolute;
        right: 0;
        width: 60%;
        padding-top: 9px
    }

    .rounder_cirle {
        width: 80px !important;
        height: 80px !important;
        font-size: 31px !important;
        line-height: 78px !important;
        padding-top: 0 !important
    }

    .bg1_color .fa-file-text {
        font-size: 30px !important
    }

    .search-bar button {
        height: 44px;
        border: 1px solid #d28a23;
        border-radius: 3px
    }

    .head-main .container {
        /* max-width: 480px; */
        margin-left: auto;
        margin-right: auto
    }

    .flex-caption {
        margin-top: -14px
    }

    .quicken_WrapperBox {
        /* max-width: 472px; */
        margin-left: auto;
        margin-right: auto
    }

    .search-bar input {
        width: 100%
    }

    .search-bar button {
        width: 100%
    }

    .open-iconsWork {
        font-size: 12px !important
    }

    .search-bar button {
        font-size: 15px
    }

    .small-field {
        width: 32%;
        padding: 29px 10px 9px;
        float: left
    }

    .small-field img {
        height: 35px
    }

    .quicken_AboutMainImg img {
        height: 150px;
        margin-bottom: 10px !important
    }

    .quicken_AboutMainGra img {
        height: 110px
    }

    .quicken_About {
        height: auto
    }

    .quicken_AboutProfileCover img {
        height: 58px
    }

    .quicken_AboutProfileBlock {
        margin-bottom: 30px
    }

    .quicken_AboutProfileArrow-up {
        display: none !important
    }

    .quicken_AboutMainBlock h3 {
        font-size: 27px
    }

    .quicken_AboutMainBlock p {
        font-size: 14px;
        line-height: 22px
    }

    .quicken_AboutProfileCover {
        text-align: center !important;
        height: 95px;
        width: 95px;
        line-height: 94px
    }

    .quicken_AboutMainBlock {
        text-align: center
    }

    .quicken_AboutLeft {
        height: 250px !important
    }

    .quicken_AboutRight {
        height: 250px !important;
        background: #32291e
    }

    .searcher_lanc {
        margin-top: 0 !important;
        margin-left: 0
    }

    .quicken_AboutRightInfo p {
        font-size: 13px
    }

    .uea_right_right {
        width: auto
    }

    .information_diver {
        width: 50%
    }

    .information_diver ul li {
        width: 100%
    }

    .submit-postbtn .reglogin {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .block-left {
        padding-bottom: 10px
    }

    .app-soon {
        height: 1090px
    }

    .footer .container {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }

    .pop_search h1 {
        float: none
    }

    .img_apps img {
        height: 187px
    }

    .img_apps img {
        text-align: center;
        margin: 67px auto
    }

    .img_apps {
        position: absolute !important;
        top: 129px;
        width: 100%;
        left: 0
    }

    .app_xon {
        padding-top: 243px
    }

    .fot1 ul li {
        line-height: 24px
    }

    .pop_search ul li {
        font-size: 13px;
        cursor: default
    }

    .sub-footer {
        height: auto
    }

    .sub-footer p {
        height: auto;
        padding: 13px;
        line-height: 24px;
        font-size: 13px
    }

    .appl_btnerP {
        margin: auto;
        font-size: 12px;
        width: 80%
    }

    .img_apps img {
        height: 230px
    }

    /* .quicken_mobilemenubar {
        display: block
    } */
    .quicken_responsiveMenu {
        display: block
    }

    .lancer-status .ql_heading {
        line-height: 25px;
        font-size: 18px;
        margin-bottom: 0;
        padding: 0 11px
    }

    .oper-img {
        margin-bottom: 10px
    }

    .icon-slider {
        font-size: 77px;
        margin-top: 0
    }

    .search-bar input {
        height: 40px !important;
        font-size: 14px
    }

    .search-bar {
        border: 1px solid #CCC;
        height: 42px
    }

    .slider-start {
        height: 140px;
        margin: 0 auto 5px
    }

    .lancer-status {
        padding-top: 38px
    }

    .oper-img img {
        width: 63%;
        margin: auto
    }



    .quicken_mobilemenubar {
        background-color: #454433
    }

    .quicken_responsiveMenu {
        text-align: right;

    }

    .quicken_responsiveMenu .fa-bars {
        text-align: right;
        font-size: 25px;
        padding: 5px 8px;
        color: #797979;
        border: 2px solid #797979;
        border-radius: 3px;
        cursor: pointer
    }

    .quicken_beta {
        position: absolute;
        top: 63%;
        right: 9%
    }

    .login-box .quicken_menulist {
        display: block
    }

    .quicken_menulist {}

    .quicken_menulist li {
        color: #fff;
        padding: 10px 15px;
        transition: 1s ease
    }

    .quicken_menulist li:hover,
    .quicken_menulist li:focus {
        transition: 1s ease
    }

    #openlogin:hover,
    #openlogin:focus,
    #openregister:hover,
    #openregister:focus {
        background-color: #e2b40c;
        transition: 1s ease;
        cursor: pointer
    }

    #openlogin,
    #openregister {
        padding: 14px 15px;
        margin: 0;
        border-radius: 0;
        line-height: none !important;
        background: transparent
    }

    .quicken_mobilemenubar {
        z-index: 9999;
        position: fixed;
        width: 200px;
        top: 60px;
        /* box-shadow: -3px 10px 7px rgba(0, 0, 0, 0.5); */
        transition: .5s ease;
        height: 100%;
        /* right: -200% */
    }

    .quicken_mobilemenubar.active {
        /*right: 0*/
    }

    .after-login {
        padding: 0px 20px;
        width: 100%
    }

    .after-login .btn {
        color: #fff;
        padding-left: 0
    }

    .after-login .btn:hover,
    .after-login .btn:focus {
        color: #fff
    }

    .inner-set {
        display: none
    }

    .user_menu {
        margin-top: 10px !important;
        width: 100% !important;
        background-color: #27261c
    }

    .after-login ul li {
        color: #fff
    }

    .setting_quicken {
        padding: 10px;
        position: fixed;
        bottom: 0;
        color: #fff;
        font-size: 15px;
        width: 100%;
        cursor: pointer;
        background-color: #1f1e16
    }

    .setting_quicken i {
        margin-right: 10px
    }

    .all-setting .col-lg-3 {
        float: left
    }

    .ql_profileSet {
        font-size: 13px
    }

    .all-setting .col-lg-3 i {
        font-size: 45px
    }

    .all-setting.active {
        height: 150px
    }

    .all-setting .col-lg-3 {
        height: auto
    }

    .all-setting .caret_upquciken {
        color: #fff;
        position: absolute;
        right: 0;
        bottom: -27px;
        background-color: #1d1d1d;
        padding: 3px 5px;
        font-size: 16px;
        cursor: pointer;
        width: 35px;
        border-radius: 0 0 5px 5px;
        text-align: center
    }

    .quicken_Login {
        padding: 40px 0 0 !important;

    }

    .appl_btner {
        width: 100%
    }

    .appl_btner img {
        height: 40px
    }

    #registerbox .col-lg-5 {
        width: 100%
    }

    .posted_works {
        padding: 0
    }

    .quicken_responsiveUserprofile ul {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .XS_menuBar {
        background-color: #000;
    }

    .after-login ul li {
        border-bottom: 1px solid #383838;
    }
}

@media (max-width: 600px) {
    .head_hirer .col-lg-6 {
        text-align: center
    }

    .head_hirer .hirer_img {
        float: none
    }

    #hire_form .infor_hire {
        width: 100%
    }

    #hire_form .br-widget {
        width: 74px;
        margin: auto
    }
}

@media (max-width: 360px) {
    .quicken_Login {
        width: 100%;
        padding: 40px 0 0 !important
    }

    .quicken_MobiBox ul li {
        padding: 10px 3px;
        font-size: 12px
    }

    .login-boxd .col-lg-4 button {
        font-size: 13px;
        border-radius: 3px;
        width: 48%
    }

    .opt_Feeder label {
        font-size: 13px
    }

    /* body {
        min-width: 350px
    } */
}

@media (max-width: 440px) {
    .total-round input {
        background: transparent
    }

    .total-round {
        /* height: 78px; */
        width: 78px;
        margin-right: 7px !important
    }

    .bider-pop .modal-dialog {
        width: 95%
    }

    .feedback_us .modal-dialog {
        width: 80%;
        margin: 30px auto
    }

    .update_data {
        width: 90%
    }

    #rating_pop .modal-dialog {
        width: 90%;
        margin: 50px auto
    }

    .feedBox_type img {
        width: 34px
    }

    .box_hirer {
        width: 100%;
        margin: 0 auto
    }

    .infor_hire {
        padding-top: 0
    }

    .quicken_feedback {
        margin: 50px auto;
        width: 95%
    }

    .button_status_ch button {
        font-size: 11px;
        padding: 6px
    }

    .quickentmake_TermsLast h2 {
        font-size: 16px
    }

    .quickentmake_mission img {
        height: 70px;
        margin-top: 50px
    }

    .quickentmake_Terms h3 img {
        width: 40px
    }

    .quickentmake_Terms h3 {
        font-size: 13px
    }

    .quickentmake_businessBanerText h2 {
        padding-top: 265px;
        line-height: 23px;
        font-size: 15px !important;
        letter-spacing: 1px
    }

    .postwork h1 {
        font-size: 15px
    }

    .half-second {
        margin-left: 5px
    }

    #registerbox input {
        font-size: 13px
    }

    .small-field {
        padding: 29px 0 9px 10px
    }

    .small-field p {
        font-size: 11px
    }

    .alter-nate {
        margin-left: 0
    }

    .small-field img {
        height: 33px
    }

    .share-it li {
        margin-right: 5px
    }

    .fot1 p {
        font-size: 13px
    }

    .app-soon {
        height: 1150px
    }

    .home_prj .quicken_profilepics4 {
        padding: 0;
        height: 55px;
        margin-top: 36px;
        width: 55px
    }

    .coming_up {
        background-color: #fff;
        position: fixed;
        width: 87%;
        left: 15px
    }

    .subscriber_s .subscribe_ql {
        letter-spacing: 1px;
        font-size: 16px
    }

    .container {
        width: 100% !important
    }

    .subscriber_s p {
        font-size: 12px;
        width: 95% !important
    }

    .subs-field {
        width: 100%
    }

    .img_apps img {
        margin: 70px auto
    }

    .project-portal>.container>h1,
    .abs_divasw h2 {
        font-size: 20px
    }
}

.ticket_set span {
    background: rgba(13, 18, 31, 0.85);
    margin-right: 7px;
    padding: 5px;
    border-radius: 3px;
    color: #fff
}

.about-white-box {
    min-height: 223px;
}

.quickenloader_box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    height: 100%;
    width: 100%;
    background-color: #fff
}

.uea_left img {
    height: 43px
}

.loader_realativeDiv {
    position: relative;
    margin-top: 240px;
    display: none !important
}

.loader_realativeDiv h6 {
    position: absolute;
    color: #fff;
    text-align: center;
    top: 30px;
    right: 0;
    bottom: 0;
    font-size: 45px;
    left: 0;
    margin: auto
}

.quickenloader_box p {
    text-align: center;
    color: #4e4d4d;
    font-size: 13px;
    font-style: italic;
    margin-top: -34px
}

.loader {
    font-size: 4px;
    margin: 10px auto 40px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #d8d8d7;
    position: relative;
    -webkit-animation: load3 .5s infinite linear;
    animation: load3 .4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #f1ba14;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.loader:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@media (min-width: 768px) {

    .close_mobi,
    .close_mobi {
        display: block !important
    }
}

.loader_chatset {
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    background: #fff;
    height: 59%;
    width: 100%;
    z-index: 9
}

.loader_chatset .loader {
    margin-top: 120px
}

.ql_dataHide {
    position: absolute;
    width: 50%;
    z-index: 0;
    display: none;
    opacity: 0;
    height: 50px;
    overflow: hidden;
    background: #000;
}

.ql_data_hide {
    position: absolute;
    width: 30%;
    /* top: 150px; */
    right: 0;
    display: none;
    opacity: 0;
    height: 50px;
    overflow: hidden;
    opacity: 0;
}

.quicken_slider {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 40px;
    background: #fff;
    height: 100%;
}

.commission_free {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.quicken_slider h1 {
    margin: 0px 0 0;
    font-family: Montserrat-Bold;
    color: #333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 42px;
    line-height: 65px;

    padding-top: 70px;
}

.quicken_search_Bar {
    height: 50px;
    width: 450px;
    margin-top: 25px;
    border-radius: 30px;
    box-shadow: 0px 0px 0px 1px rgba(58, 57, 57, 0.5);
    background: #fff;
    position: relative;
}

.quicken_search_Bar .input-search {
    /* color: #777888; */
}

.quicken_search_Bar .fa-search {
    position: absolute;
    right: 6px;
    font-size: 16px;
    color: #fff;
    top: 6px;
    background: #652361;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 12px 12px;
    color: #fff;
}

.quicken_search_Bar input {
    width: 100%;
    height: 50px !important;
    padding-left: 30px;
    border: none;
    font-weight: 600;
    float: left;
    border-radius: 30px;
}

.quicken_hire {
    background-color: #f1ba14;
    width: 23%;
    border-radius: 0px 4px 4px 0px;
    height: 52px;
    display: block;
    color: #fff !important;
    line-height: 51px;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    float: left;
}

.quicken_hire:hover {
    color: #fff !important;
}

/*.quicken_slider h3 {*/
.quicken_slider h2 {
    font-family: Montserrat-Medium;
    color: #333;
    margin: 0;
    /* text-transform: uppercase; */
    /* text-shadow: 3px 1px 0px rgba(0, 0, 0, 0.43); */
    font-size: 18px;
    line-height: 22px;
    width: 85%;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 23px;
}

.quicken_search_Bar .chosen-container {
    width: 77% !important;
    float: left;
}

.quicken_search_Bar .chosen-choices {
    border: none !important;
    border-radius: 4px;
    height: 50px !important;
}

.quicken_search_Bar .chosen-choices li.search-choice {
    height: 40px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    background-color: #fff !important;
}

.quicken_search_Bar .search-choice-close {
    top: 13px !important;
}

.quicken_search_Bar .chosen-results li {
    padding: 10px 10px !important;
    font-size: 15px !important;
}

.quicken_search_Bar .chosen-drop {
    padding: 0px !important;
    margin-top: -1px !important;
    border: none !important;
    border-radius: 0px 3px 0px 3px;
}

.post_project {
    padding: 1;
    border-radius: 3px;
    margin-right: 0px !important;
    padding: 16px !important;
}

.title_hire {
    text-align: left;
}

.why_quicken_round {
    /* border: 2px dashed #393a3a; */
    border-radius: 50%;
    height: 130px;
    width: 130px;
    text-align: center;
    background: #fff;
    padding-top: 27px;
    box-shadow: 0px 0px 14px 4px rgba(189, 188, 188, 0.5);
    margin: 0px auto;
}

.why_quicken_round img {
    margin: 0px auto;
}

.why_quicken h3 {
    color: #393a3a;
    text-align: center;
    font-weight: 600;
    font-size: 19px;
}

.why_quicken p {
    width: 80%;
    margin: 0px auto;
    text-align: center;
}

.title-hire-free {
    text-transform: capitalize;
    padding-top: 25px;
    margin-bottom: 15px;
    /* color: #fff; */
    color: #353535;
    font-size: 28px;
    font-family: Montserrat-Medium;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.5px;
}

.image_set {
    height: 40px;
    width: 40px;
    background-size: cover;
    border-radius: 50%;
    border: 2px solid #85c951;
    float: right;
}

.it_worksStepsBox p.rate {
    font-family: Montserrat-Bold;
    color: #525251;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 600;
}

.slick-prev {
    position: absolute;
    right: 26px;
    z-index: 9;
    top: -23px;
    padding: 10px;
    background: transparent;
    border: none;
}

.slick-prev i {
    color: #333;
}

.slick-next i {
    color: #333;
}

.slick-next {
    position: absolute;
    right: 0;
    top: -23px;
    z-index: 9;
    padding: 10px;
    background: transparent;
    border: none;
}

.quicken_hire_skill {
    background: #f5f5f5;
    padding: 50px 0px;
    height: auto;
}

.title-hire-skills {
    text-align: center;
    color: #353535;
    font-size: 28px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.5px;
}

.quicken_hire_skill p {
    font-size: 15px;
}

.ql_circle_inner {
    height: 25px;
    width: 25px;
    float: right;
    border: 1px solid #85c951;
    line-height: 23px;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: 5px;
}

.quicken_hire_skill_list ul li {
    display: inline-block;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    background: #fff;
    padding: 3px 15px;
    margin: 0px 5px 10px 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.quicken_promote {
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 50px 0px;
    position: relative;
}

.quicken_promote h2 {
    text-align: left;
    color: #353535;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.5px;
}

.quicken_promote p {
    font-size: 18px;
    margin-bottom: 11px;
    line-height: 24px;
    color: #383636;
}

.quicken_promote_list li {
    font-size: 17px;
    line-height: 26px;
    list-style: disc;
}

.button_set a {
    background: #f1ba14;
    padding: 13px 0px;
    color: #fffbfb !important;
    /* height: 50px; */
    display: block;
    float: left;
    /* padding: 13px; */
    font-weight: 600;
    width: 200px;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px;
    font-size: 16px;
}

.rounder_image {
    border-radius: 50%;
    position: absolute;
    right: -9%;
    top: -26%;
    height: 700px;
    width: 700px;
    background: #000;
    background-position: 129% center;
    background-size: cover;
}

.want_change_pass {
    background: #fff;
    color: #252424;
    border-radius: 3px;
    padding: 0px 20px 30px 20px;
}

.want_change_pass h3 {
    background: #fff;
    color: #263c2c;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 600;
}

.canceler {
    background: #6b6666 !important;
    display: block;
    font-size: 13px;
    color: #fff !important;
    padding: 10px 34px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 15px;
    margin-right: 0px !important;
    font-weight: 500;


}

.profile_bottom_box .btn_call_with:hover {
    color: #fff !important;
    background: #191e3eed !important;
}

.canceler:hover {
    color: #fff !important;
    background: #191e3eed !important;
}

.want_change_pass_overlay {
    position: fixed;
    left: 0%;
    right: 0%;
    background-color: #000000ba;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}

.no-bidsetr {
    border: none !important;
}

.lt_lastchild {
    border: none !important
}

.search_project .search-field {
    height: 35px;
}


/* .search_project .chosen-container {
    width: 100% !important;
    text-align: left;
    border: 1px solid #999;
} */

.search_project .chosen-container {
    width: 100% !important;
    text-align: left;
    /* border: 2px solid #999; */
    border-radius: 30px;
    /* height: 40px; */
}

.search_project .chosen-container-multi .chosen-choices li.search-field input::placeholder {
    color: #9a9aa7;


}

.search_project .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 46px;
    padding-bottom: 0px;
    /* text-transform: capitalize; */
    padding-left: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 0px 5px 2px 10px !important;
}

.search_project .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 10px;
}

.search_project .chosen-container-multi .chosen-choices li.search-choice {
    padding: 3px 20px 3px 9px;
    height: 32px;
    line-height: 23px;
    font-size: 13px;
    font-weight: 600;
    /* margin: 20px 5px 3px 5px; */
}

.search_project .col-lg-10 {
    padding: 0px;
}

/* .search_project .chosen-container-multi .chosen-choices {
    border: none;
    padding: 0px 15px;
    border-radius: 4px;
} */

.search_project .chosen-drop {
    border: none !important;
    margin-top: -2px;
}

.search_project .chosen-container .chosen-results li {
    /* display: none; */
    margin: 0;
    padding: 11px 11px;
    list-style: none;
    font-size: 13px;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
    color: black !important;
}

.title_box_search {
    margin-bottom: 9px;
    font-family: Montserrat-Medium;
}

.title_box_search p {
    font-family: Montserrat-Medium;
}

.title_box_search h1 {
    font-family: Montserrat-Medium;
}

/* .search_project {
    opacity: 0;
} */

.jobslider.fixed {
    position: fixed;
    top: 59px;
    z-index: 999;
}

.right-sidebar label {
    font-size: 16px;
}

.careername_user span {
    color: #565656;
    font-weight: 600;
    margin-top: 5px;
    display: block;
}

.right-sidebar>label {
    color: #000;
}

.quickenn_cancelbtn.addproject:hover,
.quickenn_cancelbtn.addproject:focus {
    background-color: #b7b7b6 !important;
}

.project_area_box {
    width: 100%;
    /* border: 1px solid #dfdfdf; */
    margin: 0px auto;
    padding: 50px 0px;
    /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); */
    border-radius: 1.225rem !important;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 4%), 0 0px 0px rgb(0 0 0 / 4%) !important;
    padding: 25px 20px;
    margin-top: 20px;
    background: #fff;
    margin-bottom: 80px;
    /* margin-top: -50px; */
}

.project_area_box .form-control {
    height: 45px;
    font-size: 13px;
    font-weight: 500;
    font-size: 13px !important;
    color: #000;
}

.project_area_box textarea.form-control {
    height: inherit;
}

.project_area_box .next_level {
    background: #191E3E;
    border: 1px solid #191E3E;

    padding: 8px 10px;
    width: 120px;
    float: right;
    color: #fff !important;
    border-radius: 2px;
    line-height: 20px;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    border-radius: 6px;


    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.project_area_box .next_level:hover {
    color: #fff !important;
    background: #191e3eed !important;
    border: 1px solid #191e3eed !important;
}

/* .notification_cr img {
    padding-top: 7px;
} */
.my-bids .my_bids_lable {
    padding: 0px 12px;
    position: relative;
    border-right: 1px solid #ccc;
}

/* Hover text tooltip */
.my-bids .my_bids_lable:hover .TotalCount {
    opacity: 1;
    transform: translateY(-10px);
    display: block;
}

.project_area_box_slider .carousel-control.right,
.project_area_box_slider .carousel-control.left {
    display: none;
}

.project_area_box_slider .item img {
    text-align: center;
    margin: 0px auto;
}

.project_area_box_slider .item {
    text-align: center;
    margin-top: 40px;
}

.project_area_box_slider h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

.project_area_box_slider .item p {
    text-align: center;
    width: 80%;
    margin: 0px auto;
}

.project_area_box_slider .carousel-indicators {
    top: 0;
    right: 0;
    bottom: auto;
    left: inherit;
    text-align: right;
}

.project_area_box_slider li {
    border: 1px solid #272727;
}

.project_area_box_slider .carousel li {
    margin-right: 0px;
}

.project_area_box_slider .carousel-indicators .active {
    background-color: #fed455;
}

.project_area_box .next_level {
    outline: none !important;
}

.project_area_box h1 {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 5px;
}



.project_area_box_right h3 {
    font-weight: 600;
    text-transform: uppercase;
    color: #2c2b2b;
    font-size: 17px;
}

.project_area_box_right p {
    width: 80%;
    font-size: 14px;
    color: #696969;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    margin: 0px auto;
    text-align: center;
}

.project_ul li {
    list-style: none;
    float: left;
}

.project_ul li {
    height: 40px;
    width: 40px;
    float: left;
    text-align: center;
    line-height: 43px;
    background: #e2e2e2;
    font-size: 18px;
    margin: 5px;
    position: relative;
    border-radius: 50%;
}

.form_fields label {
    display: inline-block;
    text-align: start;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}

.project_ul {
    margin: 0px auto;
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.project_ul .active {
    background-color: #090808;
    color: #fff;
    box-shadow: 0px 6px 17px rgba(154, 154, 154, 0.5);
}

.post_form {
    height: 280px;
}

.project-dis.post_project_form.form-white-box .project_area_box .post_form {
    height: auto;
}

.post_form .chosen-container {
    width: 100% !important;
    /*height: 45px;*/
}

.post_form li.search-field input[type=text] {
    height: 36px !important;
    padding-left: 10px !important;
}

.post_form .chosen-container .chosen-drop {
    border: none;
}

#post_second_box {
    margin-top: 5px;
}

/* [type="file"]+label {
    background-color: red !important;
} */

.post_second_box {
    display: none;
}

.post_fourth_box {
    display: none;
}


.next_level {
    float: right;
}

.whiteArrow {
    width: 20px;
}

.blackArrow {
    width: 20px;
}

/* .next_level i {
    float: right;
    line-height: 20px;
} */

.next_level span {
    text-align: left;
}

.verified_box {
    float: right;
}

.add_note p {
    padding: 0px;
    text-align: left;
    margin-bottom: 25px;
    color: #3c3c3c;
    margin-top: 15px;
    line-height: 23px;
}

.add_note label {
    margin-top: 15px;
    text-align: left;
}

.prev_level {
    border: none;
    background: transparent;
    font-size: 15px;
    padding: 12px 2px;
    text-transform: uppercase;
    color: #545353;
    margin-top: 5px;
}

.prev_level i {
    cursor: pointer;
    margin-right: 8px;
}

.prev_level {
    outline: 0;
}

.post_third_box {
    display: none;
}

.post_form .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    /* width: 100% !important; */
    padding-left: 0 !important;
}

.submit {
    text-align: center !important;
}

.hire_person {
    padding: 20px 25px;
}

.hire_person h3 {
    margin: 0;
    font-size: 15px
}



.msg-error h6 {
    font-size: 13px;
    color: #ca3f3f;
}

.quicken_new_btn {
    background: #191e3e !important;
    border: none;
    padding: 8px 20px 8px 18px;
    width: 130px;
    float: right;
    color: #fff !important;
    border-radius: 2px;
    line-height: 22px;
    font-weight: 600;
    font-size: 13px;
}

.recent_table {
    /*max-height:708px;*/
    overflow: auto;
    padding: 20px 10px;
    height: auto;
}

#login,
.again_optlog {
    outline: 0;
}

.quicken_AboutMainBlock p {
    display: inline-block;
    margin-top: 15px;
}

.quicken_AboutMainBlock h1 {
    font-size: 24px;
    line-height: 35px;
}

.quicken_AboutMainBlock {
    text-align: Center;
    width: 90%;
    margin: 0px auto;
}

.quicken_Aboutwhy p {
    width: 54%;
    font-size: 17px;
    line-height: 26px;
    color: #535050;
}

.quicken_AboutMainBlock h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.quicken_mainPara h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}

.quicken_mainPara p {
    font-size: 24px !important;
    line-height: 35px;
    display: inline;
    color: #000;
}

.quicken_mainPara h1 {
    font-size: 24px !important;
    line-height: 35px;
    display: inline;
    color: #000;
}

.quicken_mainPara h2 {
    font-size: 24px !important;
    line-height: 35px;
    display: inline;
    color: #000;
}

.quicken_AboutMainBlock h3 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #000;
}

.project_main_heading {
    text-align: center;
    /* padding-top: 36px; */
}

.project_main_heading h1 {
    text-align: center;
    font-size: 24px;
    line-height: 100px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 5px;
    display: inline;
    color: #000;
}

.project_main_heading p {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 5px;
    display: inline;
    color: #000;
}

.cookies_strip {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    /* display: block; */
    background: #D9D9D6;
    /* background: #000; */
    padding: 20px 0px 15px;
    font-size: 14px;
    color: #ffffff;
    z-index: 999;
    bottom: 0px;
    transition: all 0.5s;
}

.cookies_strip a {
    color: #337ab7 !important;
    text-decoration: underline !important;
}

.btn_cookies {
    background: #f1ba14;
    color: #000;
    padding: 6px 7px;
    width: 150px;
    border-radius: 2px;
}




.share-it li i.fa-instagram {
    border-radius: 6px;
    border: 1px solid #ffffff;
    padding: 5px 6px !important;
}

.share-it li a:hover i.fa-instagram {
    background-color: #db4284;
    border: 1px solid #db4284;
}

.share-it .fa-instagram:before {
    content: url(../images/insta-ico.png) !important;
}

.loader {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    top: 29%;
}

.project_search_loader {
    display: none;
    margin: 0px auto;
    width: 20px;
    height: 20px;
    position: relative !important;
    top: 0;
    float: right;
}

.project_search_loader #skill_chosen {
    width: 100% !important;
}

.interested_lancer {
    background-color: green !important;
}

.overlay_quicken_new {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
}

.load_more_box {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
}

.load-more {
    background-color: transparent;
    border: none;
    width: 225px;
    border: 1px solid #7d7a7a;
    padding: 8px 10px;
    margin: 0px auto;
    font-weight: 500;
    text-align: center;
    outline: 0px;
    color: #504848;
    position: relative;
    transition: all 0.2s ease;
    border-radius: 6px;
}

.load-more:hover {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%) !important;
    color: #191E3E;
}

.load-more-new {
    background: white;
    color: #191E3E !important;
    font-size: 13px !important;
    border: 1px solid #191E3E !important;
    width: 225px;
    border: 1px solid #7d7a7a;
    padding: 8px 20px;
    margin: 0px auto;
    font-weight: 500;
    text-align: center;
    outline: 0px;
    color: #504848;
    border-radius: 6px;
}

.load-more-new:hover {
    border: 1px solid #8e8cb9;
    color: #191E3E;
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%) !important;
    color: #191E3E !important;
}

.no-more {
    background-color: transparent;
    border: none;
    width: 225px;
    border: 1px solid #7d7a7a;
    padding: 12px 10px;
    margin: 0px auto;
    font-weight: 600;
    text-align: center;
    outline: 0px;
    color: #504848;
    border-radius: 6px;
}

.new_popup_quicken {
    width: 360px;
}

.new_popup_quicken .modal-content {
    padding: 10px 25px;
    border-radius: 3px;
}

.modal-content {
    padding: 8px;
}

.btn_yes {
    background: #1d1d1d !important;
    padding: 8px 24px;
}

.new_popup_quicken p {
    margin-top: 15px;
    margin-bottom: 0px;
    color: #3c3b3b;
    line-height: 20px;
}

.btn_no {
    background: transparent !important;
    padding: 8px 24px;
}

.new_popup_quicken textarea {
    margin-top: 17px;
}

.onboarding_form .form-control {
    font-size: 13px;
}

.again_optlog {
    background: #ffffff;
    width: 100%;
    display: block;
    padding: 13px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 15px;
    border: 1px solid #191E3E;
    color: #1c1c1c !important;
    font-weight: 500;

    font-size: 14px;
}

.want_optlog {
    background: #ffffff;
    width: 100%;
    display: block;
    padding: 13px;
    text-align: center;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #b1b0b0;
    color: #1c1c1c !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.error {
    font-size: 12px;
    color: #b73434;
    margin-bottom: 0px;
    margin-top: 5px;
}

.sturt_lancer .verified {
    width: 30px;
    position: absolute;
    right: 21px;
    top: 7px;
}

.success {
    font-size: 12px;
    color: #288015;
    margin-bottom: 0px;
}

.popup_register {
    text-align: center;
    color: #373635;
    margin-bottom: 0;
}

.quicken_new_wrapper_new {
    min-height: 160px !important;
}

.quicken_new_wrapper {
    /* min-height: 188px; */
    position: relative;
    /* background: linear-gradient( 
        285deg
         ,#1a1c2b 0,#2c0a24 20%,#0c1834 75%,#051b39 100%); */
    background-size: cover;
    padding-top: 2vw;
    /* padding-bottom: 10vw;  */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.quicken_new1_wrapper {
    min-height: 150px !important;
    margin-top: 53px;
    background: linear-gradient(to right, #61045F, #AA076B) !important;

}


/* .quicken_new_wrapper::after{
    content: '';
    background-image: url('../images/explore_events_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    min-height: 300px;
} */

.quicken_WrapperBox {
    position: relative;
    background-color: #F5F7FA;
    /* min-height: calc(100vh - 120px);
    display: grid;
    align-items: center; */

}

.quicken_WrapperBox.fix-height {
    position: relative;
    background-color: #F5F7FA;
    min-height: calc(100vh - 120px);
    display: grid;
    align-items: center;

}

.all_notification {
    width: 200px;
    background: #fff;
    margin: 0px auto;
    padding: 0px 10px;
    text-decoration: underline;
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 13px;
    line-height: 20.68px;
    /* border: 1px solid #ccc; */
}

.project_area_border {
    padding-right: 0;
    padding-left: 0;
}

.project_area_border .intruction {
    margin-bottom: 50px;
    width: 100%;
}

.project_area_border .form_fields {
    margin-bottom: 20px;
}

.project_area_border .form_fields .card img {
    width: 16px;
}

.project_area_border .form_fields .card .plan-details-span {
    display: flex;
    gap: 5px;
    align-items: center;
}

.intruction h3 {
    font-size: 16px;
    color: #191E3E;
    /* font-family: 'Montserrat-Medium'; */
    font-weight: 500;
}

.intruction p {
    font-size: 14px;
    color: #757575;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
}

.project_area_border .intruction2 h3 {
    color: #466AA5;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat-SemiBold';
    margin: 0px;
    line-height: 30px;
}

.project_area_border .intruction2 p {
    font-size: 12px;
    color: #353B43;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
}

.project_area_box_right {
    text-align: Center;
}

.container {
    width: 90%;
}

.project_box_repeat {
    /* background-color: #fff; */
    /* margin-top: 0px; */
    padding: 7px 22px;
    border-radius: 8px;
    margin-bottom: 50px;

    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); */

}

.work_result_ttl {
    margin-top: 15px !important;
}



.new_quicken_bid {
    margin-top: 0px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: none !important;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin-bottom: 50px;
}

.my_list_post .backimg-rtl {
    margin-top: 16px;
}

.file_boxde li {
    list-style: none;
}

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

.my_post_list_client h3 {
    margin-bottom: 4px;
}

.my_post_list_client p {
    margin-bottom: 1px;
}

.project_owner {
    font-size: 15px;
    margin-top: 15px;
    font-weight: 600;
    /* font-style: italic; */
    /* text-decoration: underline; */
    color: #3e3c3c
}

.my_post_list_client h3 a {
    color: #56b52c !important;
    text-transform: capitalize;
    font-size: 16px !important;
    font-weight: 600;
    margin: 5px 0px;
}

.att_hover {
    text-decoration: underline !important;
}

.cc_form {
    margin-top: 0px;
    /* box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); */
    border-radius: 8px;
    background: #fff;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    overflow: hidden;
}

.bid_now_box {
    box-shadow: none !important;
    border: double 1px transparent !important;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    background: #fff;

    padding-left: 0;
    padding: 10px;
    border-radius: 6px;
}

.personal_body {
    padding: 10px;
}

.short_banner {
    height: 150px;
}

.freelancer_card_details {
    background-color: #fff !important;
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}

.cc_form h3 {
    background: #D7E2EE;
    padding: 24px 10px;
    padding-left: 15px;
    font-size: 18px;
    /* border-radius: 8px 8px 0px 0px; */
    font-size: 16px;
    color: #191E3E;
    font-weight: 600;
    margin-top: 0px;
    text-transform: capitalize;
}

/* .cc_form {
    margin-bottom: 50px;
} */

.cc_form .form-control {
    height: 45px;
    font-weight: 500;
    font-size: 13px !important;
}

.cc_form textarea.form-control {
    height: 145px;
    font-weight: 500;
}

.accept_succ {
    background-color: #228022 !important;
    pointer-event: none !important;
    cursor: default;
}

.reject_prop {
    background-color: #a74414 !important;
    pointer-event: none !important;
    cursor: default;
}

.accept_prop {
    background-color: #272623;
    border: none;
    padding: 6px 15px;
    color: #fff;
    float: right;
    border-radius: 3px;
}

.delete_cer {
    float: right;
    margin-top: 7px;
}

.after-login ul li a {
    display: block;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 2px;
}

.after-login ul #change_pass {
    padding: 15px 15px !important;
}

.after-login ul li a:hover {
    color: #474747 !important;
    border-radius: 0px;
}

.after-login .user_menu li {
    padding: 0px !important;
}

.content_textarea img {
    width: 100%;
}

.quicken_promote_list {
    padding-left: 20px;
}

.fot1 ul li a,
.fog-width ul li a {
    width: 100%;
    list-style: none;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    line-height: 35px;
}


.qs_pd_right_zero {
    padding-right: 0px;
}

.publish-button {
    background-color: #f1ba14 !important;
}

/* .already-bidded {
    background-color: #14203c !important;
    color: #fff !important;
    text-transform: lowercase;
} */

.error {
    color: red !important;
    font-size: 13px;
    font-weight: 500;
}

.project_area_box .prev_level {
    background: linear-gradient(126.25deg, #B7D7F9 19.15%, #E6ACCB 88.22%);
    border: none;
    padding: 8px 10px;
    width: 120px;
    color: #191E3E;

    line-height: 20px;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 6px;

    /* font-family: Montserrat-SemiBold; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 0px;
}

.flex_wrap {
    display: flex;
    flex-wrap: wrap;
}

.prev_level i {
    float: left;
    line-height: 20px;
}

.pd-right-0 {
    padding-right: 0px;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-color: #e6e6e600;
}

.delete-ac {
    color: #23527c !important;
    text-decoration: underline !important;
}

.open>.dropdown-menu {
    left: -55px;
}

.change_pass_div_class {
    margin-bottom: 10px;
}

.bars {
    background-color: #000;
    height: 3px;
}

.middle_bar {
    margin-bottom: 6px;
    margin-top: 6px;
}

.validation_height {
    height: 1100px !important;
}


/*.bars:last-child{
	margin-bottom: 0px;
}*/


/*.quicken_responsiveMenu:hover .middle_bar{
	margin-bottom: 7px;
	margin-top: 7px;
}*/

.project_area_box .submit {
    margin-top: 5px;
}

.alldder:hover,
.alldder:focus,
.alldder.focus {
    color: #fff;
}

.ql_circle_free {
    text-align: center;
}



.title-para {
    font-family: Montserrat-Medium;
    width: 40%;
    font-size: 14px;
}

.quicken_hire_box {
    position: relative;
    background: linear-gradient(rgb(245, 247, 250), rgb(255, 255, 255));
}

.why_quicken_area {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 18px 18px;
    border-radius: 4px;
    margin-bottom: 60px;
    height: 190px;
    position: relative;
    z-index: 9;
    /* overflow-y: auto; */
}

.quicken_hire_box::before {
    background-image: url('../images/tr-pt.png');
    height: 215px;
    background-size: 100%;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom right;
    top: 0;
    right: 0;
    background-size: 100%;
}

.why_quicken_area h3 {
    font-family: Montserrat-Bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.why_quicken_area p {
    font-family: Montserrat-Medium;
    font-size: 15px;
    line-height: 24px;
    color: #333;
}

.line_box {
    display: none;
    height: 3px;
    width: 55px;
    margin-bottom: 10px;
    background: #DCE35B;
    /* fallback for old browsers */
    background: linear-gradient(to right, #3283bb, #f34983);
    /* background: -webkit-linear-gradient(to right, #45B649, #DCE35B); 
background: linear-gradient(to right, #45B649, #DCE35B);  */
}


/* .why_quicken_area img {
    display: none;
    position: absolute;
    right: 18px;
    top: -12px;
    width: 36PX;
} */

.quicken_hire_skill_list {
    text-align: center;
}

.quicken_hire_skill_list ul {
    display: inline-block;
    margin: 0px auto;
    width: 80%;
    text-align: center;
}

.promo_quicken_area {
    padding: 20px 18px;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
    min-height: 130px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 28%;
    flex: 0 1 28%;
    margin-bottom: 2rem;
    /* box-shadow: 0 0 4px rgb(0 0 0 / 10%); */
}

.promo_quicken_area:nth-child(2n-1) {
    margin-left: 0;
    margin-right: 19%;
}

.promo_quicken_area .icon-flex {
    display: flex;
    gap: 10px;
}

.promo_quicken_area h3 {
    font-family: Montserrat-Medium;
    text-align: center;
    font-size: 18px;
    color: #fff;
    /* color: #333333; */
    margin-bottom: 8px;
    font-weight: 600;
}

.promo_quicken_area .line_box {
    margin: 0px auto;
}

.promo_quicken_area p {
    margin-top: 15px;
    /* color: #333; */
    color: #ccc;
    line-height: 24px;
    font-size: 15px;
    font-family: Montserrat-Medium;
}

.promo_quicken_area img {
    margin: 0px auto;
    display: none;
}

.exp_button_box {
    text-align: center;
}

.exp_more {
    background-color: #171f3d !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.exp_more_btn {
    background-color: #103459 !important;
}

.reglogin.exp_more {
    color: #fff !important;
}

.reglogin.exp_more:hover {
    border: 1px solid #210b3f !important;
    color: #171f3d !important;
    background: none !important;
}

.exp_button_box a {
    width: 215px;
    border: 1px solid #191e3e;
    display: block;
    margin: 36px auto 0px auto;
    padding: 16px;
    /* color: #171f3d !important; */
    font-size: 15px;
    transition: 1s ease;
    cursor: pointer;
    font-weight: 600;
    font-family: Montserrat-Medium;
}

.exp_button_box a:hover {
    color: #fff !important;
    background-color: #191e3e;
    transition: 1s ease;
}

.promote_busines_btn {
    margin: 22px auto 30px auto;
}

.promote_busines_btn a {
    margin: -28px auto 0px auto !important;
}

.profile-chosen .chosen-choices {
    display: block;
    width: 100%;
    /* height: 42px  !important;*/
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.profile-chosen .chosen-container .chosen-drop {
    z-index: 9;
}

.profile-chosen .chosen-container .chosen-results {
    max-height: 225px;
}

.chocen_error {
    font-size: 13px;
    color: red !important;
    font-weight: bold;
}

.top_category_section ul {
    padding: 0px;
    text-align: left;
}

.top_category_section ul li {
    display: inline-block;
    color: #fff;
}

.top_category_section ul li:last-child a {
    border-right: none;
}

.top_category_section ul li a {
    /*line-height: 30px;*/
    font-size: 15px;
    padding-right: 6px;
    border-right: 1px solid #7b7b7b;
    line-height: 28px;
    color: #fff !important;
    padding-left: 2px;
}

.top_category_section {
    padding: 50px 21px 20px;
    /* border-bottom: 1px solid #525252; */
}

.top_category_section ul li strong {
    font-weight: 600;
    font-size: 15px;
}

.react_reason {
    display: inline;
    margin-bottom: 5px;
}

.approach_my_details {
    font-size: 16px;
    margin-bottom: 10px;
}

.footer_section {
    background: #1E1D1D;
}

.donate_fog_width {
    width: 40%;
}

.footer_section {
    /* padding: 60px 0 30px; */
    overflow: hidden;
    background: #353535;
    /* margin-top: 70px !important; */
    /* background-image: linear-gradient( #191e3e, #2a6bad ); */
    /* background-image: linear-gradient( #191e3e, #191e3e ); */
    /* background-image: linear-gradient( #191e3e, #2d73b2 ); */
    /*background-image:
    linear-gradient(
      #444, #000
    );*/
    /* background-image:
    linear-gradient(
      #4e4e4e, #000
    ); */
}

.top_category_section h3 {
    font-family: Montserrat-Medium;
    margin-top: 0px;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}

.sub-footer .share-it {
    margin-top: 5px;
    list-style: none;
    margin: 5px 0px 0px;
    padding: 0px;
    float: right;
}

.btn-donate {
    text-decoration: none !important;
    color: #fff !important;
    border: 1px solid;
    margin-top: 5px;
    font-weight: 700;
}

.btn-donate:hover {
    background: #f1ba14;
    color: #000 !important;
    transition: 1s ease;
    border-color: #f1ba14;
}

.file_boxde ul li {
    display: inline;
}

.list_project label {
    /*display:inline;*/
}

.cnfrm_details {
    margin-bottom: 5px;
}

.cnfrm_details .bold {
    font-weight: 600;
}

.cnfrm_details label {
    margin-bottom: 0px;
}

.password_instraction {
    background: #fff;
    border: 1px solid #f00;
    padding: 10px;
    margin-bottom: 15px;
}

.password_instraction h5 {
    font-size: 14px;
    font-weight: 600;
    color: #f00;
    margin-top: 0px;
}

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

.password_instraction ul li {
    font-size: 13px;
    list-style: none;
}

.pass_instruction_div {
    /*display:none;*/
    padding: 0px 20px;
}

.cnfrm_details p {
    margin-bottom: 5px;
}

#description_error {
    color: red !important;
    font-weight: bold;
    font-size: 12px;
}

.business_url {
    font-style: italic;
    font-size: 11px;
    font-weight: 600;
    color: #717171;
    text-transform: none;
}

.business_address {
    padding: 4px 10px;
    bottom: 0;
    /* color: #247d0f; */
    font-weight: 600;
    border-radius: 3px 0 0px 0;
    font-size: 15px;
}

.hire_business {
    margin: 20px auto 0px auto;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: 220px !important;
}

.lancer_info h1 {
    float: none;
}

.lancer_info h1 span {
    float: none;
}

.lancer_info h4 {
    margin: 0px;
    color: #000;
    margin-top: 5px;
}

.featured_msg {
    background: #9fd488;
    color: #183c08;
    padding: 9px 10px;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
}

.featured_msg_div {
    display: none;
}

.featured_msg_div {
    overflow: hidden;
    transition: transform 0.3s ease-out;
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
}

.hidden {
    transform: scaleY(0);
}


/* .featured_msg_div{
    overflow: hidden;
	  transition: transform 0.3s ease-out;
	  height: auto;
	  transform: scaleY(1);
	  transform-origin: top;

	  &.hidden {
		transform: scaleY(0);
	  }
} */

.featured_mark {
    margin-bottom: 10px;
}

.business_list_head {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 28px;
    /*text-transform: uppercase;*/
    margin-top: 20px;
    font-weight: 600;
}

.business_list_content {
    color: #fff;
    font-size: 20px;
    font-family: Montserrat-Medium;
}

.user_dropdown_menu {
    display: none;
    position: absolute !important;
    background-color: #fff;
    z-index: 99999;
    width: 155px !important;
    top: 46px !important;
    /* box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5); */
    right: 0;
    padding-left: 0;
}

.after-login .user_dropdown_menu li {
    padding: 0px;
}

.featured_msg p {
    margin: 0px;
}

.notbox {
    left: -340px !important;
    padding: 0px !important;
}

.hire_lanc a {
    color: #fff !important;
}

.btn_update_business {
    cursor: pointer;
    font-size: 15px;
    line-height: 21px;
    background: #101010;
    padding: 12px 22px 12px 25px;
    color: #fff !important;
    border-radius: 2px;
    border-radius: 3px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}

.business_update {
    color: #fff;
    width: 20%;
    float: right;
    margin-top: 30px;
    position: relative;
}

.business_update a:hover {
    color: #fff !important;
}

#profiler .chosen-container-multi .chosen-choices {
    height: 40px;
    /* overflow-y: scroll; */
}

.chosen-container-multi .chosen-choices {
    /* border-radius: 30px; */
    border-radius: 5px;
    border: 1px solid #cccccc !important;
}

.lancer_info {
    width: 80%;
}

.business_pic {
    height: 100px;
    /* position: absolute; */
    width: 100%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
}

.business_pic img {
    width: 35%;
}

.skills_list li {
    display: inline-block;
    font-size: 15px;
}

.list_skill:before {
    content: ',';
}

.ql_company_details {
    padding: 15px 0px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 4%), 0 0px 0px rgb(0 0 0 / 4%);
}

.ql_verified {
    position: absolute;
    right: 30px;
    z-index: 9;
    top: 20px;
}

.ql_verified_btn {
    background: #000;
    padding: 2px 10px;
    border-radius: 4px;
    display: none;
}

.ql_verified_btn span {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    font-family: Montserrat-Medium;
}

.ql_verified_btn .verified {
    width: 24px;
    margin-right: 8px;
}

.ql_company_logo {
    border-radius: 10px;
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    height: 60px;
    width: 60px;
    float: left;

    box-shadow: 0 0 5px 5px rgb(0 0 0 / 4%), 0 4px 4px rgb(0 0 0 / 4%);
}

.ql_company_logo img {
    width: 100%;
    border-radius: 10px;
}

.ql_company_name {
    width: 70%;
    float: left;
    padding: 0px 0px 0px 10px;
}

.ql_company_name h4 {
    margin: 0px !important;
}

.ql_company_name h4 a {
    font-family: Montserrat-Medium;
    font-size: 14px;
    font-weight: 600;
}

.ql_company_discription {
    margin-bottom: 10px;
}

.ql_company_skills ul {
    padding: 0px;
    list-style: none;
}

.ql_company_skills li {
    font-family: Montserrat-Medium;
    display: inline-block;
    /* border: 1px solid #ccc; */
    padding: 5px 8px;
    font-size: 12px;
    background: #d7f0ff !important;
    margin-right: 5px;
    margin-bottom: 7px;
    border-radius: 5px;
}

.ql_view_details_btn {
    float: right;
}

.ql_view_btn {
    padding: 5px 12px;
    font-size: 13px;
    color: #fff !important;
    background-color: #191e3e;
    /* text-transform: capitalize; */
    display: block;
    /* margin-top: 25px; */
    border-radius: 2px;
    font-weight: 500;
}

.ql_view_btn a {
    color: #fff !important;
}

.ql_business_header {
    background-size: cover;
    background-position: center;
    height: 300px;
}

.ql_business_details {
    /* margin-top: -125px; */
}

.ql_business_logo img {
    width: 140px;
}

.ql_business_name h1 {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-top: 45px;
}

.ql_business_name p a {
    color: #fff !important;
    font-weight: 600;
}

.ql_business_logo {
    margin-top: 20px;
    border: 1px solid #eee;
    height: 173px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ql_hire_btn {
    padding: 5px 23px;
    font-size: 15px;
    color: #fff !important;
    background-color: #f0af14;
    /* text-transform: capitalize; */
    display: block;
    /* margin-top: 25px; */
    border-radius: 2px;
    font-weight: 500;
}

.ql_hire_btn a {
    color: #fff !important;
}

.ql_hire_company_btn {
    margin-top: 65px;
    float: right;
}

.ql_company_overview h4 {
    font-size: 14px;
    font-weight: 600;
}

.ql_company_overview p {
    font-size: 15px;
}

.ql_business_skills h4 {
    font-size: 14px;
    font-weight: 600;
}

.ql_business_skills ul {
    padding: 0px;
    list-style: none;
}

.ql_business_skills li {
    display: inline-block;
    border: 1px solid #eee;
    padding: 3px 5px;
    font-size: 12px;
    background: #eee;
    margin-right: 5px;
    margin-bottom: 7px;
}

.ql_company {
    background: #fff;
    box-shadow: darkgray;
    box-shadow: 0px 0px 5px 2px #ddd;
    margin-bottom: 25px;
    margin-top: 25px;
}

.ql_business_address h4 {
    font-size: 14px;
    font-weight: 600;
}

.ql_business_address p {
    font-size: 15px;
}

.pd_left_zero {
    padding-left: 0px;
}

.update_business {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
}

@-moz-document url-prefix() {
    .quicken_slider h3 {
        font-size: 18px;
        text-transform: uppercase;
    }

    .post_project {
        padding: 12px 16px 12px 16px !important;
    }
}

.chat-btn {
    width: 80px;
    color: #fff !important;
    text-align: center;
    margin-top: 5px;
    padding: 5px 0px;
    background: #171f3d;
}

.chat-btn:hover,
.chat-btn:focus {
    color: #fff !important;
}

.chat-approach {
    padding: 6px;
    margin: 0;
    float: right;
    color: #fff !important;
    margin-left: 5px;
}

.chat-approach:hover {
    color: #fff !important;
}

.chat-profile {
    min-height: 550px;
    margin-top: 50px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    border-radius: 7px;
    /* margin-bottom: 50px; */
    border: 1px solid rgba(183, 215, 249, 1);
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;


}

.chat-heading-msg {
    padding: 25px;
    background: #D7E2EE;
    margin-bottom: 0;
    color: #1e1e1e;
    line-height: 0;
    margin: 0px;

    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    color: #191E3E;


}

.chat-profile-details h4 {
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    color: #191E3E;
    font-size: 16px !important;
}

.chat-profile-details h5 {
    font-weight: 600;
    line-height: 16px;
    color: #191E3E;

}

.chat-profile-details p {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15px;
    vertical-align: middle;
    color: #3D3D3D;

}

.chat-profile-details p span {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15px;
    vertical-align: middle;
    color: #3D3D3D;
}

.post_project {
    height: 35px;
    /* line-height: 13px !important; */
}

.cover_model_dialog {
    width: 60% !important;
}

.profile_cover_data {
    width: 100% !important;
}

.over-cover {
    display: none;
    text-align: center;
}

.over-cover i {
    line-height: 20px;
    font-size: 30px;
    margin-top: 100px;
}

.over-cover h3 {
    color: #fff;
    font-size: 15px;
    text-align: center;
    /* position: relative; */
    /* top: 0px; */
    /* left: 0px; */
    font-weight: 600;
    margin: 10px auto;
}

.upload_cover:hover .over-cover {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.72);
    color: #FFF;
    padding: 6px 7px;
    font-weight: 600;
}

.thankyou_details {
    /* border: 1px solid #ccc; */
    padding: 40px 30px 15px;
    background-color: #fff;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    width: 850px;
    min-height: 400px;
    margin: 0 auto;
    opacity: 0;
    transform: scale(1);
    transition: opacity 3s ease;
    /* Adjust the duration and easing as needed */
}

.thankyou_details {
    margin-top: 10%;
    margin-bottom: 10%;
}

.thankyou_details i {
    font-size: 20px;
    /* color: #fff;
    background: #4caf50db; */
    width: 25px;
    height: 40px;
    line-height: 2;
    border-radius: 50%;
}

.thankyou_details h2 {
    font-size: 29px;
    color: #913f86;
    font-weight: 900;
    margin-top: 10px;
}

.thankyou_details p {
    font-size: 16px;
    color: #14203c;
    width: 68%;
    margin: 24px auto 0;
}

.chart_details {
    text-align: center;
    margin: 40px auto 14px;
    width: 170px;
}

@media (max-width: 360px) {
    .inner-rights {
        width: 72%;
    }

    .mob_chat_btn {
        display: inline-block;
        margin-top: 10px;
    }

    .alldder {
        margin-left: 0px;
        margin-right: 5px;
        margin-top: 0px !important;
    }

    .menu-bard ul li {
        padding: 0 9px !important;
    }
}

.footer_section {
    max-width: 100%;
    margin: auto;
}

.fog-width li a {
    text-decoration: none !important;
}

@media (max-width: 360px) {
    .thankyou_details {
        padding: 40px 0px 15px;
        width: 85%;
    }

    .thankyou_details p {
        font-size: 12px;
        width: 90%;
    }

    .thankyou_details h2 {
        font-size: 19px;
    }
}


/* } */

.ql_company_discription p {
    font-family: Montserrat-Medium;
    text-align: justify;
    color: #333;
    font-size: 13px;
    line-height: 20px;
}


/* mobile select box css start from here */

.select2-container {
    min-width: 100%;
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 20px;
    vertical-align: middle;
    display: none;
}

.select2-results__option[aria-selected=true]:before {
    display: none;
    font-family: fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #f77750;
    border: 0;
    /* display: inline-block; */
    padding-left: 3px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #d7f0ff !important;
    background-image: none !important;
    color: #444 !important;
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: inherit !important;
    box-shadow: 0 0 0 0 rgba(64, 81, 137, .25) !important;
    color: #191e3e !important;
    font-weight: 500;
    font-size: 13px !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ccc;
    border-width: 2px;
}


.select2-dropdown--below {
    top: -4px !important;
}

.select2-container--open .select2-dropdown--below {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: 6px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-dropdown {
    border: 1px solid #d9d9d9 !important;
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}


/* select with icons badges single*/

.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.whts-code .select2-selection--single {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
}

.select-icon .select2-search--dropdown {
    display: none;

}

.select2-search {
    padding: 3px !important
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 4px 0px 0;
    /* padding: 0 6px; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    margin-right: 2px;
    /* margin-top: 6px; */
    margin-bottom: 4px;
    /* float: inherit; */
}

/* .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding: 4px;
} */

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    /* float: right; */
    padding: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

textarea {
    width: 100% !important;
}




/* 
multile */
/* Main multi-select box */
.select2-container--default .select2-selection--multiple {
    align-items: center;
    flex-wrap: wrap;
    padding: 4px;
    border-width: 2px;
    border-radius: 6px !important;
    border: 1px solid #cccccc !important;
    overflow: hidden;


}

/* Selected tags */
.select2-container--default .select2-selection__choice {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 8px;
    margin: 3px;
    font-size: 13px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    text-overflow: inherit !important;
    white-space: inherit !important;
}

/* Remove ugly focus border */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

.select2-container .select2-search--inline {
    float: unset !important;

}

/* .select2-search--inline{
        height: 16px !important;
} */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    align-items: center;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
    padding-left: 5px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    resize: none !important;
    overflow: hidden !important;

}

.select2-container textarea {
    min-height: 16px !important;
    height: 0px !important;
    resize: none !important;
}

textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button {
    display: none !important;
}

.select2-selection--multiple {
    display: flex !important;
}

/* Fix input field inside */
.select2-container--default .select2-search--inline .select2-search__field {

    margin-top: 3px;
    border: none !important;
    outline: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #cccccc;

}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    overflow: inherit;
}

.select2-container .select2-selection--multiple {
    min-height: 40px;
}

/* Prevent overlap */


.footer_cookies {
    line-height: 1.4;
    text-align: justify;
    width: 100%;
    font-size: 15px;
    color: #53565A;
}

.footer_cookies a {
    color: #000 !important;
    font-size: 13px;
    font-weight: 600;
}

.cookies_strip .cookies_anchor {
    color: #000 !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    width: 100px;
    margin-right: 10px;
}

.cookies_anchor i {
    margin-right: 6px;
}

.cookies_strip .cross_icon {
    width: 25px;
    height: 25px;
    font-weight: 300;
    border: 2px solid #fff;
    border-radius: 50px;
    line-height: 1.5;
    float: right;
    color: #53565A !important;
    font-weight: 300;
    margin-top: 2px;
}

#myModal .cookies_header {
    padding: 10px 0px;
    background-color: #D9D9D6 !important;
}

.modal_header {
    position: absolute;
    top: 20px;
    font-size: 18px;
    font-weight: bold;
    left: 40%;
}

#myModal .close {
    margin-right: 6px;
    margin-top: 0;
    /* border: 1px solid #7a7b7d; */
    width: 25px;
    height: 25px;
    border-radius: 50px;
    opacity: 1;
    color: #5d5d5d;
    top: 0;
    right: 0;
}

#mobileModal .close {
    font-size: 20px;
    margin-right: 6px;
    margin-top: 0;
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    opacity: 1;
    color: #333;
}

#mobileModal .cookies_header {
    padding: 10px 0px;
    background-color: #D9D9D6 !important;
}

.save_btn {
    background-color: #f1ba14;
    color: #000;
    font-size: 15px;
    border: 1px solid transparent;
}

.save_btn:hover {
    background: #f1ba14;
    border: 1px solid transparent;
}


/* .fade.in{
    opacity: 0.8 !important;
} */


/* vertical css start from here */

.season_tabs {
    position: relative;
    min-height: 260px;
    clear: both;
    margin: 0px 0 15px;
    max-height: 400px;
}

.season_tab {
    float: left;
    clear: both;
    width: 170px;
}

.season_tab label {
    background: #fff;
    padding: 4px;
    border-bottom: 1px solid #ccc;
    margin-left: -1px;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    left: 1px;
    width: 264px;
    height: 20px;
    display: table-cell;
    color: #666;
    padding: 6px 0px 12px 6px;
}

.season_tab label:last-child {
    border-bottom: none;
}

.season_tab [type=radio] {
    display: none;
}

.season_content {
    position: absolute;
    top: 0;
    left: 186px;
    background: white;
    right: 0;

    padding: 0 10px;
    /* border: 1px solid #ccc; */
}

.season_content span {
    animation: 0.5s ease-out 0s 1 slideInFromTop;
}

[type=radio]:checked~label {
    /* background: #d9d9d6; */
    color: #ffeb3b;
    /* border-bottom: 2px solid #ffeb3b; */
    z-index: 2;
    font-size: 14px;
    padding: 12px 0px 12px 10px;
    cursor: pointer;
}

[type=radio]:checked~label~.season_content {
    z-index: 1;
}

.backimg {
    margin-right: 16px;
}

.upgarde-not {
    display: none;
}

.heading_text {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0px 10px 0px;
    display: inline-block;
    color: #333;
}

.imp-skill {
    padding: 0px;
}

.ql_Verfied {
    padding: 10px;
    background-color: #f7ebb563;
    font-weight: 600;
    border: 1px solid #e7d898;
    border-radius: 5px;
    margin-top: 10px;
}

.myconn .skil-box1 .skills-p {
    float: none !important;



}

.myconn .skil-box1 .req-ult {
    float: none !important;

}

#myProposalDetails .skil-box1 .skills-p {
    margin-top: 10px;
    color: #417204;
    margin-right: 5px;
    float: left;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

#myProposalDetails .skil-box1 p {
    margin-bottom: 0px
}

.skil-boxs {
    display: flex;

    justify-content: center;
    align-items: center;
}

.season_content p {
    color: #3e3d3d;
    font-size: 13px;
    text-align: left;
}

.cookies_header img {
    width: 115px;
}

.cookies_header .modal_header {

    font-size: 15px;
}

.cookies_footer .modal-dialog {
    margin: 100px auto;
}

.season_tabs i {
    color: #f9d303;
    font-size: 16px;
    margin-right: 6px;
}

.q_skill_tag {
    margin-bottom: 6px;
    font-size: 11px;
    background-color: #d7f0ff;
    padding: 5px 10px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    /* border: 1px solid #757171; */
    color: #262424 !important;
    box-shadow: 0px 0px 7px -5px #f1ba14 inset;
}

.select2-selection {
    position: relative;
    z-index: 9;
}

.mobile_multiple_chosen_box {
    height: 40px;
}


.whatsaap_class {
    font-style: italic;
    font-size: 12px
}

.edit-fgrp .fa-whatsapp {
    color: #19bd00;
    font-weight: 800;
    margin-right: 5px;
}

.chat-date {
    font-style: italic;
}

.chat_agent h3 {
    font-size: 17px;
}

.chat_agent p {
    font-size: 14px;
}


/* jyoti new css add here */

.animate-charcter {
    text-transform: uppercase;
    background-image: linear-gradient(225deg, #3a99c0 0%, #c3006e 29%, #893298 67%, #ffc107b0 100%);
    /* background-image: linear-gradient( 
    -225deg
    , #c3006e 0%, #3c9ec5 29%, #ff1361 67%, #ffc107 100% ); */
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 60px;
}

@keyframes textclip {
    from {
        background-position: 100% center;
    }

    to {
        background-position: 200% center;
    }
}

.white-para {
    color: #191E3E;
    text-transform: capitalize;
    font-family: Montserrat-Bold;
    font-weight: 500;
    text-align: center;
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 60px;
    margin-top: 60px;
    letter-spacing: 0.5px;
}

.white-text {
    width: 100%;
    color: #fff;
    line-height: 26px;
    text-transform: capitalize;
    font-family: Montserrat-Regular;
    text-align: center;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 55px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


/* .logo_bg{
    background: #f5f5f5;
    padding: 10px;
    border-radius: 2px;
} */

.our_locations_details h3 {
    color: #fff;
    font-size: 18px;
    font-family: Montserrat-Medium;
    margin: 10px 0 10px;
    font-weight: 600;
}

.our_locations_details {
    padding: 0px 10px 0px;
    max-width: 1600px;
    margin: auto;
}

.location_bg {
    background: #0b2648;
    min-height: 150px;
    padding: 30px 40px 30px;
    border-radius: 3px;
    margin-top: 20px;
}

.footer_address_box {
    display: flex;
}

.footer_address_box img {
    width: 30px;
    height: 30px;
    margin: 0 10px 15px 0;
}

.footer_address_box h4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin: 4px 0 0;
    font-family: Montserrat-Medium;
    font-weight: 600;
}

.footer_address_box span {
    display: block;
    color: #aec7da;
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 4px;
    font-family: Montserrat-Regular;
}

.address_info p {
    display: block;
    color: #aec7da;
    font-size: 16px;
    margin: 15px 0 25px;
    font-family: Montserrat-Medium;
    line-height: 26px;
}

.address_info a {
    color: #fff !important;
    display: inline-block;
    font-size: 18px;
    font-family: Montserrat-Medium;
}

.quicken_slider .container .text {
    color: #333;
    display: inline-block;
    font-size: 42px;
    border-radius: 3px;
    background-color: #2e79b4;
    position: relative;
    -webkit-background-clip: text;
    background-clip: text;
    letter-spacing: 5px;
}

@media (max-width:768) {
    .quicken_slider .container .text {
        font-size: 10px;
    }
}


.quicken_slider .container .text:before {
    content: attr(data-title);
    background: linear-gradient(90deg, rgb(46 127 157) 0%, rgb(222 36 128) 51%, rgb(101 35 97) 100%);
    /* background: linear-gradient(90deg, rgba(245, 137, 21, 1) 0%, rgba(253, 29, 29, 1) 51%, rgba(29, 53, 87, 1) 100%); */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    transition: all 10s ease-in-out;
    animation: text-animation 10s infinite;
}

@keyframes text-animation {
    0% {
        width: 0;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

.footer_text {
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    font-family: Montserrat-Bold;
    padding: 0px 0px 0;
    display: inline-block;
    line-height: 40px;

}

.footer_logo {
    width: 50%;
}


/* .business-process-img {
        animation-name: floating;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    } */


/* .wobble {
  animation: wobble 2s ease infinite;
} */

@keyframes floating {
    from {
        transform: translate(0, 0);
    }

    65% {
        transform: translate(0, 15px);
    }

    to {
        transform: translate(0, 0);
    }
}

.top_img {
    position: absolute;
    left: -10px;
    top: 80px;
    transform: translate(-50px, -50px);
}

.top_img img {
    width: 200px;
}

.dotted_img_bottom {
    position: absolute;
    top: 300px;
    width: 140px;
    left: -40px;
}

.dotted_top_img {
    position: absolute;
    top: 100px;
    width: 140px;
    right: -60px;
}


/* .continues_animation {
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
} */

.how_does_it_work {
    position: relative;
    /* background: linear-gradient( 285deg, #1a1c2b 0, #2c0a24 20%, #0c1834 75%, #051b39 100%); */
    /* background: linear-gradient( 
285deg
 ,#2a6aac 0,#0a2445 20%,#023e66 75%,#051b39 100%); */
    background-color: #fff;
    /* background: linear-gradient(
135deg
,#00b35c 0,#0b8a8a 47%,#004475 100%); */
    /* background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; */
    min-height: 650px;
    padding-bottom: 10px;
}

.how_does_it_work::before {
    background-image: url('../images/tl-pt.png');
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%;
    height: 80px;
    top: 0;
    left: 0;
    display: block;
    background-size: 100%;
    height: 215px;
}

.how_it_work_info {
    padding-left: 60px;
}

.how_it_work_details {
    padding: 0 0px;
    margin-bottom: 20px;
}

.how_it_work_details h3 {
    font-size: 20px;
    color: #466AA5;
    font-family: 'Montserrat-SemiBold';
    font-weight: 600;
    line-height: 39.01px;
    /* margin: 0 0 15px; */
}

.how_it_work_details p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #353B43;
    font-size: 14px;
    line-height: 24px;
}


.info_text {
    /* background: #2b3147; */
    padding: 0px 0 50px;
    margin-top: -76px;
}

.info_text .title-home {
    text-transform: capitalize;
    font-family: Montserrat-Bold;
    text-align: center;
    color: #fff;
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.info_text .title-para {
    font-family: Montserrat-Medium;
    text-align: center;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    color: #fff;
    margin-bottom: 0px;
}

.main_flex {
    display: flex;
}

.bg_promote_section {
    background-color: transparent;
}

.c-section--featured {
    background-image: url('./../images/bg_img.png');
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    /* background: linear-gradient( 
        285deg
         ,#14182f 0,#12182f 20%,#350e2e 75%,#340e2e 100%); */
    color: #fff;
}

.chooseGuruBackground {
    min-height: 650px;
    background-image: url('./../images/how_it_work_bg.png');
    background-repeat: no-repeat !important;
    background-position: 50% 100% !important;
    background-size: auto !important;
}

.chooseGuruBackground--bottomImage {
    position: relative;
    padding-top: 18rem !important;
    /* background-position: 50% 100% !important; */
}

.chooseGuruBackground--bottomImage::before {
    background-image: url('../images/tl-pt.png');
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%;
    height: 80px;
    top: 0;
    left: 0;
    display: block;
    background-size: 100%;
    height: 215px;
}

.flex_main {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
}

.hire_freelancer_wrapper .title-para {
    width: 100%;
    margin-bottom: 50px;
}

.hire_freelancer_ul {
    position: relative;
    display: flex;
    margin-bottom: 1.125rem;
    min-height: 100%;
    padding: .125rem;
    width: 100%;
    min-height: 14.175rem;
}

.hire_freelancer_ul li {
    display: flex;
    width: 100%;
    flex: 0 0 25rem;
    margin-right: 0.75rem;
}

.hire_freelancer_details .item {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 4%), 0 5px 5px rgb(0 0 0 / 4%);
    margin-bottom: 10px;
}

.freelancer_card_details {
    transition: background-color, box-shadow .11s ease-in 0s, -webkit-box-shadow .11s ease-in 0s;
    /* margin-bottom: 2.25rem; */
    border-radius: 1.225rem;
    background-color: #fff;
    width: 100%;
    color: #18202b;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    min-height: 200px;
}

.freelancer_card_header {
    /* min-height: 330px; */
    /* min-height: 150px; */
    /* min-height: 210px; */
    position: relative;
    border-radius: .225rem .225rem 0 0;
    padding: 1.125rem;
}

.freelancer_card_header a img {
    float: none;
    /* margin: 0 auto .375rem; */
    max-width: 14rem;
    /* height: 14rem; */
    /* border-radius: 15%; */
}

.hire_freelancer_para {
    clear: both;
    font-size: 14px;
    display: block;
}

.SlickFreelancer .freelancer_card_header a .user_avtar_img {
    width: 55px !important;
}

.SlickCompany .freelancer_card_header a .user_avtar_img {
    width: 55px !important;
}

.user_avtar_img {
    margin: 0 auto;
    display: flex;
    max-width: 14rem;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    float: left;
    border: 1px solid rgba(24, 32, 43, .05);
    /* border-radius: 50%; */
    text-align: center;
}

.freelancer_card_header h3 {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    font-family: Montserrat-Regular;
    margin: 0px auto 0px;
}

.freelancer_card_header p {
    color: #333;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    font-family: Montserrat-Regular;
    /* min-height: 60px; */
}

.flag_info {
    display: flex;
    margin: 12px 0;
    align-items: center;
    width: 100px;
}

.flag_info img {
    width: 25px !important;
    margin: 0;
    height: 25px;
}

.flag_info h4 {
    color: #191e3e;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat-Regular;
    margin-left: 6px;
    margin-top: 4px;
}

.profile_info_details {
    text-align: left;
    /* min-height: 100px; */
    /* background-color: #fff; */
    position: relative;
    border-radius: .225rem .225rem 0 0;
    padding: 0px 15px 20px 10px;
}

.profile_tag li {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    background: #d7f0ff;
    padding: 4px 6px;
    margin: 2px 0px;
    font-weight: 600;
    color: #5b6678;
    font-size: 12px;
    line-height: 20px;
    /* border: 1px solid #cccccc59; */
    /* font-weight: 600; */
}

.panels-boxd li {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    background: #d7f0ff;
    padding: 4px 6px;
    margin: 2px 0px;
    font-weight: 600;
    color: #5b6678;
    font-size: 12px;
    line-height: 20px;
    /* border: 1px solid #cccccc59; */
    /* font-weight: 600; */
}

.profile_hire button {
    background: #191e3e;
    color: white;
    line-height: 9px !important;
    text-decoration: none;
    padding: 10px 15px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 14px;
}

.profile_hire button:hover {
    color: #ffffff;
}

.ql_project {
    justify-content: space-between;
    display: flex;
    margin: 10px auto 0;
}

.ql_projects {
    float: left;
}

.ql_projects h4 {
    font-size: 14px;
    color: #5b6678;
}

.ql_price {
    float: left;
    margin: 8px 0 0;
}

.ql_price span {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.time_hr {
    font-size: 14px !important;
    color: #333;
    font-weight: 400 !important;
}

.owl-carousel .owl-dots .disabled {
    display: none !important;
}

.owl-nav {
    position: absolute;
    top: -50px;
    right: 0px;
}

.owl-nav span {
    font-size: 40px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    color: #000;
}

.ui-state-disabled,
.disabled,
button[disabled],
.chosen-disabled {
    opacity: 1;
}


/* .hire_freelancer_details .item:hover {
    display: inline-block;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
} */

.bg_color {}

.profile_ul {
    display: flex;
    position: relative;
    top: 30px;
    left: -115px;
    padding-inline-start: 0px;
}

.profile_ul li {
    border-radius: 2px !important;
    font-size: 13px !important;
    background: #f7f7f7;
    text-align: center;
    padding: 2px 4px !important;
    border: 1px solid #ccc;
    margin-right: 5px !important;
}

.profile_ul li a {
    font-size: 10px;
}

.freelancer_details_info {
    min-height: 100vh;
}

.lancer_proj_left_info {
    background-color: #3386bc;
    padding: 100px 25px 50px;
    margin: 20px 0 0;
    border-radius: 12px 0 0 12px;
    min-height: 87vh;
}

.freelancer_revolution_wrapper {
    padding: 30px 0 50px;
    background: linear-gradient(rgb(245, 247, 250), rgb(244 247 249));
}

.lancer_proj_left_info h3 {
    margin: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.lancer_proj_left_info h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    font-family: Montserrat-Italic;
}

.lancer_proj_left_info p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat-Regular;
    margin-bottom: 15px;
}

.lancer_proj_left_info a {
    background: #fff;
    padding: 10px;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    font-family: Montserrat-Bold;
    margin-top: 15px;
}

.lancer_proj_right_img img {
    width: 100%;
}

.freelancer_details_info .padding_0 {
    padding: 0px;
}

.lancer_proj_right_img img {
    margin-top: 20px;
}


/* .quicken_findBasic{
display: flex;
} */


/* 41acd2+2960a6

863898+942e85

771f80+cd0d81+ff5783

d01081+f34682

TEXT TITLE COLOUR CODE- c3006e
    background: linear-gradient(
138deg
,#41acd2 0,#215b84 17%,#202952 50%); */

.job_seek_hero_section .banner_right_image {
    /* width: 440px; */
    /* height: 100%; */
    position: absolute;
    top: 0;
    right: 0px;
    left: 0;
    padding-top: 0px;
    /* background: #0404043b; */
}

.gif_image {
    width: 100%;
    /* border: 5px solid #b73886; */
    animation: jump 3s ease-in infinite;
}

@keyframes jump {

    0%,
    100% {
        transform: translateY(0);
        /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
    }

    50% {
        transform: translateY(-10px);
    }
}

.job_seeker_heading_text {
    color: #000;
    font-size: 36px;
    font-family: Montserrat-Bold;
    font-weight: bold;
    margin-bottom: 30px;
}

.job_seek_hero_section {
    min-height: 350px;
    /* width: 100%;
    background-image: url(../images/background_job_seek.jpg);
    background-size: cover; */
}

.job_seeker_content {
    margin-top: 50px;
}

.job_seek_hero_section .banner_right_image img {
    /* width: 1400px; */
    top: 20px;
    position: relative;
    /* float: right; */
    right: 0px;
}

.bl_content {
    color: #000;
    width: 75%;
    font-size: 20px;
    font-family: Montserrat-Medium;
}

.job_seeker_project_list {
    /* background-image: url('../images/dotted_bg.jpg');
    background-size: 100% 65%;
    background-position: bottom; */
    height: auto;
    width: 100%;
}

.quicken_search_Bar select {
    border: 1px solid red;
}


/* ::-webkit-resizer {
    width: 6px;
    max-height: 50%;
    height: 50%;
}

::-webkit-scrollbar-corner {
    background-color: #2e79b4 !important;
    height: 100px !important;
}

::-webkit-scrollbar {
    width: 6px !important;
    max-height: 50%;
    height: 50%;
    height: 100px !important;
}

::-webkit-scrollbar-track {
    background-color: #2e79b4 !important;
    -webkit-border-radius: 10px;
    height: 100px !important;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    max-height: 50%;
    height: 50%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #2e79b4 !important;
} */


/* .scrollbar-2 {
    scrollbar-width: thin;
    scrollbar-color: #008aff #bbb;
} */


/* ::-webkit-scrollbar {
    width: 10px;
    height: 100px !important;
}

::-webkit-scrollbar-track {
    background-color: #6ba8de;
}

::-webkit-scrollbar-thumb {
    background-color: #6ba8de;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 12px;
} */


/* The below styles are for display purposes only */

.left-side_img {
    float: left;
    width: 25%;
}

.right_side_item_content {
    width: 75%;
    float: right;
    padding-left: 10px;
}

.item_description {
    float: left;
    width: 100%;
    /* height: 0px; */
    padding-top: 0px;
    font-size: 18px !important;
    border-top: 1px solid #d9d8d8;
    margin-top: 5px;
    padding-top: 8px;
}

.search-isd .fa-search {
    position: absolute;
    right: 7px;
    font-size: 15px;
    top: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    /* padding: 10px 12px; */
    padding: 3px 7px;
    color: #ccc;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 0px 0px !important;
}

.search-field input {
    width: 100%;
    height: 35px !important;
    padding-left: 30px;
    border: none;
    font-weight: 500;
    float: left;
    border-radius: 30px;
}

.position-seeker {
    padding: 0;
    width: 100%;
    position: relative;
}

.service_icons {
    position: absolute;
    top: -40px;
}

.profile_description {
    height: 60px !important;
}


/* stepperform/profile */

.multi_step_form {
    background: #f6f9fb;
    display: block;
    overflow: hidden;
}

.multi_step_form #post_job {
    text-align: center;
    position: relative;
    padding-top: 50px;
    /* min-height: 820px; */
    margin: 0 auto;
    background: #ffffff;
    z-index: 1;
    padding-bottom: 50px;
}

.multi_step_form #post_job .tittle {
    text-align: center;
    padding-bottom: 55px;
}

.multi_step_form #post_job .tittle h3 {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 5px;
    display: inline;
    color: #000;
}

.multi_step_form #post_job .tittle p {
    font-size: 14px;
    color: #696969;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

.multi_step_form #post_job .tittle p {
    color: #5f6771;
}

.multi_step_form #post_job fieldset {
    border: 0;
    padding: 20px 105px 0;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
}

.multi_step_form #post_job fieldset:not(:first-of-type) {
    display: none;
}

.multi_step_form #post_job fieldset h3 {
    font: 500 18px/35px "Roboto", sans-serif;
    color: #3f4553;
}

.multi_step_form #post_job fieldset h6 {
    font: 400 15px/28px "Roboto", sans-serif;
    color: #5f6771;
    padding-bottom: 30px;
}

.multi_step_form #post_job fieldset .intl-tel-input {
    display: block;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
}

.multi_step_form #post_job fieldset .intl-tel-input .flag-container .selected-flag {
    padding: 0 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    width: 65px;
}

.multi_step_form #post_job fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {
    border: 0;
}

.multi_step_form #post_job fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    font: normal normal normal 24px/7px Ionicons;
    color: #5f6771;
}

.multi_step_form #post_job fieldset #phone {
    padding-left: 80px;
}

.multi_step_form #post_job fieldset .form-group {
    padding: 0 10px;
}

.multi_step_form #post_job fieldset .fg_2,
.multi_step_form #post_job fieldset .fg_3 {
    padding-top: 10px;
    display: block;
    overflow: hidden;
}

.multi_step_form #post_job fieldset .fg_3 {
    padding-bottom: 70px;
}

.multi_step_form #post_job fieldset .form-control,
.multi_step_form #post_job fieldset .product_select {
    border-radius: 3px;
    border: 1px solid #d8e1e7;
    padding: 0 20px;
    height: auto;
    font: 400 15px/48px "Roboto", sans-serif;
    color: #5f6771;
    box-shadow: none;
    outline: none;
    width: 100%;
}

.multi_step_form #post_job fieldset .form-control.placeholder,
.multi_step_form #post_job fieldset .product_select.placeholder {
    color: #9999a6;
}

.multi_step_form #post_job fieldset .form-control:-moz-placeholder,
.multi_step_form #post_job fieldset .product_select:-moz-placeholder {
    color: #9999a6;
}

.multi_step_form #post_job fieldset .form-control::-moz-placeholder,
.multi_step_form #post_job fieldset .product_select::-moz-placeholder {
    color: #9999a6;
}

.multi_step_form #post_job fieldset .form-control::-webkit-input-placeholder,
.multi_step_form #post_job fieldset .product_select::-webkit-input-placeholder {
    color: #9999a6;
}

.multi_step_form #post_job fieldset .form-control:hover,
.multi_step_form #post_job fieldset .form-control:focus,
.multi_step_form #post_job fieldset .product_select:hover,
.multi_step_form #post_job fieldset .product_select:focus {
    border-color: #5cb85c;
}

.multi_step_form #post_job fieldset .form-control:focus.placeholder,
.multi_step_form #post_job fieldset .product_select:focus.placeholder {
    color: transparent;
}

.multi_step_form #post_job fieldset .form-control:focus:-moz-placeholder,
.multi_step_form #post_job fieldset .product_select:focus:-moz-placeholder {
    color: transparent;
}

.multi_step_form #post_job fieldset .form-control:focus::-moz-placeholder,
.multi_step_form #post_job fieldset .product_select:focus::-moz-placeholder {
    color: transparent;
}

.multi_step_form #post_job fieldset .form-control:focus::-webkit-input-placeholder,
.multi_step_form #post_job fieldset .product_select:focus::-webkit-input-placeholder {
    color: transparent;
}

.multi_step_form #post_job fieldset .product_select:after {
    display: none;
}

.multi_step_form #post_job fieldset .product_select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    font: normal normal normal 24px/48px Ionicons;
    color: #5f6771;
}

.multi_step_form #post_job fieldset .product_select .list {
    width: 100%;
}

.multi_step_form #post_job fieldset .done_text {
    padding-top: 40px;
}

.multi_step_form #post_job fieldset .done_text .don_icon {
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 22px;
    margin-bottom: 10px;
    background: #5cb85c;
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
}

.multi_step_form #post_job fieldset .done_text h6 {
    line-height: 23px;
}

.multi_step_form #post_job fieldset .code_group {
    margin-bottom: 60px;
}

.multi_step_form #post_job fieldset .code_group .form-control {
    border: 0;
    border-bottom: 1px solid #a1a7ac;
    border-radius: 0;
    display: inline-block;
    width: 30px;
    font-size: 30px;
    color: #535353;
    padding: 0;
    margin-right: 7px;
    text-align: center;
    line-height: 1;
}

.multi_step_form #post_job fieldset .passport {
    margin-top: -10px;
    padding-bottom: 30px;
    position: relative;
}

.multi_step_form #post_job fieldset .passport .don_icon {
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 22px;
    position: absolute;
    top: 4px;
    right: 0;
    background: #5cb85c;
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
}

.multi_step_form #post_job fieldset .passport h4 {
    font: 500 15px/23px "Roboto", sans-serif;
    color: #5f6771;
    padding: 0;
}

.multi_step_form #post_job fieldset .input-group {
    padding-bottom: 40px;
}

.multi_step_form #post_job fieldset .input-group .custom-file {
    width: 100%;
    height: auto;
}

.multi_step_form #post_job fieldset .input-group .custom-file .custom-file-label {
    width: 168px;
    border-radius: 5px;
    cursor: pointer;
    font: 700 14px/40px "Roboto", sans-serif;
    border: 1px solid #99a2a8;
    text-align: center;
    transition: all 300ms linear 0s;
    color: #5f6771;
}

.multi_step_form #post_job fieldset .input-group .custom-file .custom-file-label i {
    font-size: 20px;
    padding-right: 10px;
}

.multi_step_form #post_job fieldset .input-group .custom-file .custom-file-label:hover,
.multi_step_form #post_job fieldset .input-group .custom-file .custom-file-label:focus {
    background: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

.multi_step_form #post_job fieldset .input-group .custom-file input {
    display: none;
}

.multi_step_form #post_job fieldset .file_added {
    text-align: left;
    padding-left: 190px;
    padding-bottom: 60px;
}

.multi_step_form #post_job fieldset .file_added li {
    font: 400 15px/28px "Roboto", sans-serif;
    color: #5f6771;
}

.multi_step_form #post_job fieldset .file_added li a {
    color: #5cb85c;
    font-weight: 500;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.multi_step_form #post_job fieldset .file_added li a i {
    font-size: 22px;
    padding-right: 8px;
    position: absolute;
    left: 0;
    transform: rotate(20deg);
}

.multi_step_form #post_job #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
}

.multi_step_form #post_job #progressbar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 9px;
    width: calc(100%/3);
    float: left;
    position: relative;
    font: 500 13px/1 "Roboto", sans-serif;
}

.multi_step_form #post_job #progressbar li:nth-child(2):before {
    content: "";
}

.multi_step_form #post_job #progressbar li:nth-child(3):before {
    content: "";
}

.multi_step_form #post_job #progressbar li:before {
    content: "";
    font: normal normal normal 30px/50px Ionicons;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: #eaf0f4;
    border-radius: 50%;
    margin: 0 auto 10px auto;
}

.multi_step_form #post_job #progressbar li:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #eaf0f4;
    position: absolute;
    left: -50%;
    top: 21px;
    z-index: -1;
}

.multi_step_form #post_job #progressbar li:last-child:after {
    width: 150%;
}

.multi_step_form #post_job #progressbar li.active {
    color: #5cb85c;
}

.multi_step_form #post_job #progressbar li.active:before,
.multi_step_form #post_job #progressbar li.active:after {
    background: #5cb85c;
    color: white;
}

.multi_step_form #post_job .action-button {
    background: #5cb85c;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    min-width: 130px;
    font: 700 14px/40px "Roboto", sans-serif;
    border: 1px solid #5cb85c;
    margin: 0 5px;
    text-transform: uppercase;
    display: inline-block;
}

.multi_step_form #post_job .action-button:hover,
.multi_step_form #post_job .action-button:focus {
    background: #405867;
    border-color: #405867;
}

.multi_step_form #post_job .previous_button {
    background: transparent;
    color: #99a2a8;
    border-color: #99a2a8;
}

.multi_step_form #post_job .previous_button:hover,
.multi_step_form #post_job .previous_button:focus {
    background: #405867;
    border-color: #405867;
    color: #fff;
}


/* slider */
/* Slick Slider Css Ruls */
.slider-why-quickelancer {
    background: #f4fcff !important;
    margin-top: 50px;
    padding: 50px 0px 90px 0px;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.img-fill {
    width: 100%;
    padding: 20px;
    display: block;
    background-color: white;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.img-div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-left: 10px;
    padding-top: 10px;
    background-color: lightgrey;

}

.img-fill img {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;

}

.img-fill h3 {
    font-family: Montserrat-Bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.img-fill p {
    font-family: Montserrat-Medium;
    font-size: 15px;
    line-height: 24px;
    color: #333;
}



@media (max-width:786px) {
    .MobileTitle {
        padding: 3px 0px !important;
    }

    .img-fill {
        width: 100%;
        padding: 20px;
        display: block;
        background-color: white;
        overflow: hidden;
        position: relative;
        border-radius: 10px;
    }

    .img-div {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding-left: 5px;
        padding-top: 5px;
        background-color: lightgrey;

    }

    .img-fill img {
        width: 25px;
        height: 30px;
        text-align: center;
        display: inline-block;

    }

    .img-fill h3 {
        font-family: Montserrat-Bold;
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    .img-fill p {
        font-family: Montserrat-Medium;
        font-size: 14px;
        line-height: 24px;
        color: #333;
    }

    .uea_right_right button {
        position: static !important;
    }


}

@media (max-width:480px) {
    .img-fill {
        width: 100%;
        padding: 20px;
        display: block;
        background-color: white;
        overflow: hidden;
        position: relative;
        border-radius: 10px;
    }

    .img-div {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding-left: 5px;
        padding-top: 5px;
        background-color: lightgrey;

    }

    .img-fill img {
        width: 20px;
        height: 20px;
        text-align: center;
        display: inline-block;

    }

    .img-fill h3 {
        font-family: Montserrat-Bold;
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
    }

    .img-fill p {
        font-family: Montserrat-Medium;
        font-size: 12px;
        line-height: 24px;
        color: #333;
    }

    .uea_right_right button {
        position: static !important;
    }
}

/* Slider Theme Style */

.Container {
    padding: 0 15px;
}

.Container:after,
.Container .Head:after {
    content: '';
    display: block;
    clear: both;
}

.Container .Head {
    text-transform: capitalize;
    margin-bottom: 25px;
    color: #191E3E;
    font-size: 28px;
    font-family: Montserrat-Bold;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.5px;
}

.Container .Head .Arrows {
    float: right !important;
}

.Container .Head .Arrows_new {
    float: right !important;
    margin-top: -65px;
}

.Container .Head .Arrows_new1 {
    float: right !important;
    margin-top: -65px;
}

.Container .Head .Slick-Next,
.Container .Head .Slick-Prev {
    display: inline-block !important;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #2b2b2b;
    color: #FFF;
    margin-left: 5px;
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
}

.slider-for-details .Container .Head .Slick-Next:hover,
.slider-for-details .Container .Head .Slick-Prev:hover {
    background: #003557;
}

.slider-for-details .Container .Head .Slick-Next:before {
    content: '\f105'
}

.slider-for-details .Container .Head .Slick-Prev:before {
    content: '\f104'
}

.slider-for-details .SlickCarousel {
    margin: 0 -7.5px;
    margin-top: 10px;
}

.ProductBlock {
    padding: 0 7.5px;
}

.ProductBlock .img-fill {
    height: 250px;
}



/* .tab-item.active{
    text-decoration: underline;
  } */
.how-does-tab {
    margin-bottom: 20px;
}

.how-does-tab ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-does-tab ul .tab-item {
    margin: 0px 20px;
}

.how-does-tab ul li a {
    font-size: 20px;
    color: #333333 !important;
    padding: 15px 5px;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
    line-height: 55.26px;
}

.tab-line {
    width: 2px;
    height: 30px;
    margin: 10px;
    border: 1px solid white;
    color: white !important;
}

/* .how-does-tab ul li a:hover{
    border-bottom: 1px solid white;
  } */
.how-does-tab .tab-content {
    display: none;
}

.how-does-tab .tab-content.active {
    display: block;
    margin-top: 50px;
}

.login-boxed .MainLogin {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* right: 50%; */
    /* bottom: 50%; */
    /* background: #fff; */
    border: 1px solid #ccc;
    float: none;
    max-width: 400px;
    background: #f9f9f9;
    padding: 30px !important;
    margin: 50px auto;
    /* height: max-content; */
    /* transform: translate(-50%, -50%); */
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}

.loged_btn button {
    background-color: #191e3e;
    border: medium none;
    padding: 13px;
    margin-top: 10px;
    color: #FFF;
    font-size: 14px !important;
    border-radius: 6px;
    width: 100%;
    font-weight: 600;

    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.forget-button {
    background-color: #191e3e !important;
    border: medium none;
    padding: 13px;
    margin-top: 10px;
    color: #FFF;
    font-size: 13px !important;
    border-radius: 3px;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.forget-open1 label {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 6px;
}

.forget-open1 .all_setup input {
    width: 100%;
    height: 45px !important;
    border: none;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.how_it_work_images img {
    width: 100%;
}

.main-signin a {
    background: #191e3e;
    color: #ffffff !important;
    line-height: 5px;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
}

#job-option-dropdown {
    width: 100%;
    height: 30px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
}

#job-option-dropdown:focus {
    text-decoration: none;
}

.new-signin {
    /* position: fixed; */
    background: #F5F7FA;
    /* margin-top: 0px; */
    /* min-height: calc(100vh - 70px); */
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-register {
    /* height: 800px; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}

.go-to-home {
    text-decoration: underline !important;
}

.advanced-search {
    display: flex;
    gap: 25px;
    margin: 5px 5px 5px 25px;
}

.advanced-search p {
    cursor: pointer;
}

.advanced-search p:hover {
    text-decoration: underline;
}

.locaiton {
    display: none;
}

.advanced-item .advanced-items {
    float: left;
    margin-top: 10px;
    margin-top: 0px;
    height: 49px;
    width: 150px;

}

.advanced-item .advanced-items input {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    width: 150px;
    border: 1px solid;
}

.locaiton.active {
    display: flex;
    height: 60px;
    background-color: #e7e3e9;
    width: 550px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
}

.find-project {
    position: sticky;
    background: #fff;
    margin-top: 30px;
    padding: 10px;
    top: 115px;
    border-radius: 8px;

}

.find-project {
    background-color: #fff !important;
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}



.find-project-filter {
    height: 100%;
    width: 100%;
}

.find-project-filter .start {
    border: 1px solid #999;
    border-right: none;
    border-left: none;
    border-top: none;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
}

.find-project-filter label {
    font-size: 14px;
    font-weight: 600;
    color: #797979;
}

.find-project-searchbar {
    width: 100%;
    padding: 10px;
    /* margin: 10px 5px; */
}

.find-project-searchbar h3 {
    font-size: 14px;
    padding: 10px;
    color: #333;
    font-weight: 600;
    margin: 10px 40px 10px -10px;
}

.find-project-searchbar .chosen-container-multi .chosen-choices {
    /* padding: 6px 25px !important; */
    padding: 5px !important;
    margin: 0px;
}

.filter-main-title {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
    cursor: pointer;
}

.filter-main-title i {
    font-size: 20px;
    height: 100%;
    color: #ccc;

}

.filter-main-title.active i {
    transform: rotate(180deg);
}

.find-project-filter hr {
    margin: 10px 0px;
}

.find-project-filter h1 {
    margin: 10px 0px;
    font-size: 14px;
    padding: 10px 5px;
    color: #333;
    font-weight: 600;
}

.find-project-filter .filter-title {
    font-size: 13px;
    font-weight: 600;
}


.open-location {}

.open-location {
    margin: 10px 10px;
}

.open-location input {
    border: 1px solid #cccccc !important;
    border-radius: 5px;
    padding: 10px !important;
    height: 40px !important;
    padding: 8px;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
}

.open-location input:focus-visible {
    outline: none !important;
    background-color: #fff !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3) !important;
}


/* .open-budget{

  }
  .open-budget{

  } */

.open-currency {
    display: none;
}

.open-currency {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.open-project-type {
    display: none;
}

.open-project-type {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.open-admin {
    display: none;
}

.open-admin {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.open-bidding {
    display: none;
}

.open-bidding {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.open-freshness {
    display: none;
}

.open-freshness {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.open-language {
    display: none;
}

.open-language {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen {
    .search-project-row {
        display: flex;
        flex-direction: row;
    }
}

.filter-flex .filter-image {
    display: none;
}

.filter-display {
    display: flex;
}



.search-project-filter {
    position: sticky;
    top: 15px;
}

.hire-company-filter {
    position: sticky;
    top: 15px;
}

@media (max-width:1050px) {
    .uea_right_right button {
        position: static !important;
    }

    /* 
    .search-project-row {
        display: flex;
        flex-direction: column;
    } */
    /* 
    .search-project-row .search-project-order:nth-of-type(1) {
        -webkit-order: 3;
        order: 3;
    }

    .search-project-row .disearch-project-orderv:nth-of-type(2) {
        -webkit-order: 1;
        order: 1;
    }

    .search-project-row .search-project-order:nth-of-type(1) {
        -webkit-order: 3;
        order: 3;
    }

    .search-project-row .disearch-project-orderv:nth-of-type(2) {
        -webkit-order: 1;
        order: 1;
    } */

    .filter-flex .filter-image {
        display: flex;
    }

    /* .filter-display {
        display: none;
    } */

    .filter-searchbar {
        width: 90%;
    }

    .filter-flex {
        display: flex;
        justify-content: space-between;
    }

    .filter-image div {
        position: relative;
        background-color: #e9e9e9;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        margin: 0px 10px;
        align-items: center;
        justify-content: center;
    }

    .filter-image div:hover {
        cursor: pointer;
    }

    .filter-flex .filter-image img {
        position: absolute;
        top: 11px;
        left: 11px;
        width: 14px;
    }

    .position-seeker {
        width: 100%;
    }

}



.hire-pic {
    border: 1px solid black;
    width: 80px;
}

.hire-info {
    border: 1px solid black;
}


.hire-header {}

.hire-header .left-side_img img {
    width: 90%;
}

.right-side-name {
    width: 75%;
    float: right;
    padding-left: 7px;
    padding-top: 8px;
}

.profile-percent {
    display: flex;
    margin: 12px 0;
    align-items: center;
    width: 150px;
}

.hire-skills {
    padding-left: 0px;
}

.hire-card-details {
    margin-bottom: 10px;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 4%), 0 0px 0px rgb(0 0 0 / 4%);
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    /* min-height: 300px; */
}

.hire-freelancer-filter {
    margin-top: 55px;
}

.hire-post {

    padding: 0px 10px 0px 0px;
    display: flex;
}

.faq-main-r {
    margin: 0px;

}

.no-dt-div {
    padding: 0px;
    background-color: #fff !important;
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    overflow: hidden;
    margin-bottom: 50px;
}

.sec-part-banner {
    order: 1;
}

.first-part-banner {
    order: 2;
}

.hire-company-filter {
    margin-top: 35px;
}

/* .hair-freelancer-head {
    font-size: 16px;
    padding: 4px 10px 0px 6px;
    font-weight: 600;
    color: #0e0e0e;
    border: none !important;
    padding: 10px 10px 15px 13px;
    margin: 0px !important;
} */
.hair-freelancer-head {
    font-size: 16px;
    /* padding: 4px 10px 0px 6px; */
    font-weight: 500;
    color: #0e0e0e;
    border: none !important;
    padding: 15px 0px;
    margin: 0px !important;
}

.post_project_title {
    /* min-height: 150px; */
    background-color: #f6fcff;
    text-align: center;
}



.post_project_form #post_job .project_area_box .project_listss {
    margin-bottom: 30px;
    padding: 0px;
    overflow: hidden;
}

.post_project_form #post_job .project_area_box .project_listss li {
    list-style-type: none;
    color: #191E3E;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat-Medium';
    width: calc(100%/3);
    float: left;
    text-align: center;
    position: relative;
    /* font: 500 16px/1 "Roboto", sans-serif; */
}

/* .post_project_form #post_job .project_area_box  .project_listss  li.active {
    color: #5cb85c;
    } */
.post_project_form #post_job .project_area_box .project_listss li.active::before,
.post_project_form #post_job .project_area_box .project_listss li.active::after {
    background: #5cb85c;
    color: white;
}

.post_project_form #post_job .project_area_box .project_listss li::before {
    content: " ";
    font: normal normal normal 30px/50px Ionicons;
    width: 24px;
    height: 24px;
    line-height: 50px;
    display: block;
    background: #D9D9D9;
    border-radius: 50%;
    margin: 0 auto 10px auto;
}

.post_project_form #post_job .project_area_box .project_listss li.active::before,
.post_project_form #post_job .project_area_box .project_listss li.active::after {
    background: #8B3A99;
    color: white;
}

.post_project_form #post_job .project_area_box .project_listss li::after {
    content: "";
    width: 100%;
    height: 5px;
    background: #D9D9D9;
    position: absolute;
    left: 0%;
    top: 10px;
}

.hire-freelancers-row .find-project {
    /* margin-top: 98px;
    top: 85px;
    position: sticky; */
    margin-top: 48px;
    margin-bottom: 30px;
}


.livesearch {
    width: 100%;
}


@media (max-width:1050px) {

    .filter-flex .filter-image {
        display: flex;
    }

    /* .filter-display {
        display: none;
    } */

    .filter-searchbar {
        width: 90%;
    }

    .filter-flex {
        display: flex;
        justify-content: space-between;
    }

    .filter-image div {
        position: relative;
        background-color: #e9e9e9;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        margin: 0px 10px;
        align-items: center;
        justify-content: center;
    }

    .filter-image div:hover {
        cursor: pointer;
    }

    .filter-flex .filter-image img {
        position: absolute;
        top: 11px;
        left: 11px;
        width: 14px;
    }

    .position-seeker {
        width: 100%;
    }

}





@media (max-width:1050px) {
    .business-list-row {
        display: flex;
        flex-direction: column;
    }

    .business-list-row .business-list-new:nth-of-type(1) {
        -webkit-order: 3;
        order: 3;
    }

    .business-list-row .search-project-order:nth-of-type(2) {
        -webkit-order: 1;
        order: 1;
    }

    .filter-flex .filter-image {
        display: flex;
    }

    /* .filter-display {
        display: none;
    } */

    .filter-searchbar {
        width: 90%;
    }

    .filter-flex {
        display: flex;
        justify-content: space-between;
    }

    .filter-image div {
        position: relative;
        background-color: #e9e9e9;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        margin: 0px 5px;
        align-items: center;
        justify-content: center;
    }

    .filter-image div:hover {
        cursor: pointer;
    }

    .filter-flex .filter-image img {
        position: absolute;
        top: 11px;
        left: 11px;
        width: 14px;
    }

    .position-seeker {
        width: 100%;
    }

}

.container-c {
    background: #fff;
    border-radius: 12px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

/* .faq_left {
    margin-top: -75px !important;
} */

/* .faq_right_block {
    margin-top: -110px !important;
} */
.amt-ttl p {
    margin: 0px !important;
}

.amt-ttl {
    background: #F4F9FF;
    padding: 10px 5px !important;
    font-size: 12px !important;
}

.contactform_sec {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 25px;
    height: 450px;
    border-radius: 8px;
}

.cq_logo {
    height: 140px;
    width: 140px;
}

.cancel_btn {
    background-color: #fff;
    border-color: #ccc;
    padding: 5px 10px !important;
    font-size: 15px !important;

}

.update_btn {
    background-color: #171f3d !important;
    border: none !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
}

/* Hide the file input */
.project_area_box input[type="file"] {
    display: none;
}

/* Style the container */
.project_area_box .file-input-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

/* Style the label/button */
.project_area_box .file-label {
    background-color: #ffffff;
    color: #14203c;
    padding: 10px 20px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

/* Style the plus icon */
.project_area_box .file-icon {
    font-size: 20px;
    margin-right: 5px;
}

/* Change the label when a file is selected */
.project_area_box input[type="file"]:not(:disabled)+.file-label::after {
    content: "File Selected";
}


/* .chosen-container {
    width: 100%;
  } */

.QLHome_page_how .exp_button_box a {
    color: #ffffff !important;
    background-color: #191e3e;
}

.profile_progress_count {
    display: flex;
    position: absolute;
    right: -315px;
    top: -10px;
    width: 75%;
    justify-content: space-evenly;
}

.profile_progress_count .count_boxes {
    text-align: center;
}

.profile_progress_count .count_boxes img {
    width: 34px;
    /* margin: 0 auto; */
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    margin-top: 7px;
}

.profile_progress_count .count_boxes h4 {
    font-weight: 800;
    color: #fff;
}

.profile_progress_count .count_boxes p {
    font-size: 13px;
    color: #fff;
}

.profile_progress_count .count_boxes .quicken_LanguageMax .circliful .circle-text {
    color: #fff !important;
    font-weight: 700 !important;
}

.myconn h2 {
    border: none;
}

/* .myconn .head_row{
    border-bottom: 1px solid #eaeaea;
  } */
/* .skil-box1.line-content{
    display: flex;
  } */
.Why-Quickenlancer-Container {
    padding: 50px 15px;
}

.myconn .skil-box1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.recently_userd .boot-table.recent_table {
    padding: 20px 25px !important;
}

.myconn .skil-box1 h3 {
    margin-top: 5px;
}

.col-mx-tbl {
    margin: 0 20px;
}

/* .myconn .skil-box1 .imp-skert {
    width: 100%;
} */
.skil-box1 {
    /* border-radius: 3px; */

    padding: 11px 0px;
}

.last-contact-div p {
    margin: 0px;
    font-size: 13px !important;
    color: #333968 !important;
    font-weight: 500 !important;
    font-family: Montserrat-SemiBold;
    background: #d5d8dd !important;
    border-radius: 5px;
    padding: 2px 10px;
}

.myconn .skil-box1 .backimg-rtl {
    width: 60px !important;
    height: 60px;
    display: block;
    flex: none;
}

/* .ski-rld .quicken_search_Bar{
    height: 30px;
    width: 100%;
    margin-bottom: 15px;
    border-radius:30px;
    background-image: linear-gradient(#eee 13%,#fff 52%);
   
  }

  .ski-rld .quicken_search_Bar input{
    border-radius: 30px;
  
    background-image: linear-gradient(#eee 13%,#fff 52%);
    height: 30px !important;
  }
  .ski-rld .quicken_search_Bar input:focus-visible{
    border: none !important;
  }

  .ski-rld .quicken_search_Bar input:focus{
    border:none !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

 
  .ski-rld .quicken_search_Bar .fa-search{
    padding: 5px 7px; 
    width: 26px;
    height: 26px;
    top: 2px;

  } */

.ski-rld .quicksearch-box {
    width: 100%;
    position: relative;
    display: flex;
    margin: auto;
}

.quicksearch-box .search-input {
    width: 100%;

    font-size: 13px;
    padding: 8px 45px 8px 15px;
    background-color: #fff;
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: linear-gradient(#eee 1%,#fff 15%); */
    color: #6c6c6c;
    border-radius: 5px;
    border: 1px solid #cccccc !important;
    transition: all .4s;
    height: 40px;
}

.quicksearch-box .search-input:focus {
    border: none;
    outline: none;
    border: 1px solid #cccccc !important;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /* box-shadow: 0 1px 12px #6c6c6c;
    -moz-box-shadow: 0 1px 12px #6c6c6c;
    -webkit-box-shadow: 0 1px 12px #6c6c6c; */
}

.quicksearch-box .search-btn {
    background-color: transparent;
    font-size: 18px;
    padding: 6px 9px;

    border: none;
    color: #6c6c6c;
    transition: all .4s;
    z-index: 10;

    position: absolute;
    top: 1px;
    right: 3px;
}

.quicksearch-box .search-btn:hover {
    transform: scale(1.2);
    cursor: pointer;
    color: black;
}

.quicksearch-box .search-btn:focus {
    outline: none;
    color: black;
}


.myconn .head_row .cc-links {
    float: right;
}

.myconn .head_row .cc-links a {
    margin: 0px 8px;
}

/* ========= */
.tabs {
    margin: 14px 0;
    display: flex;
    overflow-x: scroll;
    /* Hide the scrollbar */
    white-space: nowrap;
    position: relative;
}

.tabs-tags {
    display: flex;
    gap: 15px;

}

.tabs-tags__tag {
    padding: 5px 0;
    /* width: 100%; */
    text-align: center;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-right: 10px;
}

.tabs-tags__tag:hover {
    border-bottom: 2px solid #171f3d;
}

.tabs-tags__tag.active {
    border-bottom: 2px solid #171f3d;
}

.tabs-content {
    padding: 20px;
    border: 2px solid #008095;
}


.st_container .wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 50px;
}

.st_container .list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 12px;
    margin-top: 0px;
}

.st_container .list li {
    display: table-cell;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    color: #efefef;
    vertical-align: middle;
}

.st_container .scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 11px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

.st_container {
    width: 100%;
}

.st_container .scroller-right {
    float: right;
}

.st_container .scroller-left {
    float: left;
}


.blank_wrapper {
    margin-top: 50px;
}

.blank_box {
    height: 10px;
    background: #f5fcff;
}

.thankyou_details .t_ico {
    width: 85px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.thankyou_details.fade-in {
    opacity: 1;
    transform: scale(1);
}

@keyframes zoomInAnimation {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Apply the zoom-in animation to the image element */
.thankyou_details h2 {
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}

.thankyou_details p {
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}

.img-responsive.t_ico {
    animation: zoomInAnimation 1s ease-in-out;
    /* Adjust the duration and timing function as needed */
}

.thankyou_details .chart_details {
    width: 100%;
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}



.thankyou_details .chart_details a {
    background: #171f3d;
    color: #fff !important;

    padding: 10px 20px !important;
    font-weight: 500;

}


.thank_you_wrapper {
    background-color: #f7f7f7;
}

.QLdekstop_menu .quicken_pheaderc.active {
    border-bottom: 2px solid #bf3981 !important;
    padding-bottom: 16px;
}

.quicken_menulist a.active {
    color: #bf3981 !important;
}

.blankwrapperbox {
    height: 50px;
    margin-top: 40px;
}

.chat-btn-mobile {
    display: none;
}

.connect_row>div:first-child p {
    margin: 0px;
}

.vieus_op.pop_up_link {
    background-color: #fff;
}

.vieus_op.pop_up_link a {
    color: #333 !important;
}

@keyframes slideHorizontal {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideHorizontalReverse {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

.slider-for-details {
    background: #f7f7f7 !important;
    /* margin-top: 50px; */
    padding: 50px 0px 90px 0px;
    position: relative;
}

.proposal-detail-block {
    padding: 0 7.5px;
}

/* .proposal-detail-block .img-fill{
    height: 250px;
  } */
.proposal-detail-block .Content .img-fill {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

.inner_name1 h3 {
    margin-bottom: 3px;
    font-size: 15px;
}

.inner_name1 p {

    font-size: 14px;
}

.slider-for-details .Container .Arrows {
    display: flex;
    justify-content: space-between;
    float: none;
}

.Container .Arrows .Slick-Next {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #191e3e;
    color: #fff;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    /* position: absolute; */
    right: 30px;
    top: 50%;
}

.Container .Arrows .Slick-Prev {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #191e3e;
    color: #fff;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    /* position: absolute; */
    left: 30px;
    top: 50%;
}

.Container .Slick-Prev:before {
    content: '\f104' !important;
}

.Container .Slick-Next:before {
    content: '\f105' !important;
}

.slider-for-details .Container .Arrows .Slick-Next {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    border-radius: 50%;
    background: #dbdde3;
    color: #52575a;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    position: absolute;
    right: 30px;
    top: 50%;
}

.slider-for-details .Container .Arrows .Slick-Prev {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    border-radius: 50%;
    background: #dbdde3;
    color: #52575a;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    position: absolute;
    left: 30px;
    top: 50%;
}

.slider-for-details .Container .Slick-Prev:before {
    content: '\f104';
}

.slider-for-details .Container .Slick-Next:before {
    content: '\f105';
}

/* new slider */


.slider-hire-freelancer .slider-for-details .Container .Arrows_new {
    display: flex;
    justify-content: space-between;
    float: none;
}

.slider-hire-freelancer .slider-for-details .Container .Arrows_new1 {
    display: flex;
    justify-content: space-between;
    float: none;
}

.slider-hire-freelancer .Container .Arrows_new .Slick-Next {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #191e3e;
    color: #fff;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    /* position: absolute; */
    right: 30px;
    top: 50%;
}

.slider-hire-freelancer .Container .Arrows_new .Slick-Prev {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #191e3e;
    color: #fff;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    /* position: absolute; */
    left: 30px;
    top: 50%;
}

.slider-hire-freelancer .Container .Arrows_new1 .Slick-Next {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #191e3e;
    color: #fff;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    /* position: absolute; */
    right: 30px;
    top: 50%;
}

.slider-hire-freelancer .Container .Arrows_new1 .Slick-Prev {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    /* border-radius: 50%; */
    background: #191e3e;
    color: #fff;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    /* position: absolute; */
    left: 30px;
    top: 50%;
}

.slider-hire-freelancer .Container .Slick-Prev:before {
    content: '\f104' !important;
}

.slider-hire-freelancer .Container .Slick-Next:before {
    content: '\f105' !important;
}

.slider-hire-freelancer .slider-for-details .Container .Arrows_new .Slick-Next {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    border-radius: 50%;
    background: #dbdde3;
    color: #52575a;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    position: absolute;
    right: 30px;
    top: 50%;
}

.slider-hire-freelancer .slider-for-details .Container .Arrows_new .Slick-Prev {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-top: 6px;
    border-radius: 50%;
    background: #dbdde3;
    color: #52575a;
    /* margin-left: 5px; */
    cursor: pointer;
    font: 18px/36px FontAwesome;
    text-align: center;
    transition: all 0.5s;
    position: absolute;
    left: 30px;
    top: 50%;
}

.slider-hire-freelancer .slider-for-details .Container .Slick-Prev:before {
    content: '\f104';
}

.slider-hire-freelancer .slider-for-details .Container .Slick-Next:before {
    content: '\f105';
}

.proposal-detail-block .Content {
    background-color: white;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    padding: 10px;
}

.proposal-detail-block hr {
    margin-top: 3px;
    margin-bottom: 3px;
}

.proposal-detail-block .profile_tag {
    padding-left: 0px;
}

.proposal-detail-block .profile_info_details {
    text-align: left;
    min-height: 0;
    background-color: #fff;
    position: relative;
    border-radius: 0.225rem 0.225rem 0 0;
    padding: 15px 0px 0px 0px;
}

.slider-for-details .Container .Head {
    font-size: 25px;
}

.onboarding_window_main {
    width: 70%;
    border: 1px solid #dfdfdf;
    margin: 0px auto;
    padding: 50px 0px;
    text-align: center;
    padding: 25px;
    margin-top: 180px;
    background: #fff;
    border-radius: 2px;


}

.onboarding_window_main p {
    padding-bottom: 50px;
}

.for_verification_details .t_ico {
    width: 90px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.for_verification_details.fade-in {
    opacity: 1;
    transform: scale(1);
}

/* Apply the zoom-in animation to the image element */
.for_verification_details h2 {
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}

.for_verification_details h4 {
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}


.for_verification_details p {
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}

.for_verification_details .img-responsive.t_ico {
    animation: zoomInAnimation 1s ease-in-out;
    /* Adjust the duration and timing function as needed */
}

.for_verification_details .chart_details {
    width: 100%;
    animation: fadeIn ease 2s;
    /* Adjust the duration and timing function as needed */
}



.for_verification_details .chart_details a {
    background: #171f3d;
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;

}


.for_verification {
    background-color: #f7f7f7;
}

.for_verification_details {
    /* border: 1px solid #ccc; */
    padding: 40px 30px 15px;
    background-color: none;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    text-align: center;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    opacity: 0;
    transform: scale(1);
    transition: opacity 3s ease;
    /* Adjust the duration and easing as needed */
}

.for_verification_details {
    margin-top: 10%;
    margin-bottom: 10%;
}

.for_verification_details i {
    font-size: 20px;
    /* color: #fff;
    background: #4caf50db; */
    width: 25px;
    height: 40px;
    line-height: 2;
    border-radius: 50%;
}

.for_verification_details {
    background: white;
    border-radius: 5px;
    width: 40%;
}

.for_verification_details h2 {
    font-size: 28px;
    color: #2f519f;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;

}

.for_verification_details {
    border: 1px solid #d3e3fd;
    padding: 24px 30px 15px;
}

.for_verification_details p {
    font-size: 16px;
    color: #14203c;
    width: 100%;
    /* margin: 24px auto 0; */
    font-weight: 500;
    font-size: 14px;
}

.quicken_WrapperBox.new_wrapper_new {
    padding-top: 100px;
}

.left_side_user_profile {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    /* margin-bottom: 10px; */

}

.left_side_user_profile .profile_img_img {
    width: 69px !important;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    margin-top: 3px;
    margin: 0px auto;
    /* background-color: #6b90b8; */
}

.left_side_user_profile .user_name_name {
    margin-top: 13px;
}

.mobile_view_ac_and_bill {
    display: none;
}

.mobile_view_ac_and_bill .entry_box {
    padding: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 12px;
}

.mobile_view_ac_and_bill .entry_box .update_btn {
    color: #fff !important;
    font-size: 13px !important;
}

.mobile_view_ac_and_bill .entry_box p {
    line-height: 30px;
}

.bussiness_hours_section .time_row {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ededed;
    background: #fff;
}

.option-icon {
    margin-right: 10px !important;
}

/* .project_area_border .form_fields.col-lg-4{
    padding: 0px;
} */

/* .form_fields.col-lg-4.in_one_row{
    width: calc(100%/3);
} */

.in_one_row {
    display: flex;
    justify-content: space-between;
}

.in_one_row .form_fields {
    width: 33%;
}

.post_third_box.post_form .form_fields.col-lg-12 {
    padding: 0px;
}

/* .notification_box_main{
    background: #fff;
    padding: 15px;
} */
.notification_box_main .nb_box {
    padding: 30px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.notification_box_main .nb_box h4 {
    margin-bottom: 30px;
    color: #000;
    font-weight: 700;
}

.notification_box_main .nb_box p {
    color: #858585;
}

.notification_box_main .nb_box .allow_button_box {
    margin-top: 20px;
    margin-bottom: 20px;
}


.security_box_main .sb_box {
    padding: 30px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.security_box_main .sb_box h4 {
    margin-bottom: 30px;
    color: #000;
    font-weight: 700;
}

.security_box_main .sb_box p {
    color: #858585;
    margin-bottom: 20px;
}

.security_box_main .sb_box .allow_button_box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.btn.btn-primary.verify_btn {
    color: #fff !important;
    background-color: #22d522;
    border: 1px solid #22d522;
}

.btn.btn-primary.not_verify_btn {
    color: #fff !important;
    background-color: #191E3E;
    border: 1px solid #191E3E;
    font-weight: 500;
    margin-top: 10px;
}

/* omkar code */
.col-lg-7.onboarding_div {
    position: relative;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    float: none;
    max-width: 700px;
    background: #f9f9f9;
    padding: 10px 30px !important;
    margin: 0px auto;
    height: 100%;
    border-radius: 8px;
}

.col-lg-7.onboarding_div h3 {
    margin-bottom: 25px;
    font-weight: 700;
}


.col-lg-6.onboarding_div {
    position: relative;
    /* top: 50px; */

    background: #fff;
    /* border: 1px solid #ccc;
  
    background: #f6fbff; */
    padding: 10px 30px !important;

    height: 100%;
    /* border-radius: 8px; */
}

.col-lg-6.onboarding_div .card .radio {
    position: absolute;
    right: 12px;
    top: 0;
}

.col-lg-6.onboarding_div .plan-details {
    gap: 5px;

}

.col-lg-6.onboarding_div .plan-details p {
    font-size: 16px;
    line-height: 26px;
    color: #191E3E;
    margin: 0px;
    font-weight: 500;
    font-family: Montserrat-SemiBold;

}

.col-lg-6.onboarding_div h1 {
    font-family: Montserrat-SemiBold;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 0px;
    color: #191E3E;
}

.col-lg-6.onboarding_div h3 {
    font-family: Montserrat-SemiBold;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 0px;
    color: #191E3E;
}

/* .col-lg-6.onboarding_div .div-title{
    margin-bottom: 10px;
    
} */
.col-lg-6.onboarding_div .grid {
    display: flex;
    flex-direction: column;
}

.col-lg-6.onboarding_div.left .grid {
    gap: 0px;
}

.col-lg-6.onboarding_div.left .grid .card {
    margin-bottom: 0px;
    /* background-color: transparent; */
    border-top: 1px solid #ccc;
    border-radius: 0px;
    margin-top: 0px;
}

.col-lg-6.onboarding_div.left .grid .card .offer_box {
    border: none;
}

.content_textarea img {
    max-width: 100px;
}

.col-lg-6.onboarding_div.left .grid .card:nth-child(2) {
    border: none;
}

.rightOnboarding_div::before {
    content: '';
    height: 90%;
    width: 1px;
    background: #D9D9D9;
    /* background-size: cover; */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translate(-100%, 28px);
}

.offer_box p {
    margin-bottom: 0px;
    font-weight: 500;
    font-family: Montserrat-SemiBold;
    margin-top: 0px;
    font-size: 16px;
    line-height: 24px;
    color: #191E3E;
}

.offer_box small {
    font-size: 12px;
    line-height: 20px;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    color: #353B43;
    /* width: 50%; */
    display: block;
}

.offer_box .offer-img {
    /* display: inline-block;  */
    /* float: left; */
    padding: 15px;
    /* border: 4px solid #D664A8; */
    /* border-radius: 100%; */
    /* margin-right: 12px; */
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    flex: none;

}

.offer_box .offer-img img {
    width: 100%;
    height: auto;
}

.onboarding_btn {
    margin-bottom: 25px;
}

.custom_row h3 {
    font-size: 16px !important;
}

.note-editable p {

    font-weight: 500 !important;
}

.onboarding-background .col-main.col-main-row {
    display: flex;
    justify-content: center;
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    margin: 50px 0px 50px 0px;
    overflow: hidden;
}

.onboarding_btn .button {
    background: #191e3e;
    color: white;
    line-height: 20px !important;
    text-decoration: none;
    padding: 10px 22px;
    margin-top: 10px;
    color: #ffffff !important;
    font-size: 13px;
    width: auto;
    font-weight: 500;
    text-align: center;

    outline: none;
    border: none;
    border-radius: 5px;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    /* margin-left: auto; */
}

.onboarding_btn .button img {
    width: 18px;
}

.onboarding_btn .button.back {
    background: #fff;
    color: #191E3E !important;
    line-height: 20px !important;
    text-decoration: none;
    padding: 8px 10px;
    margin-top: 10px;
    font-size: 13px;
    width: auto;
    font-weight: 500;
    text-align: center;
    outline: none;
    border: 2px solid #191E3E;
    border-radius: 5px;
    margin: 0px;
}

.onboarding_btn .button.disable {
    background: #ccc;
    color: white;
    line-height: 20px !important;
    text-decoration: none;
    padding: 10px 15px;
    margin-top: 10px;
    color: #000 !important;
    font-size: 14px;
    width: 200px !important;
    text-align: center;
    /* display: inline-block !important; */
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}

.onboarding_div.left .card:hover {
    box-shadow: none;
}

.onboarding_form {
    margin-top: 10px;
}

.onboarding_form label {
    font-family: Montserrat-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #191E3E;
}

.pay_nw {

    color: #fff !important;
    background-color: #5e259f;
    border-color: #5e259f;
    font-weight: 600;

}

.onboarding_form .form-group .form-control {
    height: 42px !important;
}

/* select.form-control {
    color: #191E3E !important;
} */


.onboarding_form .sign-term small {
    font-family: Montserrat-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #191E3E;

}

.onboarding_form .sign-term small .forgt-pass a {
    /* color: #191E3E !important; */
    text-decoration: underline !important;
}

.onboarding_form .sign_in_link {
    font-family: Montserrat-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #191E3E;
}

.sign_up_onboarding_div {
    position: relative;
    top: 50px;
    /* left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    float: none;
    max-width: 700px;
    background: #f9f9f9;
    padding: 10px 30px !important;
    margin: 0px auto;
    height: 100%; */
}

.sign_up_onboarding_div h3 {
    margin-bottom: 25px;
    font-weight: 700;
}

.hr_or {
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hr_or span {
    line-height: 40px;
}

.col-lg-5.sign_up_onboarding_form {
    /* position: fixed; */
    position: relative;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    float: none;
    max-width: 450px;
    background: #f9f9f9;
    padding: 10px 30px !important;
    margin: 0px auto;
    height: 100%;
}

.onboarding_form .img-userboxCover {
    width: 100%;
    float: none;
}

.onboarding_form .img-userboxCover .img-main {
    background-size: cover;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    background-position: center;
    float: none;
    position: relative;
    z-index: 8;
    text-align: center;
    border: 2px solid #a5a3a3;
    border-radius: 50%;
    /* box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5); */
    /* margin-top: -48px; */
    margin: 0 auto;
}

.onboarding_form .img-userboxCover .img-main .over-namc i {
    line-height: 75px;
    font-size: 20px;
}

.sign_in_link a {
    color: #171f3d !important;
    font-weight: 600;
}

.uea_right_right_bottom {
    display: flex;
    width: 100% !important;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px !important;
}

.uea_right #hello {
    line-height: 15px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-left: 5px !important;
    margin-right: 5px;
}

.uea_right span {
    line-height: 15px !important;
    margin-top: 0px !important;
    margin-right: 5px;
    /* padding-left: 5px !important; */
    font-size: 14px;
    color: #000;
    font-family: 'Montserrat-Medium';
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-family: inherit !important;
}

.chosen-container-multi .chosen-choices {
    background-image: none !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background-image: none !important;
    background-color: #d7f0ff !important;
    border: none !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #d7f0ff !important;
    background-image: none !important;
    color: #444 !important;
}

/* Add this CSS for styling the loading skeleton */
#loading-skeleton {
    display: none;

}

.loading-project {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    gap: 10px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 4%), 0 0px 0px rgb(0 0 0 / 4%);
}

.loading-freelancer {
    margin-bottom: 10px;
    gap: 10px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 4%), 0 0px 0px rgb(0 0 0 / 4%);
}

.loading-freelancer .skill {
    display: flex;
    width: 100%;
    gap: 10px;
    padding: 10px 0px;
}

.loading-project-image {
    width: 60px;
    height: 60px;
    background-color: #ddd;
    border-radius: 100%;
    padding: 10px;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.5),
            rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}

.loading-project-details-heading .heading {
    width: 70%;
    padding-left: 20px;
}

.loading-project-details {
    width: 60%;
}

.loading-project-details-heading {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.loading-project-details1 {
    width: 15%;
    text-align: center;
    align-items: centers;
}

.loading-line {
    width: 100%;
    height: 10px;

    border-radius: 2px;
    margin-bottom: 5px;
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.5),
            rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

.loading-line1 {
    width: 70%;
    height: 10px;
    border-radius: 2px;
    margin-bottom: 5px;
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.5),
            rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}

.loading-line2 {
    width: 80%;
    height: 10px;
    border-radius: 2px;
    margin-bottom: 5px;
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.5),
            rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;

}

.loading-line4 {
    width: 50%;
    height: 10px;
    border-radius: 2px;
    margin-bottom: 5px;
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0.5),
            rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}

.loading-skeleton .col-lg-4 {
    padding: 0px 5px;

}




/* skeleton end */


.right_side_item_content .flag_info1 .profile_hire {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0px 0px;
}

.right_side_item_content .flag_info1 .profile_hire img {
    border-radius: 0% !important;
    width: 18px !important;
    height: 15px !important;
}

.right_side_item_content .flag_info1 .profile_hire p {
    min-height: 0px !important;
    margin-bottom: 0px !important;
}

.Price_hourly {
    /* background-color: #f0f0f0; */
    /* padding: 8px; */
    width: 100%;
    border-radius: 5px;
    text-align: left;
    margin: 0px !important;
    margin-bottom: 5px !important;
}

.Price_hourly_item1 {
    font-size: 13px !important;
    color: #333;
    font-weight: 600;
}

.Price_hourly_item2 {
    font-size: 13px !important;
    color: #333;
    font-weight: 600;
}

.Price_hourly_item3 {
    font-size: 10px !important;
}

.freelancer_button_section {
    width: 100%;
    padding: 0px 15px;
    align-items: center;
}

.freelancer_button_section .profile_hire {
    margin-top: 0px;
}

.profile_hire button {

    margin-top: 5px !important;
}

.btn {
    font-weight: 500;
    font-size: 13px !important;
}

.freelancer_button_section .profile_hire button {
    margin: 0px;
    background-color: #fff;
    color: #191e3e;
    border: 1px solid #555559;
}

.freelancer_button_section .profile_hire button:hover {
    border: 1px solid #8e8cb9;
    color: #191E3E;
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%) !important;
    color: #191E3E !important;
}

/* .freelancer_button_section .profile_hire button:hover a {

    color: #fff !important;

} */



.middle_line {
    height: 100%;
    width: 1px;
    color: #000;
}

.header_business_list {
    float: left;
    width: 100%;
}

.post-work-radio-boxes {
    display: flex;
}

.post-work-check-boxes {
    padding: 0px;
}

#animationCard {
    width: 150px;
    height: 150px;
    /* margin: auto; */
}

svg {
    /* transform: translate3d(-30px, 40px, 0px) !important; */
}

.container_cr {
    margin-top: 30px;
}

.onboarding_success_details h2 {
    font-family: Montserrat-Bold;
    font-weight: 700;
    color: #191E3E;
    font-size: 34px;
    line-height: 80.04px;
    animation: fadeIn ease 2s;
}

.onboarding_success_details.fade-in {
    opacity: 1;
    transform: scale(1);
}

.onboarding_success_details {
    margin-top: 10%;
    margin-bottom: 10%;
    padding-top: 10%;

}

.onboarding_success_details .t_ico {
    width: 120px;
}

.onboarding_success_details p {
    animation: fadeIn ease 2s;
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    line-height: 22.68px;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 0px;
    padding-right: 47%;

}

.onboarding_success_details .container_cr {
    margin-top: 45px;
}

.onboarding_success_details .container_cr .post_project {
    animation: fadeIn ease 2s;
    background-color: #191E3E;
    color: #fff !important;
    font-weight: 600;

    padding: 12px 22px !important;

    vertical-align: middle;
}

.onboarding_success_details .container_cr .post_project i {
    vertical-align: middle;
}

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

    to {
        transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.loader-container {
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fffffff0;
    z-index: 999;
    bottom: 0;
    right: 0;
}

.loader-container.active {
    display: flex;
}

.load {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: solid 10px #7B40DA;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    transition: all 0.5s ease-in;
    animation-name: rotate;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.project_area_box .right-box-title p {
    font-size: 14px;
    color: #7F7F7F;
    text-align: left;
    padding: 0;
    margin-bottom: 0px;
    font-weight: 600;
}

.project_area_box .right-box-title h4 {
    font-size: 20px;
    color: #494949;
    text-align: left;
    font-weight: 700;
}

.project_area_box .form_fields p {
    word-wrap: break-word;

}

.project_area_box .form_fields .project_area_box1 {
    word-wrap: break-word;
}

.project_area_box .form_fields .project_area_box2 {
    word-wrap: break-word;
    /* height: 105px;
    overflow: hidden; */
}

.project_area_box .form_fields .project_area_box2 span.selected-items {
    position: relative;
    /* margin: 1px 5px 3px 0; */
    padding: 8px 15px;
    /* height: 35px; */
    margin-top: 2px;
    line-height: 22px;
    font-weight: 500;
    background-color: #B6E8FD;
}

.col-lg-4 .project_area_box .form_fields label {
    font-size: 12px;
}



.box_container {
    background-color: #fff;
    min-height: 100%;
    /* padding: 20px 10px; */

}

.h-100 {
    height: 100% !important;
}

.borderright {
    border-right: 1px solid #ccc;
    content: "";
    height: 90%;
    position: absolute;
    top: 20px;
    right: 26%;
}

.box_container .left_box_inner h3 {
    font-weight: 700;
    font-size: 16px;
}

.box_container .left_box_inner h2 {
    font-weight: 700;
    font-size: 16px;
}

.box_container .left_box_inner .skill-boxes span {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    background: #d7f0ff;
    padding: 4px 16px;
    margin: 2px 5px 2px 0px;
    font-weight: 600;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

.box_container .left_box_inner .adjust_para {
    margin-top: 25px;
}

.box_container .left_box_inner .adjust_para a {
    text-decoration: underline !important;
    color: #57ACD1 !important;
}

.box_container .left_box_inner .process_msg {
    margin-top: 25px;
    padding: 9px 20px;
    background-color: #CAEA95;
    font-weight: 400;
    color: #3A8F3D;
    border-radius: 4px;
    float: none;
    cursor: pointer;
    border: 1px solid #CAEA95;

}

.box_container .right_box_inner {

    /* position: relative; */

    /* overflow: hidden; */

    margin: 40px 0;

}

.box_container .right_box_inner .profile_box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.box_container .right_box_inner .profile_box .left_profile {
    height: 65px;
    width: 65px;
    background-color: #ccc;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    flex: none;
}

.box_container .right_box_inner .profile_box .right_profile h2 {
    font-size: 17px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 5px;
}

.box_container .right_box_inner .profile_box .right_profile p {
    margin-bottom: 5px;
    font-size: 14px;
}

.box_container .right_box_inner .country-container {
    color: #191E3E;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0%;
}

.box_container .skill-boxes {
    margin-top: 15px;
}

.profile_bottom_box .parant_sec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}

.profile_bottom_box .parant_sec .sub_sec_box1 {

    float: left;
    width: 35%;



}

.profile_bottom_box .parant_sec .profile-status .requested {
    color: #88b0d8;

}

.profile_bottom_box .parant_sec .profile-status .pending {
    color: #EF8000;

}

.profile_bottom_box .parant_sec .profile-status .conformed {
    color: #4caf50;

}

.profile_bottom_box .parant_sec .profile-status .rejected {
    color: #f44336;
}

.profile_bottom_box .parant_sec>div {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0%;
    color: #191E3E;
    width: 33.33%;
}

.profile_bottom_box .parant_sec .sub_sec_box2 {

    float: left;
    text-align: center;
    width: 10%;
}

.profile_bottom_box .parant_sec .sub_sec_box3 {

    float: left;
    text-align: right;
    position: relative;
    width: 55%;
}

.profile_bottom_box .parant_sec p {
    font-size: 12px;
}

.profile_bottom_box .btn_chat_with {
    width: 100%;
    background-color: #191E3E;
    color: #fff;
    padding: 8px 20px;
    outline: none;
    border: none;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 13px;
    margin-top: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: 1.3;
    border: 1px solid #191E3E !important;
}

.profile_bottom_box .btn_call_with {
    width: 100%;
    background-color: #ffffff;
    color: #191E3E;
    padding: 8px 20px;
    border: 1px solid #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 13px;
    margin-top: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.profile_bottom_box .alert_msg_box {
    margin-top: 10px;
    background-color: #fffcef;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e7e2a7;
}

.profile_bottom_box .alert_msg_box p {
    color: #968632;
    font-size: 12px;
}

.profile_bottom_box .alert_msg_box .m_dot {
    height: 15px;
    width: 15px;
    background-color: #ccc;
    border-radius: 100%;
    float: left;
    margin-right: 5px;
    margin-top: 1px;

}

.profile_bottom_box .popup.MilestoneAttachmentsPopup {
    position: absolute;
    left: unset;
    right: 0;
    top: 0;
    transform: translate(0%, 50%);
}

.profile_bottom_box .popup.MilestoneAttachmentsPopup .close {
    top: 5px;
    right: 15px;
}

.profile_bottom_box .popup.MilestoneAttachmentsPopup .comment-square__arrow {
    left: calc(92% - 8px);
}

.profile_bottom_box .popup.ProjectAttachmentsPopup {
    right: 0;
}

.auto_link {
    text-decoration: underline !important;
    color: #57ACD1 !important;
}

.custom_div .buy_chat_box_left h3 {
    font-size: 18px;
    font-family: Montserrat-SemiBold;
    line-height: 29.16px;
    font-weight: 600;
    color: #191E3E;
}

.custom_div .buy_chat_box_left p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    /* text-align: left; */
    color: #191E3E;
}

.custom_div .buy_chat_box_right h3 {
    font-size: 18px;
    font-weight: 600;
    color: #3977C1;
    text-align: center;
}

.custom_div .buy_chat_box_left {
    border-right: 1px solid #E2E2E2;
}

.buy_chat_box_left .profile_box_main .pb_box .profile_profile_box {
    height: 100px;
    width: 100px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
}

.buy_chat_box_left .profile_box_main .pb_box .profile_profile_box img {
    width: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate(50%, 50%);
}

.buy_chat_box_left .profile_box_main {
    /* display: flex;
    justify-content: space-between; */
    margin-top: 35px;
}

.buy_chat_box_left .profile_box_main .pb_box {
    text-align: center;

}

.buy_chat_box_left .profile_box_main .pb_box p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 14px;
    color: #191E3E;
    line-height: 20px;
    margin-top: 15px;
}

.buy_chat_box_right {
    text-align: center;
}

.buy_chat_box_right .chatImg {
    width: 157px;
    margin-bottom: 25px;
}

.buy_chat_box_right .number {
    width: 60%;
    margin: 0 auto;
    position: relative;
}

.buy_chat_box_right input:focus-visible {
    outline: none;
}

.buy_chat_box_right input {
    overflow: hidden;
    height: 40px !important;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-family: 'Montserrat-Medium';
    /* border: 1px solid #D9EFFA; */
    /* border-radius: 4px; */
    /* display: inline-block; */
    vertical-align: middle;
    color: #191E3E;
    font-weight: 500;
    border: double 1px transparent;
    border-radius: 15px;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(127.41deg, #B7D7F9 10.16%, #E6ACCB 97%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.buy_chat_box_right .number .minus {
    position: absolute;
    left: 0;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
}

.buy_chat_box_right .number .plus {
    position: absolute;
    right: 0;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.ChatPaymentHistoryTable table tr th,
td {
    text-align: left !important;
}

.ChatPaymentHistoryTable table tr th {
    background-color: #F5F7FA !important;
    color: #191E3E;
    font-family: Montserrat-SemiBold;
    line-height: 29.16px;
    font-weight: 600;
}

.ChatPaymentHistoryTable table tr td {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 14px;
    color: #191E3E;
    line-height: 20px;
}

.ChatPaymentHistoryTable table tr td:last-child {
    padding: 10px 6px !important;
}

.buy_chat_box_right .number .minus,
.plus {
    width: 40px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    height: 40px;
    line-height: 0px;
    font-size: 26px;
    /* background: #D9EFFA; */
    border-radius: 0px;
    /* padding: 8px 5px 8px 5px; */
    border: none;
    /* display: inline-block; */
    vertical-align: middle;
    text-align: center;
    /* border-radius: 0px; */
    color: #191E3E;
    font-weight: 700;
}

.buy_chat_box_right p {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #575859;
    margin-top: 15px;
}

.buy_chat_box_right .buy_now_btn {
    background-color: #191E3E;
    border: none;
    padding: 10px 10px;
    font-weight: 700;
    color: #fff !important;
    margin-top: 35px;
    border-radius: 6px;
    display: block;
    width: 70%;
    margin: 0 auto;
}

.custom_div_new .no-chat {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.box_container .left_box_inner .schedule_box {
    display: none;
    border: 1px solid #ccc;
    width: 400px;
    position: absolute;
    z-index: 9;
    background: #fff;
    left: 0px;
    top: 25px;
    color: #5A5A5A;
    font-weight: 700;
}

.box_container .left_box_inner .schedule_box .comment-square__arrow {
    left: calc(8% - 8px);
}

/* .box_container .left_box_inner .schedule_box::before{
    content: '';
    position: absolute;
    display: block;    
    width: 0px;        
    left: 50%;
    top: 0;
    border: 15px solid transparent;
    border-top: 0;
    border-bottom: 15px solid #5494db;
    transform: translate(-50%, calc(-100% - 5px));
} */
.comment-square__arrow {
    border: 1px solid #cccc;
    border-bottom: none;
    border-right: none;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    left: calc(40% - 8px);
    transform: translatey(-9px) rotate(45deg);
    background-color: #fff;
}

.box_container .left_box_inner .schedule_box .schedule_box_head {
    padding: 12px 12px;
    border-bottom: 1px solid #ccc;
}

.box_container .left_box_inner .schedule_box .schedule_box_head p {
    margin: 0px;
}

.box_container .left_box_inner .schedule_box .schedule_box_table {
    padding: 12px 15px;
}

.box_container .left_box_inner .schedule_box .schedule_box_table .schedule_box_row {
    display: flex;
    height: auto;
}

.schedule-main {
    height: 210px;
    overflow: auto;
    margin-top: 15px;
}


.box_container .left_box_inner .schedule_box .schedule_box_table .schedule_box_row .schedule_box_td1 {
    display: inline-block;
    width: 150px;
}

.box_container .left_box_inner .schedule_box .schedule_box_table .schedule_box_row .schedule_box_td2 {
    display: inline-block;
    width: 50px;
}

.box_container .left_box_inner .schedule_box .schedule_box_table .schedule_box_row .schedule_box_td3 {
    display: inline-block;
    width: 200px;
}

.user_profilepage {
    /* padding-top: 8px; */
    padding-bottom: 50px;
}


.user_profilepage .user_profilepage_left {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0px;
    border-radius: 8px;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    /* margin-bottom: 25px; */
}

.user_profilepage .user_profilepage_left .pro_header {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    /* border-bottom: 1px solid #ccc; */
    /* display: flex;
    justify-content: space-between; */
}

.update_user_prof {
    margin-top: 50px;
    margin-bottom: 50px;
}

.newData .gradient_border2 {
    /* max-height: 573px; */
    min-height: 600px;
}

.update_btn-u-prof {
    margin-bottom: 1px !important;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1111;
    width: 100%;
    border: 1px solid #d9d9d9 !important;
}

.chosen-container .chosen-results {

    max-height: 175px !important;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left {
    display: flex;
    /* width: 50%; */
    gap: 20px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile {
    height: 80px;
    width: 80px;
    background-size: cover;
    background-position: center;
    background-position: center;
    background-color: #ccc;
    background-blend-mode: multiply;
    vertical-align: middle;
    text-align: center;
    color: transparent;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile_info p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile_info span {
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    font-size: 14px;
    line-height: 20px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile_info img {
    border-radius: 0%;
    max-width: 100%;
    height: 15px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile_info h4 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #191E3E;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_right {
    text-align: center;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_right p {
    font-family: Montserrat-Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: #191E3E;
    margin: 0px;

}

.uea_left img {
    height: 16px !important;
    width: 16px !important;
    margin-bottom: 3px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_right .pro_verify_box {
    height: 50px;
    width: 50px;
    background-color: #ccc;
    border-radius: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_right .pro_verify_box img {
    background-color: #fff;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_right h4 {
    color: #191E3E;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}

.user_profilepage .user_profilepage_left .pro_body {
    padding-top: 15px;
    padding-bottom: 15px;
}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section {
    padding-left: 15px;
    padding-right: 15px;
    /* display: flex;
    gap: 12px; */
    margin-bottom: 20px;

}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section .pro_skill_card {
    padding: 13px;
    /* background-color: #fff; */
    border: 1px solid #3977C1;
    /* color: #3977C1; */
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(#f5f7fa, #f5f7fa), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);

    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin-bottom: 15px;

}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section .pro_skill_card .cardhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section .pro_skill_card .cardhead p {
    font-size: 16px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    line-height: 24px;
    color: #191E3E;
    margin: 0px;
}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section .pro_skill_card .cardhead .count-box {
    height: 30px;
    width: 30px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    text-align: center;
    border-radius: 100%;
}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section .pro_skill_card .cardhead .count-box p {
    line-height: 30px;
}

.user_profilepage .user_profilepage_left .pro_body .skill_card_section .pro_skill_card .cardbody p {
    font-size: 12px;
    font-family: Montserrat-Regular;
    font-weight: 400;
    color: #191E3E;
}

.user_profilepage .user_profilepage_left .pro_body .pro_overview {
    padding: 15px;

}

.user_profilepage .user_profilepage_left .pro_body .pro_overview h4 {
    color: #191E3E;
    font-size: 16px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
}

.user_profilepage .user_profilepage_left .pro_body .pro_overview p {
    color: #191E3E;
    line-height: 24px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 13px;
    overflow-wrap: break-word;
}

.user_profilepage .user_profilepage_left .pro_body .portfolio-sec {
    padding: 15px 15px;

}

.user_profilepage .user_profilepage_left .pro_body .portfolio-sec .portfolio-sec-card {
    display: flex;
    justify-content: space-between;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 15px;
    /* float: left; */
    width: 100%;
    gap: 20px;
    margin-bottom: 10px;
        min-height: 168px;
}

.user_profilepage .user_profilepage_left .pro_body .portfolio-sec .portfolio-sec-card .portfolio_profile {
    height: 100px;
    width: 100px;
    background-size: cover;
    background-position: center;
    background-position: center;
    background-color: #ccc;
}

.user_profilepage .user_profilepage_left .pro_body .portfolio-sec h4 {
    color: #191E3E;
    font-size: 16px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
}

.portfolio-sec .portfolio-sec-card .portfolio-sec-card-right {
    border: double 2px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), radial-gradient(#D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    overflow: hidden;
    height: 100px;
    width: 100px;
    flex: none;

}

.portfolio-sec .portfolio-sec-card .portfolio-sec-card-left {
    width: 100%;
}

.portfolio-sec .portfolio-sec-card .portfolio-sec-card-left p {
    color: #191E3E;
    font-size: 16px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    line-height: 22px;
    margin: 0px;
}

.portfolio-sec .portfolio-sec-card .portfolio-sec-card-left .label_box {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.portfolio-sec .portfolio-sec-card .portfolio-sec-card-left .label_box span {
    /* padding: 2px 8px;
    background: #B6E8FD; */
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    font-size: 12px;
    margin-right: 3px;
    margin-bottom: 3px;
    line-height: 18px;
}

.portfolio-sec .left_button_row {
    display: flex;
    justify-content: left;
}

.portfolio-sec .left_button_row .btn_edit_btn {
    /* background-color: #191E3E; */
    color: #191e3e !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 6px;
    margin-right: 5px;
    /* width: 40%; */
    border: 1px solid #c0cef0;
}

.portfolio-sec .left_button_row .btn_view_btn {
    /* background-color: #7487EC; */
    /* color: #fff; */
    font-size: 14px;
    line-height: 20px;
    color: #191E3E;

    font-weight: 500;
    padding: 5px 20px;
    border-radius: 6px;
    border: none;
    margin-right: 5px;
    /* width: 40%; */
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%);
}

.portfolio-sec .portfolio-sec-add-more {
    background-color: #FFFFFF;
    border: 1px solid #d8d6e6;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    /* width: 49%; */
    /* float: right; */
}

.level_box_main_row .portfolio-sec-add-more {
    background-color: #F1F1F1;
    border: 1px solid #d8d6e6;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    text-align: center;
}

.level_box_main_row .portfolio-sec-add-more p {
    font-size: 12px;
}

.level_box_main_row .portfolio-sec-add-more button {
    margin-bottom: 13px;
    background-color: #DBDBDB;
    width: 40%;
    border-radius: 0px;
}

.portfolio-sec .portfolio-sec-add-more .portfolio-sec-add-more-inner {
    text-align: center;
    padding: 8px;
}

.portfolio-sec .portfolio-sec-add-more .portfolio-sec-add-more-inner .add-more-button {
    margin-bottom: 13px;
    background-color: #F5F7FA;
    width: auto;
    border-radius: 6px;
    border: 1px dashed #D3DFED;
    padding-left: 50px;
    padding-right: 50px;
}

.portfolio-sec .portfolio-sec-add-more .portfolio-sec-add-more-inner .add-more-button .addMore-ico {
    color: #D7E2EE;
    font-size: 40px;
    line-height: 40px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    margin: 0px;
    float: left;
    margin-right: 10px;
}

.portfolio-sec .portfolio-sec-add-more .portfolio-sec-add-more-inner .add-more-button span {
    color: #757575;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    display: inline-block;
    margin: 0px;
    float: left;
}

.portfolio-sec .portfolio-sec-add-more .portfolio-sec-add-more-inner p {
    font-family: Montserrat-Regular;
    font-weight: 400;
    line-height: 18px;
    font-size: 12px;
    color: #757575;
    margin: 0 auto;
    width: 80%;

}

.map_row {
    display: flex;
    flex-wrap: wrap;
}

.righ-prof {
    width: 33.3333%;
    /* Bootstrap col-lg-4 */
}

.portfolio-sec .portfolio-sec-main {
    margin-left: -8px;
    margin-right: -8px;
}

.portfolio-sec-main .profile_random_box {
    padding-left: 10px;
    padding-right: 10px;
}

.pro_language_box .profile_random_box {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
}

.pro_language_box {
    padding: 15px 15px;
}


.pro_language_box .pro_language_box_level {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 40px;
    justify-content: start;
}

.pro_language_box .pro_language_box_level .level_row {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pro_language_box .pro_language_box_level .level_row .lang-level {
    font-size: 12px;
    color: #757575;
    font-family: Montserrat-Medium;
    font-weight: 500;
}

.level_row .level_language_color {
    height: 15px;
    width: 15px;
    border-radius: 3px;
    flex: none;
}

.level_row .level_language_color.lang-1st {
    background-color: #c70404;
}

.level_row .level_language_color.lang-2nd {
    background-color: #337AB7;
}

.level_row .level_language_color.lang-3rd {
    background-color: #f0af14;
}

.level_row .level_language_color.lang-4th {
    background-color: #5cb85c;
}

.pro_language_box_main {
    padding: 12px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.profile_random_box {
    margin-bottom: 16px;
    display: flex;
}

.pro_language_box_main .pro_language_box_level {
    width: 50%;
}

.pro_language_box_main .pro_language_box_level .level_row {
    display: flex;
    gap: 5px;
}

.pro_language_box_main .pro_language_box_level .level_row .lang-level {
    font-size: 12px;
}

.pro_language_box_main .quicken_LanguageMax {
    max-width: 100%;
    margin: 0px;
    width: 100%;
}

.pro_language_box_main .quicken_Languagesuite {
    position: static;
    padding-top: 10px;
    width: 100%;
}

.level_circle_box {
    display: flex;
    width: 100%;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.level_circle_box .circliful {

    height: 135px;
    margin: 0px;

}

.level_circle_box .circliful p {
    font-size: 14px;
    color: #191E3E;
    line-height: 30px;

    font-weight: 600;
    position: absolute;
    bottom: 0;
    display: block;
    left: 50%;
    transform: translate(-50%, 0px);
}

.level_box_main_row {
    margin-right: -8px;
    margin-left: -8px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.pro_language_box h4 {
    color: #191E3E;
    font-weight: 500;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    margin-bottom: 10px;
}

.user_profilepage_right {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.46deg, #B7D7F9 7%, #E6ACCB 98.18%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.pro_right_top_card {
    padding: 10px 10px;
    background-color: #fff;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(#f5f7fa, #f5f7fa), linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #3977C1;
}

.pro_right_top_card .pro_right_top_cardheader h4 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #191E3E;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
}

.pro_right_top_cardheader {
    display: flex;
}

.pro_right_top_cardheader .imgdiv img {
    width: 20px;
}

.pro_right_top_card p {
    font-family: Montserrat-Regular;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #191E3E;
    /* text-align: justify; */

}

.pro_right_top_card .rank_btn {
    color: #FFFFFF;
    width: auto;
    background-color: #191E3E;
    border-radius: 4px;

    font-weight: 500;
    padding-left: 15px;
    padding-right: 15px;
}

/* .user_profilepage_right .skill-price-chart table.charttable tr, td{ 
    border: 1px solid #9D9898;
    border-collapse: collapse;
} */
.user_profilepage_right .skill-price-chart .charttable {

    width: 100%;
}

.user_profilepage_right .skill-price-chart .charttable.ft-table .chart_row.chart_head td {
    background-color: #fff !important;
    border-radius: 6px;

}

.user_profilepage_right .skill-price-chart .charttable.ft-table .chart_row.chart_head td p {
    color: #757575;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row {
    width: 100%;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row.chart_head {
    background-color: #FFFFFF;
    border-radius: 6px;
    /* border: 1px solid #D9D9D9; */
    border: none;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row.chart_head.color-head {
    background-color: #F5F7FA !important;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row.chart_head td p {
    color: #191E3E;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    font-size: 14px;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row.chart_head p {
    color: #252525;
    font-weight: 600;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row .c_td {
    border: 1px solid #ccc;

}

.user_profilepage_right .skill-price-chart .charttable .chart_row .c_td p {
    margin: 0px;
    padding: 8px;
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 12px;
    border-radius: 6px;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row .c_td .rate-btn {
    /* padding: 4px; */
    font-size: 12px;
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%);
    border-radius: 6px;
}

.user_profilepage_right .skill-price-chart .charttable .chart_row .c_td.left_td {
    width: 70%;
    float: left;

}

.user_profilepage_right .skill-price-chart .charttable .chart_row .c_td.right_td {
    width: 30%;
    float: right;
}

/* .user_profilepage_right .skill-price-chart .charttable .chart_row.color-head .c_td.left_td {
    border-radius: 6px 0px 0px 0px;
} */

.user_profilepage_right .skill-price-chart .charttable .chart_row.color-head .c_td.right_td {
    border-radius: 0px !important;
}


.skill-price-chart {
    padding-top: 15px;
    padding-bottom: 15px;
}

.skill-price-chart a img {
    width: 18px;
    height: 18px;
}

.skill-price-chart h4 {
    color: #191E3E;
    font-size: 16px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
}


.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile:hover {
    background-color: rgba(0, 0, 0, .5);
    z-index: 10000;
    color: #000;
    transition: all .3s ease;
    text-decoration: none;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile img {
    height: 80px;
    width: 80px;
    position: relative;
}

/* .user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile img:hover {
    filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(35%) contrast(100%);
    z-index: 10000;
    color: #fff;
    transition: all .3s ease;
    text-decoration: none;
} */

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile .after_hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;

}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_header_profile .after_hover span {
    font-size: 25px;
}

.user_profilepage .user_profilepage_left .pro_header .pro_header_left .pro_update_form input[type="file"] {
    display: none;
    cursor: pointer;
}

.note-editor.note-frame {
    overflow: hidden;
    margin-bottom: 15px !important;
}

.recent_search_by {
    padding: 15px;
    margin-top: 45px;
    background-color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    /* border: 1px solid #ccc; */
    position: relative;
    z-index: 9;
}

.menu-bard.sticky {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    /* Ensure it's above other content */
}

.popup .comment-square__arrow {
    border: 1px solid #cccc;
    border-bottom: none;
    border-right: none;
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 8px);
    transform: translatey(9px) rotate(225deg);
    background-color: #fff;
    top: unset;
}

.popup.project_documents_popup {
    /* display: none;
    position: absolute;
    top: 0;
    right: 0;
  
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
	top: unset !important;
    left:unset !important;
    transform: none !important;
    width: 100%; */
    display: none;
    width: 264px;
    position: absolute;
    bottom: 55px;
    right: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #fff;
    padding: 0px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
    top: unset;
    /* transform: none; */
}

.popup.project_documents_popup h4 {
    padding: 0px 20px 10px 20px;
    border-bottom: 1px solid #ccc;
}

.popup.project_documents_popup .close {
    top: 10px;
}

.popup.project_documents_popup .attachment-item .no-data {
    display: block;
    padding: 0px 20px
}

.popup.project_documents_popup .attachment-item .data_a {
    display: flex;
    padding: 0px 20px 10px 20px;
    border-bottom: 1px solid #ccc;
    align-items: center;
    gap: 10px;
}

.popup.project_documents_popup .attachment-item:last-child .data_a {

    border-bottom: none;
}

.popup-content {
    text-align: left;
}

.left_box_inner {
    padding: 20px;
}

.left_box_inner p {
    line-height: 25px;
    float: left;
    display: contents;
}

.close_mobi,
.close_mobi {
    margin-top: 0;
}

.top_filters {
    /* background-color: #fff; */
    padding: 15px 12px;
}

.return_row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    height: 100%;
}

.all_rows {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    height: 100%;
}

.show_profile_data.update_profile_form {
    margin: 0px;
    padding: 0px;
}

.quicken_LanguageTypeEdit {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
}

.search-project-order.search-project-record .boot-table {
    margin-top: 0px;
}

.search-project-row .find-project {
    margin-top: 48px;
}

.quicken_new_wrapper.quicken_slider.quicken_WrapperBox {
    padding-top: 0;
}

.search-project-order.hire-company-filter {
    margin: 0px;
}

.search-project-order.hire-company-filter .find-project {
    margin-top: 48px;
}

.userdashboard .search-project-row .find-project {
    margin-top: 110px;
}

.map_row {
    margin-left: 0;
    margin-right: 0;
    /* padding: 7px 7px; */
}

.new_line_c {
    border-radius: 1.225rem;
    overflow: hidden;
}

/* .open > .dropdown-menu .my-bids ul{
    display: none;
} */
.menu-bard.active {
    position: fixed;
    top: 60px;
    /* box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.45); */
    border-bottom: 1px solid #ccc;
}

.date-wise-search {
    width: 100%;
    margin: 10px 5px;
}

.date-wise-search input {
    width: 94%;
    height: 45px !important;
}

.myall_bid_group {
    margin-top: 35px;
}

.extra_row {
    display: flex;
    align-items: stretch;
    /* margin-bottom: 15px;
    margin-top: 15px; */
}

.extra_row .left-bar {
    height: 100%;
}

.left-bar.leftsidebar nav ul li {
    border-left: 0;
}

.Why-Quickenlancer-Stands-Out {
    background-color: #ffffff;
    padding: 30px 0px;
}

.Why-Quickenlancer-Stands-Out h2 {
    font-family: Montserrat-Bold;
    font-weight: 500;
    color: #191E3E;
    font-size: 28px;
    line-height: 80.04px;
    margin-bottom: 35px;
}

.Why-Quickenlancer-Container {
    background-color: #F5F7FA;
    border-radius: 25px;
    padding: 40px 40px 0px 40px;
}

.tiles__content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(448px, 1fr));
    gap: 20px;
}

.tiles__tile--bound {
    justify-content: flex-start;
    gap: 4rem 0;
}

.About-Us-Container .about-white-box {
    min-height: 245px;
}


.w-card {
    background-color: #f5f7fa;
    padding: 24px;
    text-align: left;
    border-radius: 20px;
    min-height: 315px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* gap: 4rem 0; */
    position: relative;
    /* gap: 2rem 0; */
    margin-bottom: 50px;
}

.w-card h5 {
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    padding-right: 35%;
    color: #191E3E;
}

.w-card p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 14px;
    line-height: 22.68px;
    /* padding-right: 20%; */
    color: #353B43;
}

.w-card-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.tiles--grey .tiles__tile-icon-holder {
    background-color: #f5f7fa;
}

.w-bg {
    background-color: #fff;
}

.tiles__tile-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-color: #4b42f7;
}

.tiles__tile-icon svg {
    transform: translate3d(-0, 0px, 0px) !important;
}

.tiles__tile-icon-holder {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    /* background-color: #fff; */
    border-radius: 0 0 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.tiles__icon-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 145px;
    height: auto;
}

.tiles__icon-mask svg {
    width: 100%;
    height: auto;
    transform: translate3d(-0, 0px, 0px) !important;
}

.tiles__icon-mask--grey svg path {
    fill: #f5f7fa;
}

.tiles__tile-arrow {
    background-color: #4b42f7;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: none;
}

.poppins-24-400 {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.tiles__tile--bound h3 {
    padding-right: 120px;
}

.icon-linear-box {
    height: 100px;
    width: 100px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border-radius: 25px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px;
}

.icon-linear-box img {
    width: 50px;
    margin: 0 auto;
}

.hire-sec {
    background-color: #ffffff;
}

.linear-card-box {
    background: linear-gradient(117.95deg, rgba(211, 223, 237, 0.3) -9.78%, rgba(224, 201, 219, 0.3) 31.03%, rgba(223, 242, 220, 0.3) 71.23%, rgba(208, 226, 238, 0.3) 113.9%);
    border-radius: 30px;
    overflow: hidden;
    padding: 20px;
}

.linear-card-box img {
    width: 200px;
    margin: 0 auto;
}

.linear-card-box p {
    font-family: Montserrat-Medium;
    font-weight: 600;
    color: #333333;
    font-size: 20px;
    line-height: 36.57px;
    text-align: center;
    margin-top: 30px;
}

/*.white-card-box h2 {*/
.white-card-box h3 {
    font-family: Montserrat-Bold;
    font-weight: 500;
    color: #191E3E;
    font-size: 28px;
    line-height: 34.6px;
    padding-right: 50px;
    margin-bottom: 20px;
}

.white-card-box p {
    font-family: 'Montserrat-Regular';
    font-weight: 400;
    color: #000000;
    font-size: 13px;
    line-height: 20.04px;
    padding-right: 0px;
}

.exp-more-btn {
    background-color: #191E3E;
    color: #fff !important;
    padding: 13px 15px;
    display: flex;
    width: max-content;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid #191E3E !important;
    font-weight: 600;
    margin-top: 20px;
    font-size: 13px;
}

.exp-more-btn img {
    width: 36px;
    height: 15px;
}

.exp-more-btn:hover,
.exp-more-btn:focus {
    color: #ffffff;
    color: #fff !important;
    background: #191e3eed !important;
    border: 1px solid #191e3eed !important
}

.tab-item a.active {
    border-bottom: 3px solid;
    border-image-source: linear-gradient(90deg, #51A5D1 0%, #82399C 47%, #F04E80 100%);
    border-image-slice: 1;
}

.how-does-tab .top-head {
    font-family: Montserrat-Bold;
    font-weight: 500;
    font-size: 22px;
    line-height: 45.24px;
    color: #353B43;
    margin-bottom: 20px;
}

.blog-insights-slider {
    background-color: #ffffff;
    padding-top: 25px;
    padding-bottom: 50px;
}

.blogcard-main {
    height: 335px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.post-header h5 {
    text-align: start;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px !important;
}

.blogcard-content {
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.white-radius {
    background-color: #ffffff;
    height: 42px;
    width: 42px;
    border-radius: 100%;
    overflow: hidden;
    padding: 12px 8px;
}

.blogcard-content h3 {
    color: #353B43;
    font-size: 14px;
    line-height: 22.82px;
    margin: 0px;
    font-family: Montserrat-Medium;
    font-weight: 600;
}

.blogcard-content p {
    color: #353B43;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    font-family: Montserrat-Medium;
    font-weight: 500;
}

.blog-insights-slider .Container .Head .Arrows_new {
    margin-top: 0px;
    background-color: #191E3E;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-insights-slider .Container .Head .Arrows_new img {
    /* position: absolute; */
    right: 15px;
    top: 15px;
    width: 30px;
    /* height: 15px; */
    z-index: 1;

}

.blog-insights-slider .Container .Head .Arrows_new .Slick-Prev.slick-arrow {
    display: none !important;
}

.blog-insights-slider .Container .Head .Arrows_new .Slick-Next.slick-arrow {
    margin: 0px !important;
    background: transparent;
    color: transparent;
    position: absolute;
    z-index: 9999;
    /* padding: 25px; */
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: none !important;
}

header {
    border-bottom: transparent;
}

.about-us-sec {
    background-color: #ffffff;
    padding-bottom: 50px;
}

.about-linear-head-bg {
    height: 250px;
    background: linear-gradient(180deg, #D3DFED 0%, rgba(224, 201, 219, 0.75) 48.07%, rgba(223, 242, 220, 0.75) 90.2%);
    position: relative;
}

.about-linear-head-bg h3 {
    margin: 0px;
    text-align: center;
    padding-top: 50px;
    color: #191E3E;
    font-size: 22px;
    line-height: 40px;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
}

.about-container {
    margin-top: -120px;
    position: relative;
    z-index: 9;
}

.about-container img {
    margin-bottom: 35px;
}

.about-container h5 {
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #353B43;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
}

.about-container p {
    font-family: 'Montserrat-Regular';
    font-weight: 400;
    color: #353B43;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.About-Us-Container {
    margin-top: 35px;
    /* margin-bottom: 35px; */
    background-color: #F5F7FA;
    padding-top: 25px;
    padding-bottom: 70px;
}

.About-Us-Container .round-ico svg {
    transform: none !important;
    margin-top: -60px;
}

.About-Us-Container .round-ico svg path {
    fill: #f5f7fa;
}

.About-Us-Container .round-ico {
    text-align: center;
    margin-bottom: 30px;
}

.About-Us-Container .about-white-box {
    background-color: #ffffff;
    border-radius: 15px;
    text-align: center;
    padding-bottom: 30px;
    margin-top: 80px;
    padding-left: 10px;
    padding-right: 10px;
}

.About-Us-Container .about-white-box h3 {
    font-size: 16px;
    color: #191E3E;
    font-family: Montserrat-Medium;
    font-weight: 500;
    line-height: 30px;
}

.About-Us-Container .about-white-box p {
    font-size: 12px;
    color: #191E3E;
    font-family: 'Montserrat-Regular';
    font-weight: 400;
    line-height: 20px;
}

.About-Us-Container .about-white-box .linear-round-box {
    width: 103px;
    height: 103px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    padding: 25px;
    border-radius: 100%;
    /* position: absolute; */
    /* top: 0; */
    margin-top: -115px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.about-Quote-container {
    padding: 65px 30px 20px 30px;
    text-align: center;
    position: relative;
}

.about-Quote-container p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 18px;
    color: #191E3E;
    line-height: 35px;
    padding-left: 80px;
    margin: 0px;
}

.about-Quote-container img {
    width: 75px;
    position: absolute;
    left: 25px;
}

.blog-details-sec {
    background-color: #ffffff;
    padding-top: 25px;
    padding-bottom: 75px;
}

.blog-details-sec .blog-long-discription {
    position: relative;
    padding-left: 85px;
    padding-top: 45px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
}

.blog-details-sec .blog-long-discription .Quoteimg {
    width: 75px;
    position: absolute;
    left: 0;
}

.blog-details-sec .blog-person-info {
    display: flex;
    gap: 8px;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
}

.blog-details-sec .blog-person-info .personimg img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.blog-details-sec .blog-person-info .personinfo p {
    margin: 0px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 16px;
    color: #121416;
}

.blog-details-sec .blog-person-info .personinfo p.r-date {
    margin: 0px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 14px;
    color: #353B43;
}

.blog-details-sec .release-info .grey_border {
    height: 1px;
    width: 60px;
    background-color: #A9A9A9;
    display: inline-block;
}

.blog-details-sec .release-info {
    margin-bottom: 50px;
    margin-top: 45px;
}

.blog-details-sec .release-info .release-date {
    color: #191E3E;
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 19px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-details-sec .release-info h3 {
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    font-size: 30px;
    line-height: 40px;
    padding-right: 45%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-details-sec .release-info p {
    color: #191E3E;
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-details-sec .blog-long-discription h5 {
    font-size: 20px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    line-height: 35px;
    margin-top: 0px;
    margin-bottom: 35px;
}

.blog-details-sec .blog-long-discription p {
    font-size: 14px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #353B43;
    line-height: 29px;
}

.blog-details-sec .blog-long-discription ul {
    padding-left: 30px;
}

.blog-details-sec .social-share-us {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

.blog-details-sec .social-share-us .social-share-ico {
    width: 40px;
    height: 40px;
    border: 1px solid #191E3E;
    border-radius: 6px;
    padding: 2px;
}

.support-us-sec {
    background-color: #ffffff;
    /* padding-bottom: 35px; */
}

.support-us-sec .support-linear-head-bg {
    height: 300px;
    background: linear-gradient(180deg, #D3DFED 0%, rgba(224, 201, 219, 0.75) 48.07%, rgba(223, 242, 220, 0.75) 90.2%);
    position: relative;
    text-align: center;
    padding-top: 45px;
}

.support-us-sec .support-linear-head-bg .quicken_search_Bar input {
    width: 100%;
    height: 50px !important;
    padding-left: 30px;
    /* border: none; */
    font-weight: 600;
    float: left;
    /* border-radius: 30px; */
    border: double 1px transparent;
    border-radius: 30px;
    background-image: linear-gradient(white, white), radial-gradient(#B7D7F9 13.29%, #E6ACCB 149.14%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.support-us-sec .support-linear-head-bg .quicken_search_Bar {
    box-shadow: none;
}

.support-us-sec .support-linear-head-bg .quicken_search_Bar {
    width: 100%;
}

.support-us-sec .support-linear-head-bg .search-row {
    display: flex;
    justify-content: center;
}

.support-linear-round {
    padding: 25px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    margin: 0 auto;
    margin-bottom: 25px;
}

.support-white-box {
    /* border: 1px solid #ccc;
    border-radius: 15px; */
    text-align: center;
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 55px;
    border: double 2px transparent;
    border-radius: 15px;
    background-image: linear-gradient(white, white), radial-gradient(#D3DFED 0%, #E0C9DB 40%, #DFF2DC 40.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    min-height: 250px;
    padding-left: 10px;
    padding-right: 10px;
}

.support-box-container {
    margin-top: -65px;
}

.support-white-box h5 {
    font-size: 18px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    line-height: 30px;
}

.support-white-box p {
    font-family: 'Montserrat-Regular';
    font-weight: 400;
    color: #191E3E;
    font-size: 12px;
    line-height: 20px;
}

.support-linear-head-bg h3 {
    font-family: Montserrat-SemiBold;
    font-weight: 600;
    font-size: 22px;
    line-height: 50px;
    color: #191E3E;
}

.linear-address-sec {
    background: linear-gradient(180deg, #D3DFED 0%, rgba(224, 201, 219, 0.75) 48.07%, rgba(223, 242, 220, 0.75) 90.2%);
    min-height: 250px;
    padding-top: 45px;
    padding-bottom: 45px;
}

.linear-address-sec .c-box {
    text-align: center;
}

.linear-address-sec .c-box img {
    width: 55px;
    height: 55px;
    border: 2px solid #191E3E;
    border-radius: 100%;
    margin-bottom: 25px;
}

.linear-address-sec .c-box p {
    font-size: 16px;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    line-height: 22px;
}

.support-linear-head-bg .q-bg {
    width: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.1;
}

.support-us-form-sec {
    padding-bottom: 70px;
}

.support-us-title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #191E3E;
    font-size: 34px;
    line-height: 50px;
}

.support-form-container form {
    padding: 65px 30px 65px 30px;
    background-color: #F5F7FA;
    margin-top: 25px;
    margin-bottom: 25px;
    /* width: 90%; */
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
}

.support-form-container form .row {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.form-submit {
    background-color: #191E3E;
    height: 45px;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    outline: none;
    border: none;
    box-shadow: none;
    padding: 5px 40px;

}

.fileToUpload-label {
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    overflow: hidden;
}

.profile-hr {
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #D5D5D5;
}

.comman-edit-ico {
    height: 18px;
    width: 18px;
}

.comman-left-edit {
    right: 5px !important;
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%);
    border-radius: 6px;
}

.comman-trash-ico {
    height: 18px;
    width: 18px;
}

.historyBox {
    text-align: left;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 25px;
}

.historyBox-nodata {
    text-align: center;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 25px;
}

.historyBox-nodata img {
    width: 100%;
    margin: 0 auto;
}

.ChatPaymentHistoryTable-dekstop {
    display: block;
}

.ChatPaymentHistoryTable-mobile {
    display: none;
}

.foot_btn {
    display: flex;
    flex-wrap: wrap;
}

.comman-linear-bg {
    height: 300px;
    background: linear-gradient(180deg, #D3DFED 0%, rgba(224, 201, 219, 0.75) 48.07%, rgba(223, 242, 220, 0.75) 90.2%);
    position: relative;
    text-align: center;
    padding-top: 45px;
}

.comman-linear-bg h3 {
    font-weight: 600;
    font-family: Montserrat-SemiBold;
    color: #191E3E;
    font-size: 34px;
    line-height: 50px;
}

.project-dis.post_project_form.form-white-box {
    /* margin-top: -150px; */
    z-index: 9;
    position: relative;
    padding-top: 0px;
}

.project-dis.post_project_form.form-white-box .project_area_box {
    padding: 35px 35px;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    width: 66.66%;
}

.project-dis.post_project_form.form-white-box .white-box-row {
    display: flex;
    justify-content: center;
    margin-left: 0px;
    margin-right: 0px;
}

.comman-linear-bg .q-bg {
    width: 222px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.1;
}

.chosen-container-single .chosen-single {

    box-shadow: unset !important;
}

.project-dis.post_project_form.form-white-box .project_area_box .form-control {
    height: 45px;
    font-size: 13px;
    line-height: 30px;
    font-weight: 600;
    color: #535353;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.project-dis.post_project_form.form-white-box .project_area_box textarea.form-control {
    min-height: 75px;
    resize: vertical;
}

.file-uploadPlugin .jFiler-theme-default .jFiler-input {
    width: 100% !important;
    height: 70px !important;
    position: relative !important;
    margin-bottom: 0px;
}

.file-uploadPlugin .jFiler-theme-default .jFiler-input-button {
    padding: 6px 12px !important;
    height: auto !important;
    float: none !important;
    width: auto !important;
    position: absolute !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: none !important;
    background-color: #ffffff !important;
    right: 10px !important;
    top: 18px !important;
}

.jFiler-items-default .jFiler-item-assets a {
    padding: 8px 9px 9px 9px !important;
    cursor: pointer;
    background: #fff;
    color: #777;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}

.jFiler-items-default .jFiler-item {
    margin-top: 10px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
}

.jFiler-items-default .jFiler-item-assets {
    margin-top: -18px !important;
}

.jFiler-theme-default .jFiler-input:active,
.jFiler-theme-default .jFiler-input:focus {
    border: 1px solid #003557;
}

.file-uploadPlugin .jFiler-theme-default .jFiler-input .jFiler-input-caption .fileMsg {
    position: absolute;
    right: 17%;
    top: 24px;
    color: #466AA5;
}

.file-uploadPlugin .jFiler-theme-default .jFiler-input .instruction1 {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #757575;
    font-family: Montserrat-Medium;
    font-weight: 500;
    display: block;
    padding-top: 8px;
}

.file-uploadPlugin .jFiler-theme-default .jFiler-input .instruction2 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #466AA5;
    font-family: Montserrat-Medium;
    font-weight: 500;
    display: block;
}

.file-uploadPlugin .jFiler-theme-default .jFiler-input-caption {
    padding-top: 5px !important;
}

.project-dis.post_project_form.form-white-box .project_area_box .buttonsRow {
    display: flex;
    justify-content: space-between;
}

.project-dis.post_project_form.form-white-box .project_area_box .form-group label {
    font-family: Montserrat-Semibold;
    font-weight: 500;
    color: #191E3E;
    font-size: 14px;
    line-height: 25px;
}

.payment_intruction {
    text-align: center;
    padding-bottom: 25px;
    padding-top: 25px;
}

.payment_intruction h2 {
    color: #191E3E;
    font-size: 22px;
    line-height: 29.26px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
}

.payment_intruction p {
    text-align: center;
}

.AmountpayBox {
    width: auto;
    margin: 0 auto;
    border: 1px solid #1969b4;
    /* border-radius: 8px; */
    padding: 10px 20px;
    background-color: #f5fcff;
    /* border: double 1px transparent; */
    border-radius: 8px;
    /* background-image: linear-gradient(#F5F7FA, #F5F7FA), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%); */
    /* background-origin: border-box; */
    /* background-clip: padding-box, border-box; */
    display: inline-block;
}

.AmountpayBox p {
    color: #1969b4;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
    margin: 0px !important;
}

.payoptionRow {
    display: flex;
    justify-content: center;
}

.payment_option_inner h3 {
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
    text-align: center;
    color: #191E3E;
    font-size: 18px;
    line-height: 21.94px;
}

.payoptionBox {
    margin-top: 35px;
    margin-bottom: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.payoptionBox p {
    text-align: center;
    font-size: 16px;
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 5px;
}

.TermsBox {
    margin-bottom: 50px;
}



.TermsBox ol {
    padding-left: 15px;
}

.TermsBox ol li {
    font-size: 12px;
    line-height: 20px;
    color: #353B43;

    font-weight: 500;
}

/* .prev_level {
padding:4px !important;
} */
.project_area_box {
    margin-top: 30px;
    margin-bottom: 10px;
}

#vid-recorder {
    position: relative;
}

#vid-recorder h3 {
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 600;
    color: #05549e;
}

#video_st {
    padding: 15px 56px;
    text-align: center;
    margin-top: 50px;
    border: none;
    background-color: #191e3e;
    color: #fff;
    border-radius: 4px;
}

#video_en {
    padding: 15px 56px;
    text-align: center;

    margin-top: 50px;
    background: white !important;
    color: #191e3e !important;
    border: 1px solid #191e3e;
    border-radius: 4px !important;
}

.post_project_form .project_area_box {
    margin-top: 50px;
    margin-bottom: 50px;
}

/* //video start & end, Audio start & end button styling */
#video_st,
#video_en,
#aud_st,
#aud_en {
    margin-top: 10px;
    padding: 10px 15px;
    /* border-radius: 100%; */
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    font-family: 'Montserrat-Medium';
}

#vidBox {
    background-color: black;
    border-radius: 10px;
    /* float:right; */
}

video {
    display: block;
    margin: 0px;
    width: 100%;
    height: 100%;
}

.remove_recorded_video .btn {
    width: 100%;
    background-color: #D9D9D9;
    text-align: center;
    font-size: 16px;
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    border: none;
    padding: 10px 15px;
}

audio {
    display: block;
    margin: 6px auto;
}

.video_handle_btns {
    text-align: center;
}


/* #recorded_video_inner{
        margin-top: 25px;
    } */
.recordingVideo {
    font-family: verdana, sans-serif;
    color: firebrick;
    padding-left: 30px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.cold-ico {
    width: 18px;
    margin-bottom: 2px;
}

.search-project-record .boot-table .jambo_table {
    margin-bottom: 0px !important;
}

.load_more_box {
    margin-top: 0px;
}

.DekstopTitle .reset-ico h3 {
    margin-top: 0px !important;
}

#no-more {
    border: 1px solid transparent !important;
}

.no-area_main {
    box-shadow: none !important;
    /* border: 1px solid transparent; */
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 25px 20px;
    min-height: 600px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.hot-ico {
    width: 17px;
    margin-bottom: 6px;
}

.recordingVideo::before {
    content: '🔴';
    position: absolute;
    left: 5px;
    animation: recording 600ms alternate infinite;
}

.portplio {
    width: 100%;
}

.last-chat {
    font-size: 11px !important;
    margin-bottom: 7px;
    color: #484845;
    font-weight: 600 !important;
}

.left_box_inner .success-btns {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 13px 20px;
}

.user_profilepage {
    margin-top: 50px;
}

@keyframes recording {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.2;
    }
}

.payment-history {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.billing_table_sec .billing_table {
    min-height: 500px;
    margin-top: 50px;
    height: 100%;
    margin-bottom: 50px;
    padding: 0px;
    background-color: #FFFFFF;
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(white, white), linear-gradient(127.41deg, #B7D7F9 10.16%, #E6ACCB 97%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.billing_table_sec .billing_table h3 {
    color: #191E3E;
    font-size: 16px;
    font-weight: 600;
    /* font-family: 'Montserrat-SemiBold'; */
    text-align: left;
    /* margin-bottom: 25px; */
    margin: 0px;
    /* padding: 15px; */
    padding: 20px 25px;
    /* margin-bottom: 14px; */
    border-bottom: 1px solid #efeded;
    border-radius: 5px 5px 0px 0px !important;
    /* background: linear-gradient(175.25deg, #B7D7F9 19.15%, #E6ACCB 88.22%); */
    align-items: center;
    display: flex;
    background-color: #D7E2EE;
    justify-content: space-between;
}

.billing_table_sec .billing_table table {
    /* font-family: arial, sans-serif; */
    border-collapse: collapse;
    width: 100%;
}

.billing_table_sec .billing_table td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px 8px 8px 20px;
    text-align: left;
}

.billing_table_sec .billing_table button.DoWnloadBtn {
    background-color: #191E3E;
    border: none;
    padding: 5px 15px;
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
}

.billing_table_sec .billing_table th {
    background-color: #F5F7FA;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
    color: #191E3E;
}


.billing_table_sec .billing_table td {
    font-size: 12px;
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
}

.billRow {
    padding: 10px;
    /* border: 1px solid; */
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(#f5f7fa, #f5f7fa), linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #191E3E;
    margin-bottom: 20px;
}

.mobileView-billing {
    display: none;
}

.mobileView-billing .billRow P {
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 14px;
}

.thankyou_details p.Error {
    color: red;
    margin-right: 0;
    text-align: left;
    margin-left: 235px;
    margin-bottom: 10px;
    font-size: 13px;
}

.time_row .div_2 {
    width: 15%;
    text-align: left;
}

.timeAvl_details {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    margin-bottom: 100px;
    width: 100% !important;
    padding: 0px 35px 19px 35px !important;
    height: auto !important;
    box-shadow: none !important;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.filterTitle {
    display: flex;
    padding: 0px;
    justify-content: space-between;
    margin-bottom: 15px;
}

.filterTitle h4 b {
    font-size: 15px !important;
    color: #191E3E;
    font-family: Montserrat-Medium;
    font-weight: 600;
}

.fliter_for_apply h5 {
    font-size: 13px;
    color: #191E3E;
    font-family: Montserrat-Medium;
    font-weight: 500;
}

.recentActivityBox {
    box-shadow: none !important;
    border: double 1px transparent;
    border-radius: 12px;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

/* Optional: Custom styling for the calendar icon */
.datepicker-icon {
    position: absolute;
    top: 38px;
    right: 25px;
    pointer-events: none;
    width: 18px;
}

.recent_filter_top .recent_search_by label {
    /* font-family: Montserrat-Bold; */
    font-weight: 700;
    color: #191E3E;
    font-size: 14px;
    line-height: 25px;
}

.recent_filter_top .recent_search_by input[type=text] {
    color: #454964;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 22.68px;
    background-color: #F5F7FA;
}

.recent_filter_top .recent_search_by .btn-primary {
    background-color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 22.68px;
    color: #FFFFFF;
    border: none;
    padding: 8px 20px;
}

/* 11 */
.btn-11 {
    border: none;
    background: rgb(23 31 61);
    color: #fff;
    overflow: hidden;
}

.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 2s ease-in-out infinite;
}


@-webkit-keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

.change_pass_div_class .RelativePos {
    position: relative;
}

.change_pass_div_class .RelativePos .toggle-password {
    position: absolute;
    right: 10px;
    top: 10px;
}

.slide-up {
    display: none;
    /* Initially hide the menu */
    animation: slideUp 0.5s ease forwards;
}

.slide-down {
    display: none;
    /* Initially hide the menu */
    animation: slideDown 0.5s ease forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(20px);
        /* Start slightly below */
        opacity: 0;
        /* Start transparent */
    }

    to {
        transform: translateY(0);
        /* End at normal position */
        opacity: 1;
        /* Fully visible */
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        /* End at normal position */
        opacity: 1;
        /* Fully visible */
    }

    to {
        transform: translateY(20px);
        /* Start slightly below */
        opacity: 0;
        /* Start transparent */
    }
}

.DekstopTitle {
    display: block;
}

.MobileTitle {
    display: none;
}

.filter-flex-mobile {
    display: none;
}

.leftQImg {
    position: absolute;
    width: 330px;
    /* height: 100%; */
    /* transform: rotateX(15deg); */
    left: -108px;
    top: -135px;
    rotate: 180deg;
    opacity: 0.1;

}

.rightQImg {
    position: absolute;
    width: 330px;
    /* height: 100%; */
    /* transform: rotateX(15deg); */
    right: -108px;
    bottom: -135px;
    opacity: 0.1;
}

.custom_div {
    background-color: #fff;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    height: 100%;
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(127.41deg, #B7D7F9 10.16%, #E6ACCB 97%);
    background-origin: border-box;
    background-clip: padding-box, border-box;

}

.custom_div_new {
    background-color: #fff;
    padding: 15px 0px 35px;
    border: 1px solid #ccc;
    margin-top: 0px;
    margin-bottom: 50px;
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(127.41deg, #B7D7F9 10.16%, #E6ACCB 97%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.custom_row h3 {
    font-size: 18px;
    font-weight: 600;
    color: #4E4848;
    text-align: left;
    padding: 0px 10px;
}

.chat-hassle-free .custom_row h3 {
    margin-bottom: 20px;
}

table {
    /* background-color:#fff; */
    /* font-family: arial, sans-serif; */
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    text-align: center;
}

.custom_div_new .no-chat {
    padding: 0px;
}

.BillChatSec {
    padding-top: 60px;
}

.BillChatForm {
    background-color: #fff;
    padding: 25px 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    height: 100%;
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(127.41deg, #B7D7F9 10.16%, #E6ACCB 97%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.BillChatInstructions {
    background-color: #fff;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    height: 100%;
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(127.41deg, #B7D7F9 10.16%, #E6ACCB 97%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.chatImg {
    width: 157px;
    margin-bottom: 25px;
    margin-top: 20px;
}

.BillChatInstructions_head {
    text-align: center;
}

.BillChatFormHead h3 {
    margin-top: 0px;
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    color: #191E3E;
}

.BillChatFormHead p {
    font-size: 14px;
    color: #191E3E;
    font-weight: 400;
    margin-bottom: 30px;
    padding-right: 8%;
}

.BillChatForm label {
    font-family: Montserrat-Bold;
    font-weight: 700;
    color: #191E3E;
    font-size: 14px;
    line-height: 25px;
}

.BillChatForm .next_level {
    background: #191E3E;
    border: none;
    padding: 8px 15px 8px 15px;
    width: 150px;
    float: right;
    color: #fff !important;
    border-radius: 2px;
    line-height: 30px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    font-family: Montserrat-SemiBold;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.BillChatInstructions .buy_now_btn {
    background-color: #191E3E;
    border: none;
    padding: 10px 30px;
    font-weight: 700;
    color: #fff !important;
    margin-top: 35px;
    border-radius: 6px;
    display: block;
    width: 58%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 35px;
}

.BillChatInstructions_head p {
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 18px;
    line-height: 20.68px;
}

.BillChatInstructions_head .BillAnount {
    color: #191E3E;
    font-weight: 600;
    font-family: Montserrat-SemiBold;
    font-size: 26px;
    line-height: 42.68px;
}

.BillChatInstructions_Body h3 {
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 18px;
    line-height: 20.68px;
}

.BillChatInstructions_Body p {
    color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 12px;
    line-height: 20.68px;
}

.noti_infotd_head h3 {
    color: #191E3E;
    font-weight: 500;
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 12px 15px;
}

.notification_cr .noti_infotd_head_li {
    padding: 0px !important;
    background: #fff0 !important;
    /* box-shadow: 0px 4px 6px 0px #0000000A; */
    border-bottom: 1px solid #bfcff1;
}

.noti_infotd .notiImg {
    width: 40px;
    height: 40px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border-radius: 100%;
    flex: none;
}

.noti_infotd .notiImg img {
    width: 100%;
    padding: 9px;
    margin: 0px;
}

.noti_infotd .CronDate {
    width: 70px;
    text-align: right;
}

.noti_infotd .CronDate p {
    font-size: 10px;
    color: #191E3E;
    font-weight: 600;
    line-height: 16.9px;
}

.notiFicationContent {
    flex: auto;
    padding-left: 15px;
}

/* HTML: <div class="loader"></div> */
.side-loader {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(farthest-side, #000000 94%, #ffffff00) top / 4px 4px no-repeat, conic-gradient(transparent 30%, #000000);
    mask: radial-gradient(farthest-side, #ffffff00 calc(100% - 4px), black 0);
    animation: l13 1s infinite linear;
}

@keyframes l13 {
    100% {
        transform: rotate(1turn);
    }
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    margin: 0 auto !important;
}

.icon-jfi-trash::after {
    content: url(../images/delete.png);
    /* Unicode for the trash icon */
    margin-left: 5px;
    /* Adjust as needed */
}

.TotalCount {}

.menu-bard ul li span img {
    width: 21px;
}

.my-bids span.TotalCount {
    display: none;
    background-color: #000;
    position: absolute;
    bottom: -45px;
    padding: 0px 8px;
    border-radius: 5px;
    font-size: 12px;
    opacity: 0;
    transition: all .5s;
    color: #ffff;
    left: -26px;
    line-height: 28px;
    z-index: 999;
    width: 102px;
    text-align: center;
}

.my-bids span.TotalCount::after {
    content: '';
    border-width: 5px;
    border-style: solid;
    border-color: #0000 transparent black transparent;
    position: absolute;
    top: -35%;
    left: 40%;
    margin-left: 5%;
}

.profile-chat {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.my-bids span.UncLable {
    display: none !important;
}

.notification_cr span.UncLable {
    display: none !important;
}

.mobile_menusideList {
    width: 24px;
}

.login-menu.QLdekstop_menu.BottomBar {
    display: none;
}

/* .my-conn-sec {
    margin-top: 15px;
    
} */

.recent-data-box {
    margin-top: 15px;
    display: flex;
    gap: 5px;
    border: double 1px transparent !important;
    border-radius: 6px !important;
    background-image: linear-gradient(#F5F7FA, #F5F7FA), linear-gradient(90deg, #D3DFED 0%, #E0C9DB 33%, #DFF2DC 65.5%, #D0E2EE 100%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    padding: 10px 10px;
    position: relative;
}

.recent-data-box span {
    color: #000000;
    font-size: 11px;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    position: absolute;
    right: 10px;
}

.tecentDot {
    height: 15px;
    width: 15px;
    background-color: #D9D9D9;
    border-radius: 100%;
    flex: none;
    margin-top: 2px;
}

.recent-data-box h3 {
    margin: 0px;
    font-size: 14px;
    color: #191E3E;
    font-weight: 500;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 5px;
}

.recent-data-box p {
    color: #000000;
    font-size: 11px;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    margin: 0px;
}

.box_container .left_box_inner .AvTi {
    display: inline-block;
}

.box_container .left_box_inner .AuLi {
    position: relative;
    display: inline-block;
}

.load-more.NoDataAni {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    border: none;
    gap: 15px;
    width: auto !important;
    font-size: 16px;
    color: #191E3E;
}

.def_cont .alertMainBox {
    padding-left: 10px;
    padding-right: 10px;
}

#myModal .close {
    z-index: 999999;
    font-size: 28px;

}

.no-dt {
    text-align: center !important;
    font-size: 13px !important;
    background: #f5f7fa !important;
}

.def_cont .alertMainBox .alertMsg {
    margin-bottom: 0px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-weight: 500;
}

.def_cont .alertMainBox .alertMsg .alertImg {
    height: 35px;
    width: 35px;
    /* background-color: #026d00; */
    border: 1px solid;
    border-radius: 100%;
    flex: none;
    padding: 6px;
}

.def_cont .alertMainBox .alertMsg .alertImg img {
    width: 22px;
}

.d-flex {
    display: flex;
    align-items: center;
    gap: 5px;
}

.def_cont .alertMainBox .alertMsg a.UpagradeLink {
    border: 1px solid #3c763d;
    padding: 5px 20px;
    border-radius: 30px;
    color: #3c763d !important;
    font-weight: 600;
}

.last-contact-div {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
}

.last-contact-div p {
    margin: 0px;
    font-size: 11px;
    color: #646262;
    font-weight: 600;
    font-family: Montserrat-SemiBold;
}

.last-contact-div img {
    width: 14px;
    /* height: 22px; */
    padding: 0px;
    line-height: 22px;
}

.CImgDiv {
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 100%;
    flex: none;
    padding: 0px 3px;
    text-align: center;
    line-height: 16px;
}

.dkesto_h2 {
    display: block;
}

.mobile_h2 {
    display: none;
}

.certificateSlide {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.certificateSlide .certificateSlide-content {
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px;
}

.certificateSlide .certificateSlide-content p {
    color: #353B43 !important;
    font-size: 16px !important;
    line-height: 26.82px !important;
    margin: 0px !important;
    font-family: Montserrat-Medium !important;
    font-weight: 600 !important;

}

.slider.slider-horizontal .slider-track {
    background-image: linear-gradient(to bottom, #f5f7fa 0%, #f5f7fa 100%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.slider.slider-horizontal .slider-selection {
    background-image: linear-gradient(to bottom, #f5f7fa 0%, #f5f7fa 100%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.slider.slider-horizontal .slider-handle {
    background-image: linear-gradient(to bottom, #883691 0%, #3b60a7 100%);
}

.invBtn-billing {
    background: #191E3E;
    color: #fff !important;
    padding: 10px 20px;
    display: inline-block;
    width: auto;
    border-radius: 6px;
    /* font-size: 14px; */

}

.invBtn-billing:hover {
    background: #191E3E;
    color: #fff !important;
}

/* .billing_table_f_row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
} */
.dekstopView-billing {
    padding: 0px 25px;
}

.enable_box {
    margin-bottom: 80px;
}

.enable_box .project_area_box {
    margin-bottom: 0px !important;
}

.main_fixed_right_div {
    display: flex;
}

.post_row.post_row_main_content {
    display: flex;

}

.charttable-ft-table-mobile {
    display: none;
}

.user_profilepage_right .skill-price-chart .charttable.certificateSlider-charttable .chart_row.chart_head.color-head {
    border: none;
    background-color: #f5f7fa00 !important;
}

.user_profilepage_right .skill-price-chart .charttable.certificateSlider-charttable .chart_row.chart_head.color-head .c_td {
    border-radius: 6px 6px 0px 0px;
    background-color: #F5F7FA !important;
    border: 1px solid #ccc;
    display: block;
}

.skill-price-chart.skill-price-chart-avg-rate {
    display: flex;
    flex-direction: column;
    padding-bottom: 0px;
}

p.avg-rate-content {
    order: 2;
    margin: 0px;
    padding-top: 8px;
}

.user_profilepage_right .skill-price-chart .charttable.expYear-charttable .chart_row.chart_head.color-head {
    background-color: #f5f7fa00 !important;
}

.user_profilepage_right .skill-price-chart .charttable.expYear-charttable .chart_row.chart_head.color-head .c_td {
    border-radius: 6px 6px 0px 0px;
    background-color: #F5F7FA !important;
    /* border: 1px solid #ccc; */
    display: block;
}



input {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    caret-color: #000;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: unset;
    outline-offset: -2px;
}

/* Autofill focus state */
input:-webkit-autofill:focus {
    box-shadow:
        0 0 0 1000px #fff inset,
        0 0 8px rgba(66, 68, 80, 0.11) !important;

    border: 1px solid #191e3e !important;
}

.chosen-container input {
    box-shadow: unset !important;
}

.chosen-container-active .chosen-choices {
    box-shadow:
        0 0 0 1000px #fff inset,
        0 0 8px rgba(66, 68, 80, 0.11) !important;

    border: 1px solid #191e3e !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.onboarding_form .pass_input .toggle-password {
    top: 45px;
}

.mobileView-billing-footer {
    display: flex;
    padding-top: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    border-top: 1px solid #acaeaf;

}

.mobileView-billing-footer p {
    margin: 0px;
}

.profile_bottom_box .btn_chat_with img {
    width: 20px;
    filter: brightness(100);
}

.btn_chat_with_parant_sec {
    display: flex;
    gap: 10px;
}

.R_head {
    color: #191E3E;
    background-color: #D7E2EE;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 20px;
}

.comman-linear-bg .title {
    font-family: Montserrat-SemiBold;
    font-weight: 600;
    font-size: 22px;
    line-height: 50px;
    color: #191E3E;
}

.quickenlancer_conentbox .heading_new_static {
    margin-bottom: 30px;
    padding-top: 0px;
    color: #191e3e;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-top: 10px;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
}

.sep-box {
    margin-bottom: 20px;
}

.sep-box a {
    color: #266dad !important;
    text-decoration: underline !important;
}

.quickenlancer_conentbox .sep-box h4 {
    font-size: 15px;
    color: #191e3e;
    letter-spacing: 0.5px;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
}

.billing_table_f_row .recent_search_by .btn-primary {
    background-color: #191E3E;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 20.68px;
    color: #FFFFFF;
    border: none;
    padding: 7px 20px;
}

.billing_table_f_row .recent_search_by {
    padding: 15px 25px;
}

.recently_userd .boot-table.recent_table {
    padding: 0px 25px;
}

.recently_userd.MyNotification_sec .boot-table.recent_table {
    padding: 25px 25px;
}

/* .cccc{
    display: none;
} */

.chat-loader {
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side, #000 90%, #0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    margin: 0 auto;
    animation: l1 1s steps(4) infinite;
}

@keyframes l1 {
    to {
        clip-path: inset(0 -34% 0 0)
    }
}

.hire-container {
    max-width: 500px;
    padding-top: 26px;
    /* padding-right: 25px; */
    padding-bottom: 26px;
    /* padding-left: 25px; */
    /* background: #F9FAFB; */

    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
}

/* Custom nav-tabs styling */
.custom-nav-tabs {
    border-bottom: 1px solid #e9ecef;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

}

.custom-nav-tabs .nav-link {
    border: none;
    color: #191E3E;
    font-weight: 600;
    font-size: 16px !important;
    padding: 5px 10px;
    position: relative;
    background: transparent;
}

.custom-nav-tabs .nav-link:hover {
    border: none;
    color: #333;
}

.custom-nav-tabs .nav-link.active {

    background: transparent;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(90deg, #51A5D1 -37.41%, #82399C 9.42%, #F04E80 62.22%);
    border-image-slice: 1;

}

.custom-nav-tabs .nav-link .badge {
    background-color: #191E3E;
    color: white;
    font-size: 10px;
    margin-left: 5px;
}

.custom-nav-tabs .nav-link.active .badge {
    background-color: #6f42c1;
}

/* Profile card styling */
.profile-card {
    padding: 20px 5px;
    border-bottom: 1px solid #f0f0f0;
}

.profile-card:last-child {
    border-bottom: none;
}

.profile-info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.profile-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 15px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.profile-name {
    font-weight: 600;
    color: #333;
    margin: 0;
    font-size: 16px;
}

.last-call {
    color: #666;
    font-size: 13px;
    margin-top: 2px;
}

.action-buttons {
    display: flex;
    gap: 10px;
}

.btn-call {
    background: white;
    border: 1px solid #ddd;
    color: #333;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.btn-call:hover {
    background: #f8f9fa;
    color: #333;
}

.btn-hire {
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);

    border: none;
    color: #191E3E;

    border-radius: 4px;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;

    /* font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px; */
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

}


/* Bottom buttons */
.bottom-actions {
    padding: 15px;

}

.btn-view-all {
    width: 100%;
    background: white;
    border: 1px solid #191E3E;
    color: #191E3E;
    padding: 8px;
    border-radius: 4px;
    font-weight: 500;
    margin-bottom: 15px;
}

.btn-cols {
    flex-direction: column;
}

.btn-view-all:hover {
    background: #f8f9fa;
    color: #333;
}

.btn-send-proposal {
    width: 100%;
    border: none;
    background: #51A5D1;
    color: white;
    padding: 10px;
    border-radius: 4px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.btn-send-proposal:hover {
    background: #138496;
    color: white;
}


.hire-container .tab-content {
    /* padding-right: 25px; */
    /* padding-left: 25px; */
    /* background: #F9FAFB; */
    margin: 0ch;
    padding: 15px !important;
    border-radius: 12px;
}

.rejected-btns {
    color: red !important;
    border-color: red !important;
    background: #ff00000a !important;
}

.success-btns {
    color: #4CAF50 !important;
    /* border-color: red !important; */
    background: #52ff580a !important;
}

a.success-btns {
    font-size: 15px;
}

.waiting-btns {
    color: #ff9600 !important;
    border-color: #f0ad4e !important;
    background: #f0ad4e1a !important;
}

/* View Sidebar */
.skills-p {
    margin-top: 10px;
}

.profileers {
    flex-shrink: 0 !important;
}

.view-sidebar {
    position: fixed;
    top: 60px;
    right: -400px;
    width: 400px;
    height: 94vh;
    background: #fff;
    backdrop-filter: blur(20px);
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
    transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1000;
    /* overflow-y: scroll; */

    border-left: 1px solid #D9D9D9;

}

.view-sidebar .contact-list {
    overflow-y: auto;
    height: 70vh;
    padding-bottom: 90px;
    overflow-x: hidden;
}

.view-sidebar.open {
    right: 0;
}

.view-sidebar .sidebar-header {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0%;
    padding: 25px;
    padding-bottom: 10px;
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
    color: rgba(0, 0, 0, 1);
    position: relative;
}

.view-sidebar .sidebar-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    /* opacity: 0; */
    transform: translateY(20px);
    animation: slideInFade 0.6s ease 0.2s forwards;
}

.view-sidebar .sidebar-subtitle {
    font-size: 14px;
    opacity: 0.9;
    /* opacity: 0; */
    transform: translateY(20px);
    /* animation: slideInFade 0.6s ease 0.3s forwards; */
}



.view-sidebar .contact-list {
    padding: 0;
}

.view-sidebar .contact-item {
    padding: 15px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /* display: flex; */
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    /* opacity: 0;
    transform: translateX(-400px); */
}

.view-sidebar .contact-item:hover {
    background: rgba(102, 126, 234, 0.05);
    /* transform: translateX(0px) scale(1.02); */
}

.view-sidebar .contact-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    margin-right: 15px;
    transition: all 0.3s ease;
}

.view-sidebar .contact-item:hover .contact-avatar {
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
}

.view-sidebar .contact-info {
    flex: 1;
}

.view-sidebar .contact-name {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 162%;
    letter-spacing: 0.15px;
    color: #3D3D3D;

    margin-bottom: 4px;
}

.view-sidebar .contact-details {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 162%;
    letter-spacing: 0.15px;
    color: #3D3D3D;
    margin-bottom: 8px;
}

.view-sidebar .contact-actions {
    display: flex;
    gap: 8px;
}

.view-sidebar .contact-actions button {
    font-size: 14px;
}

/* .view-sidebar .contact-actions button:hover {
    transform: translateY(-1px);
} */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
}

.overlay.show {
    opacity: 1;
    visibility: visible;
}

.view-sidebar .content {
    padding: 50px;
    color: white;
    text-align: center;
}

.view-sidebar .content h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    opacity: 0.9;
}

.view-sidebar .content p {
    font-size: 1.2rem;
    opacity: 0.8;
}

@keyframes slideInFade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rotateIn {
    to {
        opacity: 1;
        transform: rotate(0deg);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.floating-close-btn {

    display: none;
    position: fixed;
    top: 50%;
    opacity: 0;
    z-index: 1051;
    right: -400px;
    background: white;
    padding: 30px 5px;
    border-top-left-radius: 26px;
    border: none;
    border-bottom-left-radius: 26px;
    /* border-color: #D9D9D9; */
    border-left: 1px solid #D9D9D9;
    transition: 0.6s all;

}

.floating-close-btn.open {
    right: 400px;
    opacity: 1;
    display: block;
    transition: 0.6s all;
}

.floating-close-btn i {
    font-size: 14px;
    color: black;
    font-weight: 900;
}

.message-content {
    border-width: 0.8px;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-left: 15px;
    /* gap: 10px; */

    background: #E3EDF8;
    border: 1px solid #B7D7F9;
    width: max-content;
    min-width: min-content;
    height: auto;
    max-width: 300px;
    color: #0A0A0A;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;

    margin-bottom: 2px;
}

.message {
    width: max-content;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sender-agent .message {
    margin-left: auto;
    text-align: start;
    align-items: end;

}

.reciver-agent .message {
    margin-right: auto;
    text-align: start;
    align-items: start;

}

.reciver-agent .message-content {


    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

}

.sender-agent .message-content {


    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;

}

.message-meta {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: right;
    opacity: 0.4;
    color: #0A0A0A;


}

.btn-empty {
    width: 100%;
    background: white;
    border: 1px solid #191E3E;
    color: #191E3E;
    padding: 8px;
    border-radius: 4px;
    font-weight: 500;
    margin-bottom: 15px;
}

.request-btn {
    cursor: pointer;
    border: 1px solid #3A954E;
    background: #EAFFDF;
    padding: 8px 10px;
    border-radius: 4px;
    color: #323232;
    font-weight: 600;
    width: 100%;
}

.action-buttons.request-btns {
    justify-content: space-between;
}

.hr-chrt-head .c_td {
    padding-right: 9px;
}

.btn.btn-primary.not_verify_btn {
    color: #fff !important;
    background-color: #191E3E;
    border: 2px solid #191E3E;
    font-weight: 500;
    margin-top: 10px;
}

.verify_nw:focus {
    color: white;
}


.tooltip-icon .tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #686969;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 8px;
    position: absolute;
    z-index: 9;

    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: normal;
    word-wrap: break-word;
    font-weight: 400 !important;
    /* position: relative; */
    left: 30px;
}


.input-group-text {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
    color: #adb5bd;
}

.tooltip-icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.position-relative {
    position: relative;
}

.justify-content-end {
    justify-content: end !important;
}

.w-100 {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    background: #fff !important;
    border: 1px solid #ccc !important;
    height: 42px !important;
    padding: 8px 16px !important;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #535353 !important;
}

.chosen-container {
    max-width: 100% !important;
}

.chosen-container-single .chosen-single div b {
    background-position-y: 3px !important;
}

#service_data .floating-icon {
    border-right: unset !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}



.country_mobile {

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.chosen-container-single .chosen-single {
    padding: 0px 12px !important;

}

.edit-fgrp .chosen-container-single .chosen-single div {
    top: 2px;
}

.country_code_chosen .chosen-single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

label.error {
    font-size: 13px;
    margin-top: 0 !important;
}

.chosen-container .chosen-results li {
    padding: 10px 8px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {

    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png) !important;
        background-size: 62px 37px !important;
        background-repeat: no-repeat !important;
    }
}


.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 6px 8px 6px 8px;
    border: 1px solid #aaa;

}

.chosen-container-multi .chosen-choices li.search-field {
    margin: -5px 2px !important;
}

input.no_captialize_placeholder::placeholder {
    text-transform: none !important;
}


.complaints {
    display: flex;
    align-items: center;
    /* min-height: calc(100vh - 300px); */
    margin-top: 50px;
    margin-bottom: 50px;
}

.chosen-container-multi .chosen-choices {
    min-height: 40px !important;
    padding: 7px 15px !important;
}




.download-buttons {
    display: flex;
    width: 77%;
    gap: 10px;

    max-width: 300px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.download-section {
    margin: 0 50px;
}

.chosen-container-single .chosen-single span {
    font-size: 13px !important;
    line-height: 40px;
    color: #424450 !important;
    font-weight: 500;
}

.add-prjer1 .chosen-container-single .chosen-single span {
    font-size: 13px !important;
}

.textarea {
    font-size: 13px !important;
}

.project_area_box p {
    font-size: 14px;
    color: #424450 !important;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.business-list-row {
    margin-bottom: 30px;
}

.no_data_container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    flex-direction: column;
    border-radius: 4px;
}

.no_data_text {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat';
}

.noti_infotd.no_found p {
    font-size: 14px;
    padding-left: 9px;
    font-weight: 500;
}

.verification_header h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 500;
    font-family: 'Montserrat-SemiBold';

}

.iti__selected-flag {
    height: 43px !important;
}

.TermsBox h3 {
    text-align: left;
    font-size: 16px;
    color: #191E3E;
    font-family: 'Montserrat-Semibold';
    font-weight: 500;
}

.svg-icon {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

/* 
.table.skill-table td:last-child,
.table.skill-table th:last-child {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
} */


.no_data_found {

    margin-left: 0px;
    padding: 20px 15px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 13px;

    border-radius: 6px;

    display: block;
    gap: 18px;
    position: relative;
}

.nodata-div {
    border-bottom: unset !important;
}







/*--------------------------------------------------------- Header--------------------------------------------------------------------------------- */


/* Hamburger Menu */
.hamburger {
    width: 3rem;
    height: 1.8rem;
    position: relative;
    cursor: pointer;

    line-height: 5rem;
}

.hamburger .line {
    width: 100%;
    height: 3px;
    background-color: #191e3e;
    position: absolute;
    border-radius: 10px;
    display: block;
    right: 0;
    transition: all 650ms;
}

.hamburger .line:nth-child(1) {
    top: 0;
}

.hamburger .line:nth-child(2) {
    top: 50%;
    margin-top: -1px;

}

.hamburger .line:nth-child(3) {
    top: 100%;
    margin-top: -2px;

}

.hamburger.active .line:nth-child(1) {
    transform: translateY(.8rem) rotate(45deg);

}

.hamburger.active .line:nth-child(2) {
    opacity: 0;
}

.hamburger.active .line:nth-child(3) {
    transform: translateY(-.8rem) rotate(-45deg);

}

.page-wrapper {
    min-height: calc(100vh - 300px);
}

/* kajal changes new */
.post-prj-nc {
    margin-top: 50px;
    margin-bottom: 50px;
}

/* .login-caret{
    display: none;
} */
/* .deks-prof {
    margin-right: 0px ;
} */



/* Position Chosen select arrow area */
.chosen-container-single .chosen-single {
    position: relative;
    padding-right: 30px;
}

/* Remove Chosen's default arrow */
.chosen-container-single .chosen-single div {
    background: none !important;
}

/* Custom Down Arrow */
.chosen-container-single .chosen-single::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%238b8b8b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}

.chosen-container-single .chosen-single div b {
    display: none !important;
}

/* Custom Up Arrow when open */
.chosen-container-active.chosen-with-drop .chosen-single::after {
    background-image: url("data:image/svg+xml;utf8,<svg fill='%238b8b8b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 14l5-5 5 5z'/></svg>");
}

.no_data_container {
    min-height: 500px !important;
}

.received_projects-row {
    display: block !important;
}

.MobileTitle {
    display: none;
}

input::placeholder {
    text-transform: none;
}



.reset-ico {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.res-btn {
    background: #f4f4f4;
    border: 1px solid #c3ccee;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
    margin: 10px;
}

.res-btn:hover {
    background: #e0e0e0;
}

.res-btn svg {
    width: 16px;
    height: 16px;
}

/* loader */
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

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

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

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

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

/* Animation */

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

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

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

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

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

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

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

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



.tag {
    position: absolute;
    bottom: 58px;
    right: -10px;
    background-color: #e5e1ec;
    color: #606060;
    font-weight: bold;
    padding: 4px 17px 4px 10px;
    font-size: 10px;
    background: linear-gradient(90deg, #d18cda3b -5.97%, rgba(264, 249, 201, 0) 96.16%);
    border-radius: 6px 0px 0px 6px;
    text-align: center;
}

/* .tag::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #bcb3ff transparent transparent transparent;
    border-radius: 0 0 0 4px;
} */


.status-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.status-online {
    background-color: #28a745;
    /* green/blue for online */
}




.ndt {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 249px;
}

.s-p {
    padding: 0px;
}

.blacklisted-user {
    cursor: pointer;
}

.border-left-terms {
    border-left: 3px solid #88398e;
}




/* more orz */
.more-orz {
    /* padding: 60px 0;
    background: #f5f7fa; */
    font-family: Arial, sans-serif;
}

.more-orz .container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 20px;
}

.more-orz-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    background: white;
    padding: 50px 0px 50px 0px;
}

.more-orz-left {
    flex: 1 1 10%;
}

.more-orz-left h2 {
    /* font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px; */

    font-family: Montserrat-Bold;
    font-weight: 500;
    color: #191E3E;
    font-size: 28px;
    line-height: 40.04px;
    margin-bottom: 20px;
}

.more-orz-left p {
    color: #555;
    margin-bottom: 20px;
}

.more-orz-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.more-orz-list li {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    padding-left: 38px;
    color: #353b43;
    font-family: 'Montserrat-SemiBold';
}

.more-orz-list li i.fa-check {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: #191e3e;
    border-radius: 50%;
    padding: 6px;
    color: #ffffff;
    font-size: 14px;
}

.more-orz-right {
    flex: 1 1 65%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    background: linear-gradient(117.95deg, rgba(211, 223, 237, 0.3) -9.78%, rgba(224, 201, 219, 0.3) 31.03%, rgba(223, 242, 220, 0.3) 71.23%, rgba(208, 226, 238, 0.3) 113.9%);
    padding: 30px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.orz-img {
    display: flex;

}

.more-orz-card {
    border-radius: 10px;
    padding: 20px;
    text-align: left;

}

.more-orz-card .icon {
    width: 45px;
    height: 45px;
    margin-bottom: 12px;
    background: white;
    padding: 8px;
    border-radius: 5px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border: 1px solid #bad3f5;
}

.more-orz-card .icon img {
    width: 100%;
    height: 100%;
}

.more-orz-card h4 {
    margin-left: 8px;
    font-family: Montserrat-SemiBold;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;

    color: #191E3E;
}

.more-orz-card p {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 14px;
    line-height: 22.68px;
    /* padding-right: 20%; */
    color: #353B43;
}

/* Responsive */
@media (max-width: 991px) {
    .more-orz-wrapper {
        flex-direction: column;
    }

    .more-orz-right {
        grid-template-columns: 1fr;
    }
}

/* profile */
.profile-custom {
    display: flex;
    align-items: center;
    font-family: "Arial", sans-serif;

    border-radius: 8px;
    padding: 15px;

    background-color: #fff;
}

.custom-data {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    overflow: auto;
}

.profile-logo {
    background-color: #3b50ce;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.profile-custom .profile-info {
    margin-left: 15px;
    display: block;
}

.profile-company {
    color: #191E3E;
    font-weight: 600;
    font-size: 16px;

}

.profile-custom .profile-info {
    margin-bottom: 0px;
}

.profile-custom .profile-avatar {
    background-color: #ff7043;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: 6px;
    width: 22px;
    height: 20px;
}

.profile-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.profile-location {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 13px;
    color: #666;
}

.profile-flag {
    font-size: 14px;
    margin-right: 5px;
}

.profile-date {
    color: #191E3E;
    font-weight: 400;
    font-size: 12px;
}

.toggle label {
    top: -5px;
    left: 10px;
}

.bio-profile {
    font-size: 12px !important;
    font-family: Montserrat-Regular !important;
    font-weight: 400 !important;
    color: #191E3E !important;
}

.custom-data p {
    margin-bottom: 0px;
    background-color: #fcf8e3;
    padding: 10px;
    color: #8a6d3b !important;

}

.profile-city {
    color: #191E3E;
    font-weight: 400;
}


#exp_div .floating-input {
    padding: 8px;
    border: 1px solid #c4d1e1;
}

.position-relative .floating-input {
    padding-left: 20px !important;
    padding: 8px !important;
    padding: 8px 8px 8px 64px !important;
    border: 1px solid #c4d1e1;
}

.floating-icon {

    top: 0px;
    left: 8.5px !important;
    border-right: 1px solid #c4d1e1 !important;

}

.project_area_border .project-dis .chosen-container-multi .chosen-choices {
    overflow-y: auto;

}

.avg-rate {
    width: 63.666667%;
}

.notify-vd {
    padding: 11px !important;
}

.search-student::placeholder {
    color: #555971;
    /* opacity: 1; */
}


.ndtf {
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #d8d6e6;
    border-radius: 5px;
}

.ndtf-tbl {
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
}


#service_data .floating-icon {
    top: 9px !important;
}

.absoluter_der .content_textarea ul li {
    margin-bottom: 5px !important;
}

.absoluter_der .content_textarea ul li p {
    margin-bottom: 0px !important;
}

.edit-fgrp .set-public input {
    width: 15px;
}

.chart_row .c_td p {
    font-family: 'Montserrat', sans-serif;
    color: #171f3d;
    font-weight: 500;
}

.crt {
    background: #f5f7fa;
}

#filer_input1 {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 7px;
    border-radius: 5px;
}


.set-public #read {
    width: 15px !important;
}

.set-public #speak {
    width: 15px !important;
}

.set-public #write {
    width: 15px !important;
}


/* .set-public .lbl {
    line-height: 40px !important;
} */

#port_filer_input {
    margin-bottom: 0px;
    border: 1px solid #d9d9d9;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.more-orz-wrapper {
    padding-left: 5.6%;
}

.more-orz-right {
    padding-right: 100px;
}

.btn-view-certificate {
    color: #191E3E;
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%);
}

.view_td_btn {
    justify-content: end;
    display: flex;
}



.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}


.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}

.modal-header .close {
    font-size: 25px;
}

.chosen-select {

    opacity: 0;
}

.hired-me {
    border: 1px solid #963f9b;
    color: #963f9b !important;
    background-color: #ffffff;
    width: 100%;
    color: #fff;
    padding: 8px 20px;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
    font-size: 13px;
    margin-top: 0px;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: 1.3;

}

.hired-me:hover {
    border: 1px solid #963f9b;
    color: #963f9b !important;
    background-color: #f7f0f7;
}

.edit-fgrp .prfile-gst {
    flex-direction: column;
    gap: 5px;
}


.swal2-popup {
    border-radius: 6px !important;
}

.swal2-confirm {
    padding: 8px 20px !important;
    font-size: 14px !important;
    background-color: #191E3E !important;
    box-shadow: unset !important;
    font-weight: 500;
}

.swal2-cancel {
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 500;
}

.swal2-cancel-gray {
    padding: 8px 20px !important;
    font-size: 14px !important;
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%) !important;
    color: #191E3E;
    font-weight: 500;
}

.status-offline {
    background-color: #f2f2f1;
    color: #616161;
    border: 1px solid #dfdfdf;
}

.status-offline .status-dot {
    background-color: #9b9898;
}

.status-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 5px;
    border-radius: 20px;
    font-weight: 600;

    font-size: 8px !important;
}

.p-box {
    position: absolute;
    top: -19px;
    right: 0px;
}

.status-online .status-dot {
    background-color: #0d8a0d;
}

.status-online {
    background-color: #d4f8d4;
    color: #0d8a0d;
}

.i-g .forMobile {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

input.labelauty+label {
    line-height: 16px !important;
    height: 20px !important;
    /* margin-top: 8px; */

}

.open-location .chosen-single {
    display: none !important;
}

.action-buttons .request-btn {
    font-size: 11px;
}


#myProposalDetails .skil-box1 h3 {
    font-size: 14px;
    margin: 0;
    color: #3e3e3e;
    padding-bottom: 5px;
    font-weight: 600;
    line-height: 20px;
}

#gst_field_div {
    display: flex;
    flex-direction: column;
}

#gst_field_div .col-md-6 {
    margin: 10px auto;
    padding: 0px;
}


#gst_field_div .i-g {
    display: flex;
    gap: 10px;
}

.thankyou_details p {

    margin: 0px auto 0;
}

#gst_field_div #gst_no {
    margin-bottom: 0;
}

#rzp-button1 {
    margin-top: 30px;
}

.thanks_page .thankyou_details {
    min-height: 350px;
}

.swal2-cancel {
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%) !important;
    color: #191E3E;
}

.req-ult {
    max-height: 58px;
    overflow: auto;
}

#bid_project .bider-coin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.modal-footer .btn-danger {
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%) !important;
    color: #191E3E;
    border-color: #c1cdee;
}

#bid_project .modal-body {
    padding: 5px 15px;
}

.slider-downer h4 {
    margin-top: 7px;
    margin-bottom: 9px;
}

.slider-downer textarea {
    margin-top: 5px;
}

#bid_project .total-round h5 {
    font-size: 14px;
    margin: 8px 0 0;
}

#bid_project hr {
    margin-top: 11px;
    margin-bottom: 11px;
}

.bider-pop .skil-box1 p {
    margin-bottom: 0px !important;
}

.bider-pop .skills-p {
    margin-top: 0px;
}

.bider-pop .modal-footer .btn-primary {
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%) !important;
    color: #191E3E;
    border-color: #c1cdee;
    font-weight: 600;

    font-size: 13px;
}

.bider-pop .modal-footer .btn-primary:hover {
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%) !important;
    color: #191E3E;
    border-color: #c1cdee;
    font-weight: 600;

    font-size: 13px;
}

.tgl-prj-wrap input.labelauty+label {
    background-color: unset !important;
}

.tgl-prj-switch {
    margin-bottom: 0px !important;
}

.uea_right_right button {
    /* background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%) !important; */
    border: 1px solid #bed1f2 !important;
}

.uea_right_right button:hover {

    border: 1px solid #bed1f2 !important;
}

.hire-info-details {
    position: absolute;
    bottom: 20px;
}

.profile_info_details {
    padding: 0px 15px 0px 10px !important;
}

.caret {
    color: #8c8e99 !important;
}

.thank_you_wrapper .pay_new {
    margin-bottom: 20px;
}

.hire-card-details .verified-ico {
    display: flex;
    width: 100%;
}

.hire-card-details .verified-ico h3 {

    margin: unset !important;

}

.freelancer_card_header .right-side-name {
    padding-top: 0px !important;
}


.freelancer_card_header a .approve-img {

    max-width: 17px;
    max-height: 17px;
}

.verified-ico span {
    display: flex;
    align-items: center;
}

/* .verified-ico{
     width: 15px !important;
    height: 15px !important;
}    */
.verify_nw:hover {
    background: linear-gradient(140deg, #B7D7F9 -17%, #B7D7F9 24%, #E5ACCB 81.07%, #e6accb 38.2%);
    color: #191E3E !important;
}

.profile_bottom_box .btn_chat_with:hover {

    color: #191E3E !important;
}

.accept_hired:hover {
    background-color: #c3f5e6 !important;
}

.reject_hired:hover {
    background-color: #ffdcdf !important;
}

@media (min-width: 992px) and (max-width: 1340px) {
    .post_row .col-lg-3 {
        width: 25% !important;
    }

    .register-screen .whts-code {
        width: 41.66666667%;
    }

    .register-screen .whts-no {
        width: 75%;
    }

    .complaints_parent .quicken_complaintFrm {
        width: 30%;
    }

    .complaints_parent .cmp-firm {
        width: 70%;
    }


    .seller-profile {
        display: flex;
        flex-direction: column;
    }

    .seller-avatar-large {
        width: 85px;
        height: 88px;
        margin: 0px auto;
    }

    .menu-bard ul li {
        font-size: 11px !important;
        padding: 0px 14px 0px 0px !important;
    }

    .sub_compaintes {
        margin-bottom: 10px;
    }

    .my-bids .my_bids_lable {
        padding: 0px 10px !important;
    }

    .tgl-prj-wrap {
        gap: 4px !important;
    }

    .tgl-prj-label {
        font-size: 11px !important;
    }

    .container {
        width: 97% !important;
    }

    .onboarding_success_wrapper {
        min-height: calc(-115px + 66vh) !important;
    }

    .search-project-row .search-project-record {
        width: 70%;
    }

    .search-project-row .search-project-filter {
        width: 30%;
    }

    .hire-freelancers-row .bg_box_freelancers {
        width: 70%;
    }

    .hire-freelancers-row .search-project-order {
        width: 30%;
    }

    .hire-freelancers-row .hire-post {
        width: 50%;
    }

    .post_row .col-md-9 {
        width: 70%;
    }

    .post_row .col-lg-3 {
        width: 30%;
    }

    .quicken_WrapperBox.fix-height {
        min-height: 60vh !important;
    }

    .by-token .offer-data {
        padding: 3px 10px !important;
        font-size: 11px !important;

    }

    .by-token .token-quantity {

        font-size: 12px !important;
    }

    .open>.dropdown-menu {
        left: -105px !important;
    }

    .charttable td,
    th {
        padding: 4px !important;
    }

    .form-group.whts-code {
        width: 25%;
    }

    .form-group .whts-no {
        width: 75%;
    }

    .form-group .whts-ap {
        display: flex;
    }

    .login-box ul li {
        padding: 0px 10px !important;
    }

    .user_profilepage_right .skill-price-chart .charttable .chart_row .c_td .rate-btn {

        font-size: 11px !important;
    }

    .register-screen .whts-code {
        width: 41.66666667%;
    }

    .register-screen .whts-no {
        width: 75%;
    }


}

@media (min-width: 1224px) and (max-width: 1600px) {
    .modal-body {
        max-height: 40vh !important;
        overflow-y: auto;
    }

    #myPraposal .modal-dialog {
        zoom: 80% !important;
    }
}

@media (min-width: 769px) and (max-width: 940px) {
    .w-card h5 {

        padding-right: 50% !important;
    }
}

@media (min-width: 992px) and (max-width: 1224px) {
    .about-global-c .about-left-content {
        width: 100%;
    }

    .about-global-cards {
        margin-top: 30px !important;
    }

    .about-global-c .about-left-content,
    .about-global-c .col-md-7 {
        width: 100%;
    }

    .about-global-c .col-md-6 {
        width: 50%;
    }

    .modal-body {
        max-height: 40vh !important;
        overflow-y: auto;
    }
}

@media (max-width: 992px) {
    .about-global-cards {
        margin-top: 35px;
    }

}

.comman-linear-bg-thank {
    background: linear-gradient(180deg, #D3DFED 0%, rgba(224, 201, 219, 0.75) 48.07%, rgba(223, 242, 220, 0.75) 90.2%);
}



.up_btn_new {
    background-color: #191E3E;
    color: white !important;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 4px;
    margin-right: 5px;
    width: 100%;
}

.up_btn_new:hover {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none !important;
    outline: 0 !important;
    color: #333 !important;
    background: linear-gradient(127.41deg, #B7D7F9 4.68%, #E6ACCB 89%) !important;
}

.underline-text {
    text-decoration: underline;
    color: #191E3E !important;
}

#gst_no_error {
    margin-bottom: 0px !important;
}

.tabler-prg {
    text-transform: capitalize;
}

input.labelauty:checked:not([disabled])+label:hover {
    background-color: #3498db !important;
}

#token_form .select2-container--default .select2-selection--single {
    border: 2px solid #191e3e !important;
    box-shadow: none !important;
}

#token_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #191e3e !important;
    line-height: 25px !important;
    font-weight: 600;
}

.select2-results__option--selected {
    background: #e1e0e0 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.3;
}

.label-success {
    background-color: #deedde !important;
    border: 1px solid #9dd79d !important;
    font-size: 12px !important;
}

div:where(.swal2-container) {
    z-index: 99999 !important;
}




/* ===== FAQ SECTION ===== */
.faq-section {
    padding: 80px 0;
    background: #ffffff;
    font-family: 'Inter', system-ui, sans-serif;
}

.faq-section-header {
    text-align: center;
    margin-bottom: 50px;
}

.faq-section-label {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    color: #191E3E;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 18px;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.faq-section-title {
    font-family: Montserrat-Bold;
    font-weight: 500;
    font-size: 28px;
    margin: 0 0 10px 0;
    color: #191E3E;
}

.faq-section-desc {
    color: #353B43;
    font-size: 14px;
    margin: 0;
    font-family: Montserrat-Medium;
    font-weight: 500;
}

.faq-accordion-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;
}

.faq-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 768px) {
    .faq-accordion-wrap {
        grid-template-columns: 1fr;
    }
}

.faq-item {
    background: #fff;
    border-radius: 14px !important;
    border: 1px solid #e8eaf0 !important;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(25, 30, 62, 0.05) !important;
    transition: box-shadow 0.3s, transform 0.25s;
}

/* .faq-item:hover {
    box-shadow: 0 8px 24px rgba(25, 30, 62, 0.10) !important;
    transform: translateY(-2px);
} */

.faq-header {
    width: 100%;
    background: none !important;
    border: none !important;
    padding: 20px 24px !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer;
    gap: 14px;
    outline: none !important;
    box-shadow: none !important;
    font-size: 1rem;
}

.faq-header:hover {
    background: #f9fafb !important;
}

.faq-question-text {
    font-size: 13px;
    margin: 0;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #353B43;
    line-height: 1.5;
    flex: 1;
}

.exp-more-btn {
    cursor: auto !important;
}

.faq-icon {
    flex-shrink: 0;
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #191E3E;
    transition: transform 0.3s;
    line-height: 1;
}

/* .faq-item.faq-open .faq-icon {
    transform: rotate(45deg);
} */

.faq-content {
    display: none;
    padding: 12px 24px 20px;
    font-size: 13px;
    margin: 0;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #353B43;
    line-height: 1.75;
    border-top: 1px solid #f0f1f5;
}

.faq-content.faq-show {
    display: block;
}

.faq-item.faq-hidden {
    display: none;
}

.faq-item.faq-hidden.faq-visible {
    display: block;
}

.faq-viewmore-wrap {
    text-align: center;
    margin-top: 32px;
    grid-column: 1 / -1;
}

.faq-viewmore-btn {
    font-family: 'Montserrat', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #191E3E;
    color: #fff;
    border: 2px solid #191E3E;
    padding: 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s, color 0.25s;
}

.faq-viewmore-btn:hover {
    background: transparent;
    color: #191E3E;
}

.faq-viewmore-btn i {
    transition: transform 0.3s;
}

.faq-viewmore-btn.expanded i {
    transform: rotate(180deg);
}

.faq-content ul,
.faq-content ol {
    padding-left: 20px;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .our-exp-section {
        padding-bottom: 0px !important;
    }

    .faq-section {
        padding: 50px 0;

    }

    .white-para {
        margin-top: 0px;
    }

    .faq-section-title {
        font-size: 1.5rem;
    }

    .faq-header {
        padding: 16px 18px !important;
    }

    .faq-content {
        padding: 15px;
    }

    .hero-badge {
        font-size: 13px !important;
    }

    .quicken_slider p {

        font-size: 14px;
    }
}



/* ===== SHARED ===== */
.rk-card {
    border-radius: 8px;
    overflow: hidden;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 !important;
}

/* ===== CARD 1 — NOT BOOSTED ===== */
.rk-card-default .rk-header {
    /* background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%); */
    padding: 28px 20px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.rk-card-default .rk-header::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(81, 165, 209, 0.18) 0%, transparent 70%);
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.rk-card-default .rk-orbit {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px dashed rgba(81, 165, 209, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    position: relative;
    animation: rk-spin 8s linear infinite;
}

@keyframes rk-spin {
    to {
        transform: rotate(360deg);
    }
}

.rk-card-default .rk-orbit-inner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(90deg, #51A5D1 0%, #82399C 50%, #F04E80 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: rk-spin 8s linear infinite reverse;
    box-shadow: 0 0 20px rgba(81, 165, 209, 0.5);
}

.rk-card-default .rk-orbit-num {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.rk-card-default .rk-header-label {
    font-size: 14px;
    font-weight: 700;
    color: #606064;
    margin-top: 20px;
    /* text-transform: uppercase; */
    margin: 0;
}

.rk-card-default .rk-body {
    background: #fff;
    padding: 18px 18px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rk-card-default .rk-boost-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(90deg, #51A5D1 0%, #82399C 50%, #F04E80 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border: none;
    border-radius: 6px;
    padding: 11px 0;
    cursor: pointer;
    text-decoration: none;

    transition: transform 0.2s, box-shadow 0.2s;
    width: 100%;
}

.rk-card-default .rk-boost-cta:hover {

    color: #fff;
    text-decoration: none;
}

.rk-card-default .rk-note-box {
    border: double 1px transparent;
    border-radius: 6px;
    background-image: linear-gradient(#f5f7fa, #f5f7fa), linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #3977C1;


    padding: 10px 12px;
}

.rk-card-default .rk-note-box h5 {
    font-size: 12px;
    font-weight: 700;
    color: #191E3E;
    margin: 0 0 4px;
}

.rk-card-default .rk-note-box p {
    font-size: 11px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

/* ===== CARD 2 — BOOSTED ===== */
.rk-card-boosted .rk-header {
    /* background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%); */
    padding: 22px 20px 18px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* confetti dots */
/* .rk-card-boosted .rk-header::after {
                content: '✦ ✦ ✦';
                position: absolute;
                top: 8px;
                left: 0;
                right: 0;
                text-align: center;
                font-size: 10px;
                color: rgba(245, 158, 11, 0.5);
                letter-spacing: 12px;
            } */

.rk-card-boosted .rk-crown {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 4px;
}

.rk-card-boosted .rk-rank-ring {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #f59e0b;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9px auto 18px;
    box-shadow: 0 0 0 6px rgb(245 158 11 / 8%), 0 0 24px rgb(245 158 11 / 0%);
    /* background: linear-gradient(135deg, #1f2d1f, #2a3a1a); */
    position: relative;
}

.rk-card-boosted .rk-rank-ring::before {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: 50%;

}

.rk-card-boosted .rk-rank-num {
    font-size: 32px;
    font-weight: 900;
    color: #f59e0b;
    line-height: 1;
}

.rk-card-boosted .rk-header-label {
    font-size: 14px;
    font-weight: 700;
    color: #606064;
    margin-top: 20px;
    /* text-transform: uppercase; */
    margin: 0;
}

.rk-card-boosted .rk-body {
    background: #fff;
    padding: 16px 18px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rk-card-boosted .rk-timer-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fffaec;
    color: #142647;
    border: 1px solid #e3d6a2;
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
    padding: 10px 10px;
}

.rk-card-boosted .rk-timer-badge span {
    font-size: 18px;
}

.rk-card-boosted .rk-progress-wrap {}

.rk-card-boosted .rk-progress-top {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #64748b;
    margin-bottom: 5px;
}

.rk-card-boosted .rk-progress-bar {
    height: 6px;
    background: #e2e8f0;
    border-radius: 10px;
}

.rk-card-boosted .rk-progress-fill {
    height: 100%;
    width: 57%;
    background: linear-gradient(90deg, #51A5D1 0%, #82399C 47%, #F04E80 100%);
    border-radius: 10px;
}

.rk-card-boosted .rk-congrats-box {
    background: linear-gradient(135deg, #fffbeb, #fff7ed);
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.rk-card-boosted .rk-congrats-icon {
    font-size: 20px;
    flex-shrink: 0;
}

.rk-card-boosted .rk-congrats-box h5 {
    font-size: 12px;
    font-weight: 700;
    color: #16213e;
    margin: 0 0 3px;
}

.rk-card-boosted .rk-congrats-box p {
    font-size: 11px;
    color: #78350f;
    margin: 0;
    line-height: 1.5;
}

.btn_chat_with {
    cursor: pointer !important;
}

.faq-content {
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #353B43;
    font-size: 14px;
    line-height: 22.04px;
    padding-right: 0px;
}

/* ── Language cards responsive fix ── */
.level_box_main_row {
    display: flex;
    flex-wrap: wrap;
}

.level_box_main_row .profile_random_box {
    display: flex;
    flex-direction: column;
}

.pro_language_box_main .quicken_LanguageMax {
    flex: 1;
}

.level_circle_box .circliful {
    flex-shrink: 0;
}

.pro_language_box_main .quicken_Languagesuite li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-bottom: 4px;
    list-style: none;
}

.pro_language_box_main .quicken_Languagesuite {
    padding-left: 0;
    margin: 0;
}

/* md: 2 columns, keep circle + list side by side */
@media (max-width: 991px) {
    .level_box_main_row .profile_random_box {
        width: 50%;
    }

    .no-more-portfolio {
        width: 100% !important;
    }

    .level_circle_box {
        gap: 12px;
    }
}

/* sm / xs: 1 column full width, stack circle above list */
@media (max-width: 767px) {
    .level_box_main_row .profile_random_box {
        width: 100%;
    }

    .level_circle_box {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .level_circle_box .circliful {
        height: 100px;
    }

    .pro_language_box_main {
        padding: 10px;
    }
}

/* xs: very small screens */
@media (max-width: 480px) {
    .level_circle_box {
        flex-direction: column;
        align-items: flex-start;
    }

    .level_circle_box .circliful {
        height: 90px;
    }
}

.freelancer_card_header .left-side_img {
    min-height: 97px;
}


.btn_proposal {
    background-color: #7072c408 !important;
    color: #7072c4 !important;
    border: 1px solid #7072c4 !important;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px;
    font-family: 'Montserrat-Medium';
    margin-top: 12px;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-size: 13px !important;
}

.btn_hire_me {
    background-color: #a54eb300 !important;
    color: #92439e !important;
    border: 1px solid #92439e !important;
    cursor: pointer;
    width: 100%;
    padding: 8px 20px;
    font-family: 'Montserrat-Medium';
    margin-top: 12px;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-size: 13px !important;
}

#hireTabContent {
    max-height: 848px;
    overflow: auto;
    scrollbar-color: #e7e8ea transparent;

    /* Firefox (smallest possible) */
    scrollbar-width: thin;
}

/* Chrome, Edge, Safari */
#hireTabContent::-webkit-scrollbar {
    width: 2px;
    /* go smaller */
}

#hireTabContent::-webkit-scrollbar-track {
    background: transparent;
    /* remove white space */
}

#hireTabContent::-webkit-scrollbar-thumb {
    background: linear-gradient(127.45deg, #B7D7F9, #E6ACCB);
    border-radius: 10px;
}

.open-bidding input[type="radio"],
input[type="checkbox"] {
    margin: 0px 0 0 !important;
}

.rdo-input {
    display: flex;
    align-items: center;
    gap: 5px;
}

.rdo-input label {
    margin-bottom: 0px !important;
    padding: 10px 15px 10px 10px;

}

.flag_info1 {
    margin-top: 4px;
}

.btn-confirm {
    background: #191E3E;
    border: 1px solid #191E3E;
    color: white;
    line-height: 20px;
    font-weight: 500;
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 6px;
}

.main-signin a:hover {
    color: #fff !important;
    background: #191e3eed !important;

}



/* ===== VIDEO KYC TRUST SECTION ===== */
.vk-section {
    padding: 70px 0;
    background: linear-gradient(135deg, #f4f8ff 0%, #fdf0f8 100%);
    position: relative;
    overflow: hidden;
}

/* Centered two-col: left text, right card — equal halves */
.vk-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.vk-left {
    flex: 1;
    min-width: 0;
}

.vk-right {
    flex-shrink: 0;
}

@media (max-width: 1200px) {
    .vk-wrap {
        gap: 32px;
    }

    .vk-card {
        width: 300px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vk-wrap {
        gap: 24px;
    }

    .vk-card {
        width: 260px;
    }

    .vk-boxes {
        grid-template-columns: 1fr;
    }
}

/* LEFT */
.vk-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    color: #191E3E;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.vk-title {
    font-family: Montserrat-Bold, 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #191E3E;
    line-height: 1.3;
    margin: 0 0 8px;
}

.vk-highlight {
    background: linear-gradient(90deg, #2e7f9d, #de2480, #652361);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.vk-desc {
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 14px;
    line-height: 22.68px;

    color: #353B43;
    margin-bottom: 16px;
}

/* 3 boxes in a row — redesigned horizontal */
.vk-boxes {
    display: grid;
    grid-template-columns: 350px 350px;
    gap: 10px;
    margin-bottom: 16px;
}

.vk-box {
    background-color: #fff !important;
    border: double 1px transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 3.46%, #E6ACCB 99.42%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 12px;
    padding: 14px 14px;

    border: 1px solid rgba(183, 215, 249, 0.3);
    position: relative;
    overflow: hidden;
    transition: transform 0.25s, box-shadow 0.25s;
}

.vk-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 12px 12px 0 0;
}


.vk-box-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #6334fa;
}

.vk-box-1 .vk-box-icon {
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%)
}

.vk-box-2 .vk-box-icon {
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border: 1.5px solid rgba(183, 215, 249, 0.5);
    padding: 5px;
}

.vk-box-3 .vk-box-icon {
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%)
}

.vk-box-icon--digi img {
    width: 26px;
    height: auto;
    object-fit: contain;
    display: block;
}

.vk-box-icon--digi span {
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #3a4080;
    width: 100%;
    height: 100%;
}

.vk-box-text {
    flex: 1;
    min-width: 0;
}

.vk-box-text strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #191E3E;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vk-box-text span {

    display: block;
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 12px;
    line-height: 22.68px;

    color: #353B43;
}

/* Powered by */
.vk-powered {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.vk-powered>span {
    font-size: 10px;
    color: #bbb;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.vk-powered-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    border-radius: 20px;
    padding: 3px 10px 3px 5px;
    font-size: 11px;
    font-weight: 700;
    color: #191E3E;
    box-shadow: 0 2px 6px rgba(25, 30, 62, 0.07);
    border: 1px solid rgba(183, 215, 249, 0.4);
}

.vk-pill-logo {
    height: 20px;
    width: auto;
    object-fit: contain;
}

.vk-powered-pill i {
    font-size: 10px;
    color: #3a4080;
}

.vk-pill-green i {
    color: #2e9e5b;
}

/* RIGHT: 3D card */
.vk-card-scene {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vk-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.vk-orb-1 {
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(183, 215, 249, 0.4) 0%, transparent 70%);
    top: -30px;
    right: -30px;
    animation: vkOrbPulse 4s ease-in-out infinite;
}

.vk-orb-2 {
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(230, 172, 203, 0.35) 0%, transparent 70%);
    bottom: -20px;
    left: -10px;
    animation: vkOrbPulse 5s ease-in-out infinite 1s;
}

@keyframes vkOrbPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: .7
    }

    50% {
        transform: scale(1.2);
        opacity: 1
    }
}

.vk-card {
    background: #fff;
    border-radius: 18px;
    padding: 16px;
    width: 340px;
    box-shadow: 0 16px 40px rgba(25, 30, 62, 0.13), 0 4px 14px rgba(183, 215, 249, 0.25);
    border: 1px solid rgba(183, 215, 249, 0.3);
    position: relative;
    z-index: 2;


}

@keyframes vkCardFloat {

    0%,
    100% {
        transform: perspective(700px) rotateY(-5deg) rotateX(2deg) translateY(0);
    }

    50% {
        transform: perspective(700px) rotateY(-5deg) rotateX(2deg) translateY(-8px);
    }
}

/* Card layout */
.vk-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(183, 215, 249, 0.25);
}

.vk-card-left-col {
    flex-shrink: 0;
}

.vk-card-right-col {
    flex: 1;
    min-width: 0;
}

.vk-card-rows {
    display: flex;
    flex-direction: column;
}

/* Avatar */
.vk-card-avatar-wrap {
    position: relative;
    width: 52px;
    height: 52px;
}

.vk-card-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #191E3E;
}

.vk-card-verified-ring {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #1b7941;
    border-right-color: #1b7941;
    animation: vkRingSpin 2.5s linear infinite;
}

@keyframes vkRingSpin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.vk-card-check {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #2e9e5b;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7px;
    border: 2px solid #fff;
    animation: vkCheckPop 0.5s ease 0.8s both;
}

@keyframes vkCheckPop {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* Name & badge */
.vk-card-name {
    font-size: 14px;
    font-weight: 800;
    color: #191E3E;
    margin-bottom: 4px;
}

.vk-card-verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    color: #191E3E;
    font-size: 9.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    margin-bottom: 8px;
}

/* Card rows */
.vk-card-row {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #f7f9fc;
    border-radius: 7px;
    padding: 9px 9px;
    font-size: 11px;
    font-weight: 600;
    color: #191E3E;
    border: 1px solid rgba(183, 215, 249, 0.3);
    margin-bottom: 5px;
    width: 100%;
    opacity: 0;
    transform: translateY(8px);
}


.vk-row-icon {
    font-size: 11px;
    flex-shrink: 0;
}

.vk-icon-video {
    color: #545872;
}

.vk-row-digi-logo {
    height: 13px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
}

.vk-row-flag {
    font-size: 15px;
    flex-shrink: 0;
}

.vk-row-check {
    color: #2e9e5b;
    font-size: 10px;
    margin-left: auto;
    flex-shrink: 0;
}

/* Staggered animations — triggered on scroll via JS */
.vk-anim-1,
.vk-anim-2,
.vk-anim-3,
.vk-anim-4,
.vk-anim-5,
.vk-anim-6,
.vk-anim-7 {
    opacity: 0;
    transform: translateY(10px);
    transition: none;
}

.vk-section.vk-in-view .vk-anim-1 {
    animation: vkRowIn 0.6s ease 0.1s both;
}

.vk-section.vk-in-view .vk-anim-2 {
    animation: vkRowIn 0.5s ease 0.5s both;
}

.vk-section.vk-in-view .vk-anim-3 {
    animation: vkRowIn 0.5s ease 0.9s both;
}

.vk-section.vk-in-view .vk-anim-4 {
    animation: vkRowIn 0.5s ease 1.3s both;
}

.vk-section.vk-in-view .vk-anim-5 {
    animation: vkRowIn 0.5s ease 1.7s both;
}

.vk-section.vk-in-view .vk-anim-6 {
    animation: vkRowIn 0.5s ease 2.1s both;
}

.vk-section.vk-in-view .vk-anim-7 {
    animation: vkRowIn 0.5s ease 2.5s both;
}

@keyframes vkRowIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

/* Score */
.vk-card-score {
    margin-top: 4px;
}

.vk-score-bar {
    height: 4px;
    background: #eef2f7;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 4px;
}

.vk-score-fill {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #51A5D1 0%, #82399C 47%, #F04E80 100%);
    border-radius: 10px;
}

.vk-section.vk-in-view .vk-score-fill {
    animation: vkScoreFill 1.4s ease 2.8s forwards;
}

@keyframes vkScoreFill {
    to {
        width: 100%
    }
}

.vk-card-score span {
    font-size: 9.5px;
    font-weight: 700;
    color: #2e9e5b;
}

/* Responsive */
@media (max-width: 767px) {
    .vk-wrap {
        flex-direction: column;
        gap: 24px;
    }

    .vk-right {
        width: 100%;
        display: block !important;
        justify-content: center;
    }

    .vk-card-scene {

        margin-bottom: 15px;
    }

    .vk-card {
        width: 100%;
        max-width: 100%;
    }

    .vk-title {
        font-size: 17px;
        line-height: 27px;
    }

    .vk-boxes {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .vk-boxes {
        grid-template-columns: 1fr;
    }

    .vk-box:last-child {
        grid-column: 1 / -1;
    }
}

.loged_btn button:hover {
    color: #fff !important;
    background: #191e3eed !important;
}

.onboarding_btn .button:hover {
    color: #fff !important;
    background: #191e3eed !important;
}


.btn-top:hover,
.btn-top:focus,
.btn-top.focus {
    color: #ffffff !important;
    text-decoration: none;
}

.portfolio-sec-card .portfolio-sec-card-left p {
    text-transform: capitalize;
}

#location-dropdown {
    overflow-y: auto;
    min-width: 100% !important;
    top: 36px !important;
    display: none;
    box-shadow: 0 4px 5px rgb(0 0 0 / 23%) !important;
    padding: 12px;
    max-height: 276px !important;
}


/* radio button to searchbar */
.open-bidding {
    margin: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.open-bidding .rdo-input {
    display: flex;
    align-items: center;

}

.custom-radio-input {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    transition: border-color 0.2s, background-color 0.2s;
}

.custom-radio-input:checked {
    border-color: #3498db !important;
    background-color: #3498db !important;
}

.custom-radio-input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
}

.custom-radio-input::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b5b5b5;
}

.custom-radio-input {
    background: #dbdbdc !important;
    border: 1px solid #dbdbdc !important;
    border-radius: 3px !important;
}

.custom-radio-label {
    font-size: 15px;
    font-weight: 600;
    color: #444;
    cursor: pointer;
    margin: 0;
}

/* chatbox */

/* chat box */
#sc-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 2147483647;
   
}

#sc-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
        background: linear-gradient(119deg, #51A5D1 0%, #82399C 50%, #F04E80 100%);
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
   
    display: none;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform .2s, box-shadow .2s;
}



#sc-btn.sc-visible {
    display: flex;
    animation: sc-bounce .5s ease;
}

@keyframes sc-bounce {
    0% {
        transform: scale(0);
    }

    70% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

#sc-unread {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e74c3c;
    color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 11px;
    font-weight: 700;
    display: none;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    animation: sc-ping 1.5s infinite;
}

@keyframes sc-ping {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.6);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(231, 76, 60, 0);
    }
}

#sc-box {
        border-width: 1px;
    border: double 1px transparent !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 4.22%, #E6ACCB 100.18%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    display: none;
    position: absolute;
    bottom: 68px;
    right: 0;
    width: 320px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 12px 40px rgba(25, 30, 62, 0.22);
   
    overflow: hidden;
    animation: sc-slideup .25s ease;
}

@keyframes sc-slideup {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#sc-head {
   background: linear-gradient(127.3deg, #f5f6fa 13.29%, #b9d5f7 149.14%);
    color: #191E3E;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#sc-head .sc-head-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    border: 2px solid rgb(188 211 244);
}

#sc-head-info {
    flex: 1;
}

#sc-head-name {
    font-size: 14px;
    font-weight: 700;
    display: block;
    letter-spacing: .2px;
}

#sc-head-sub {
    font-size: 11px;
    opacity: .8;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #454868;
    font-weight:500px;
    margin-top: 2px;
}

#sc-head-sub .sc-live-dot {
    width: 5px;
    height: 5px;
     
    border-radius: 50%;
     background-color: #33a50f;
    animation: mobile-pulse-green 4s infinite;
}
.fa-headset:before {
    content: "\f590";
    color: #454868;
}


@keyframes mobile-pulse-green {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    50% {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(16, 185, 129, 0);
    }
}

#sc-messages {
    height: 260px;
    overflow-y: auto;
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #f5f6fa;
    scroll-behavior: smooth;
}

#sc-messages::-webkit-scrollbar {
    width: 4px;
}

#sc-messages::-webkit-scrollbar-track {
    background: transparent;
}

#sc-messages::-webkit-scrollbar-thumb {
    background: #d0d4e8;
    border-radius: 4px;
}

#sc-footer {
    padding: 10px 12px;
    border-top: 1px solid #eef0f8;
    display: flex;
    gap: 8px;
    background: #fff;
    align-items: center;
}

#sc-footer input {
    flex: 1;
    border: 1.5px solid #e0e4f0;
    border-radius: 22px;
    padding: 10px 16px;
    font-size: 13px;
    outline: none;
    color: #191E3E;
    background: #f8f9ff;
    transition: border .2s, box-shadow .2s;
}

#sc-footer input:focus {
    border-color: #9b27af;
    box-shadow: 0 0 0 3px rgba(155, 39, 175, 0.1);
    background: #fff;
}

#sc-footer button {
       background: linear-gradient(127.3deg, #B7D7F9 13.29%, #E6ACCB 149.14%);
    border: none;
   color: #454868;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform .15s, box-shadow .15s;
}



.sc-bubble {
    max-width: 82%;
    padding: 9px 13px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-word;
    position: relative;
}

.sc-bubble.admin {
    background: #fff;
    color: #191E3E;
    align-self: flex-start;
    border-radius: 16px 16px 16px 4px;
   font-weight: 600;
    border: 1px solid #eef0f8;
}

.sc-bubble.user {
       background: #E3EDF8;
    border: 1px solid #B7D7F9;
    font-weight: 500;

    align-self: flex-end;
    border-radius: 16px 16px 4px 16px;
}

.sc-bubble .sc-time {
    font-size: 10px;
    opacity: .55;
    display: block;
    margin-top: 4px;
    text-align: right;
}

.sc-bubble.admin .sc-time {
    text-align: left;
}

.sc-empty {
    color: #aab;
    font-size: 13px;
    text-align: center;
    padding: 30px 16px;
    margin: auto;
    line-height: 1.6;
}

.sc-empty i {
    font-size: 32px;
    display: block;
    margin-bottom: 10px;
    color: #d0b4f0;
}

.sc-typing {
    align-self: flex-start;
    display: flex;
    gap: 4px;
    padding: 10px 14px;
    background: #fff;
    border-radius: 4px 16px 16px 16px;
    box-shadow: 0 2px 8px rgba(25, 30, 62, 0.08);
}

.sc-typing span {
    width: 8px;
    height: 8px;
    background: #9b27af;
    border-radius: 50%;
    animation: sc-typing-dot 1.2s infinite;
}

.sc-typing span:nth-child(2) {
    animation-delay: .2s;
}

.sc-typing span:nth-child(3) {
    animation-delay: .4s;
}

@keyframes sc-typing-dot {

    0%,
    60%,
    100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-6px);
    }
}

#sc-toast {
    position: fixed;
    bottom: 96px;
    right: 24px;
    background: #fff;
    color: #191E3E;
    padding: 0;
    border-radius: 14px;
    font-size: 13px;
    z-index: 2147483647;
    box-shadow: 0 8px 28px rgba(25, 30, 62, 0.2);
    display: none;
    max-width: 300px;
    border: 1px solid #e8ecf5;
    cursor: pointer;
    overflow: hidden;
    animation: sc-slideup .3s ease;
}

#sc-toast-bar {
    height: 4px;
    background: linear-gradient(90deg, #191E3E, #9b27af);
}

#sc-toast-body {
    padding: 12px 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

#sc-toast-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #191E3E, #9b27af);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    flex-shrink: 0;
}

#sc-toast-text {
    flex: 1;
}

#sc-toast-title {
    font-weight: 700;
    font-size: 13px;
    color: #191E3E;
}

#sc-toast-msg {
    font-size: 12px;
    color: #666;
    margin-top: 3px;
    line-height: 1.4;
}

#sc-toast-action {
    font-size: 11px;
    color: #9b27af;
    font-weight: 600;
    margin-top: 5px;
}



/* Payment Gateway Card Styles */
.payment-gateway-container {
    margin-top: 20px;
}

.payment-method-title {
       font-size: 13px !important;
    font-weight: 600;
    color: #191e3e !important;
    margin-bottom: 15px !important;
    font-family: Montserrat-SemiBold;
    font-weight: 600;
text-align:left !important;
    margin-bottom: 8px;
    text-align: left;
}



.payment-security-text i {
    color: #28a745;
}

.payment-gateway-cards {
    display: flex;
    
    gap: 12px;
}

.payment-gateway-card {
    display: flex;
    text-align:center !important;
    justify-content:center !important;
    flex-direction:column;
    align-items: center;
    padding: 10px 10px;
    background: #fff;
 border-width: 1px;
    border: double 1px transparent !important;
    background-image: linear-gradient(white, white), linear-gradient(127.45deg, #B7D7F9 4.22%, #E6ACCB 100.18%) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    width: 100%;
    text-align: left;
}

.payment-gateway-card:hover {
background: linear-gradient(127.3deg, rgb(183 215 249 / 62%) 13.29%, rgb(230 172 203 / 70%) 149.14%) !important;
}

.payment-gateway-card:active {
    transform: translateY(0px);
}

.payment-gateway-card:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.gateway-logo {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    
}

.gateway-logo img {
    max-width: 45px;
    max-height: 45px;
    object-fit: contain;
}

.gateway-info {
    flex: 1;
    position: relative;
}

.gateway-name {
    font-size: 13px;
    font-weight: 600;
    color: #191E3E;
    margin-bottom: 4px;
}

.gateway-desc {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}
.gateway-desc p{
    margin:0px !important;
        color: #666;
        font-weight:400;
}


/* Responsive styles for payment cards */
@media only screen and (max-width: 767px) {
    .payment-gateway-card {
        padding: 10px 10px;
    }
    
    .gateway-logo {
        width: 45px;
        height: 45px;
        margin-right: 12px;
    }
    
    .gateway-logo img {
        max-width: 40px;
        max-height: 40px;
    }
    
    .gateway-name {
        font-size: 12px;
    }
    
    .gateway-desc {
        font-size: 10px;
    }
    
  
    
    .payment-method-title {
        font-size: 16px;
    }
    
    
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact-call .col-md-6{
width:50% !important;
}
    .payment-gateway-card {
        padding: 15px 17px;
    }
}