:root {
    --clWhite: #ffffff;
    --clBlack: rgb(5, 38, 78)000;

    --primary: #00cded;
    --secoundry: #cd2010;
    --bg_light: #eaf6fa;

    --pro_primary: #00cded;
    --pro_secondary: #f6ad03;
    --pro_bg_light: #edf1ff;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');



@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");



body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.list-style-none {
    list-style: none;
}

.find_professionals_main {
    background-color: #eaf6fa;
}

.color_primary {
    color: #526489;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.how_price_wrks_main {
    background-color: #494949;
}

.client_write_tous_main {
    background-color: #d7dbdc;
}

.footer_bar {
    background-color: #152937;
    color: var(--clWhite);
    color: #fff;
}

.footer {
    background-color: #05264e;
}

.right_navbar_wrp li {
   
    padding: 0 10px;
}

.navbar_custom {
    left: 0;
    top: 0;
    right: 0;
}

.header {
    position: relative;
}

.banner_inner_wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   
}

.middle_menu_wrp li a {
  font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
}

.middle_menu_wrp li.active a {
    color: #00cded !important;
}

 p
{
    font-size:14px;
}



.banner_inner_wrp form input {
    font-size: 16px;
    padding: 25px 0 25px 30px;
    line-height: 1;
    border: 0;
    width: 500px;
}

.banner_inner_wrp form input::placeholder {
    color: #bbbbbb;
}

.banner_inner_wrp form {
    max-width: 816px;
}

.find_professionals_main .heading_main h2 {
    font-size: 36px;
}

.find_professionals_main .heading_main h2.color_primary {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.find_professionals_main .box-inner {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.2);
}

.find_professionals_main .box-inner h2 {
    font-size: 25px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #515151;
}

.find_professionals_main .btn_wraper {
    text-align: center;
}

.find_professionals_main .btn_wraper li {
    display: inline-block;
    padding: 0 12px;
}

.find_professionals_main .btn_wraper li button,
.cost_guid {
    padding: 15px 15px 10px;
    border-radius: 4px;
    background-color: #00cded;
    color: #ffffff;
   font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.find_professionals_main .btn_wraper li button i {
    margin-right: 5px;
}

.quckpro_client_main .heading_wrap h2 {
     font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
}

.quckpro_client_main .box-inner .text_wrap h3 {
    font-size: 20px;
   font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: capitalize;
}

.quckpro_client_main .text_wrap .get_started {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #fff;
    text-transform: capitalize;
}

.quckpro_client_main .box-inner .text_wrap p {
    font-size: 20px;
    text-transform: capitalize;
}

.quckpro_client_main .text_wrap .get_started:hover {
    background: #cd2010;
}

.cost_estimated_main .image_wrp_inner {
    position: relative;
    border-radius: 9px;
    overflow: hidden;
    margin-bottom: 20px;
}

.cost_estimated_main .image_wrp_inner .apsolute_text_wrp {
    position: absolute;
    background: #00cded;
    bottom: 28px;
    left: 0;
    right: 0;
    padding: 12px 4px;
    color: #fff;
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: capitalize;
    text-align: center;
}

.cost_estimated_main .row {
    margin-left: -10px;
    margin-right: -10px;
}

.cost_estimated_main .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.cost_estimated_main .heading_wrp h2 {
    font-size: 36px;
}

.cost_estimated_main .heading_wrp h2 font {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.why_pros_lv_main .heading_wrp h2 {
    font-size: 40px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

:root {
    --clWhite: #ffffff;
    --clBlack: rgb(5, 38, 78)000;
    --primary: #00cded;
    --secoundry: #cd2010;
    --pro_primary: #293980;
    --pro_secondary: #f6ad03;
}




body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.list-style-none {
    list-style: none;
}

.find_professionals_main {
    background-color: #ffffff;
}

.how_price_wrks_main {
    background-color: #494949;
}

.client_write_tous_main {
    background-color: #d7dbdc;
}

.footer_bar {
    background-color: #152937;
    color: var(--clWhite);
    color: #fff;
}

.footer {
    background-color: #152937;
}

.right_navbar_wrp li {
  
    padding: 0 10px;
}

.navbar_custom {
  
    left: 0;
    top: 0;
    right: 0;
    padding-top: 24px !important;
}

.header {
    position: relative;
}

.banner_inner_wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.middle_menu_wrp li a {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
}

.middle_menu_wrp li.active a {
    color: #00cded !important;
}



.banner_inner_wrp form .search_btn {
    background: #fff;
    box-shadow: unset;
    border: 0;
    padding: 15px 22px 15px 0;
    float: left;
    border-radius: 0 5px 5px 0;
}

.banner_inner_wrp form input::placeholder {
    color: #bbbbbb;
}

.banner_inner_wrp form>div {
    max-width: 816px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}


.find_professionals_main .heading_main h2 {
    font-size: 36px;
}

.find_professionals_main .heading_main h2.color_primary {
   font-family: "Plus Jakarta Sans", sans-serif;
}

.find_professionals_main .box-inner {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.2);
}

.find_professionals_main .box-inner h2 {
    font-size: 25px;
   font-family: "Plus Jakarta Sans", sans-serif;
    color: #515151;
}

.find_professionals_main .btn_wraper {
    text-align: center;
}

.find_professionals_main .btn_wraper li {
    display: inline-block;
    padding: 0 12px;
}

.find_professionals_main .btn_wraper li a,
.cost_guid {
    padding: 10px 25px;
    border-radius: 4px;
    background-color: #00cded;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #ffffff !important;
   
    font-size: 14px;
    text-transform: uppercase;
}

.find_professionals_main .btn_wraper li button i {
    margin-right: 5px;
}

.quckpro_client_main .heading_wrap h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
}

.quckpro_client_main .box-inner .text_wrap h3 {
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: capitalize;
}

.quckpro_client_main .text_wrap .get_started {
    background: #00cded;
    color: #fff;
    text-transform: capitalize;
}

.quckpro_client_main .box-inner .text_wrap p {
    font-size: 14px;
    text-transform: capitalize;
}

.quckpro_client_main .text_wrap .get_started:hover {
    background: #cd2010;
}

.cost_estimated_main .image_wrp_inner {
    position: relative;
    border-radius: 9px;
    overflow: hidden;
    margin-bottom: 20px;
    display: inline-block;
}

.cost_estimated_main .image_wrp_inner .apsolute_text_wrp {
    position: absolute;
    background: #00cded;
    bottom: 28px;
    left: 0;
    right: 0;
    padding: 12px 4px;
    color: #fff;
    font-size: 20px;
   font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: capitalize;
    text-align: center;
}

.cost_estimated_main .row {
    margin-left: -10px;
    margin-right: -10px;
}

.cost_estimated_main .row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.cost_estimated_main .heading_wrp h2 {
    font-size: 36px;
}

.cost_estimated_main .heading_wrp h2 font {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.why_pros_lv_main .heading_wrp h2 {
    font-size: 40px;
   font-family: "Plus Jakarta Sans", sans-serif;
}

.why_pros_lv_main .inner_col {
  font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    color: #494949;
}

li.avtar {
    display: inline-block;
    width: 50px;
}

li.avtar_name {
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
}

.name {
    font-size: 20px;
     font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 0;
}

.links_wrp a {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    text-decoration: none;
   font-family: "Plus Jakarta Sans", sans-serif;
    line-height: 34px;
}

.footer {
    color: #fff;
}

.footer .row h3 {
    font-size: 16px;
    text-transform: uppercase;
   font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 20px;
}

.social_icons li {
    display: inline-block;
    padding: 0 5px;
}

.social_icons li a {
    background: #385a69;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    display: inline-block;
    text-align: center;
    line-height: 37px;
    color: #fff;
    font-size: 17px;
}

.footer .dawnload_app li {
    display: inline-block;
    padding: 0 6px;
}

.footer .dawnload_app li a {
    color: rgb(5, 38, 78);
    background: #fff;
    font-size: 18px;
    text-transform: capitalize;
}

.footer .dawnload_app li p {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 20px;
}

.footer_socail_wrp {
    border-top: 1px dashed #fff;
}

.footer .primary_footer_tabs {
    max-width: 1125px;
    margin-left: auto;
    margin-right: auto;
}

.open_for_main {
    background-color: #cd2010;
    background-image: url(../images/men.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-x: 63%;
}

.open_for_main .col-md-6 h2 {
    font-size: 45px;
   font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 0;
}

.open_for_main .col-md-6 p {
    font-size: 18px;
    margin-bottom: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.open_for_main .btn {
    font-size: 20px;
    background: #fff;
    color: rgb(5, 38, 78);
}

.open_for_main .btn:hover {
    opacity: 0.9;
}

.client_write_tous_main .heading_wrp h2 {
    font-size: 40px;
}

.faq_wraper .card {
    margin-bottom: 8px;
}

.faq_wraper .card .card-header a {
    color: rgb(5, 38, 78);
    font-size: 20px;
    display: block;
}

.client_write_tous_main {
    padding-bottom: 157px !important;
    background-image: url(../images/lady.png);
    background-repeat: no-repeat;
    background-position-y: 97%;
    background-position-x: 65%;
    background-size: 570px;
}

.faq_wraper .card a.card-link img {
    float: right;
    transition: all 0.5s;
}

.faq_wraper .card a.card-link:not(.collapsed) img {
    transform: rotate(45deg);
}

form.contact_us_form {
    max-width: 435px;
    margin-left: auto;
}

.contact_us_form input,
.contact_us_form textarea {
    padding: 12px;
    text-indent: 16px;
}

.contact_us_form button.btn {
    background: #00cded;
    display: block;
    margin-left: auto;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    padding: 9px 15px;
}

.contact_us_form .form-group {
    margin-bottom: 10px;
}

.how_price_wrks_main .heading_wrp h2 {
    font-size: 40px;
}

.how_price_wrks_main .heading_wrp h2 font {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.how_price_wrks_main .box-inner h4 {
    color: #a0a09d;
    font-size: 20px;
    margin-top: 30px;
    max-width: 208px;
    margin-left: auto;
    margin-right: auto;
}

.how_price_wrks_main .col-sm-3 {
    position: relative;
}

.how_price_wrks_main .col-sm-3:not(:last-child):after {
    content: "";
    position: absolute;
    top: 33px;
    left: 50%;
    right: 0;
    height: 1px;
    width: 100%;
    border-top: 1px dashed #9f9f9d;
}

.how_price_wrks_main .box-inner img {
    position: relative;
    z-index: 5;
}

.doted_heading:before {
    content: "";
    display: block;
    height: 1px;
    width: 214px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px dashed;
    margin-bottom: 15px;
}

@media only screen and (min-width: 1305px) {
    .container {
        max-width: 1305px;
    }

    .find_professionals_main .container {
        max-width: 1068px;
    }
}

/*
********************
28 - April - 2020
********************
*/
.navbar-brand {
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_secondary_header {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
}

.menu_secondary_header li.search i.fa.fa-search {
    color: rgb(5, 38, 78);
    font-size: 20px;
    margin-right: 10px;
    margin-top: 5px;
}

ul.middle_menu_wrp li:not(:last-child) {
    margin-right: 10px;
}

.menu_secondary_header li.username_wrp {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    color: rgb(5, 38, 78);
}

.menu_secondary_header span.avatr_dp {
    margin-right: 6px;
    position: relative;
}

.menu_secondary_header span.avatr_dp::before {
    content: "";
    position: absolute;
    right: -4px;
    top: -3px;
    width: 0;
    height: 0;
    border: 3px solid #7dcf49;
    border-radius: 50px;
}

a.logo_wrp img {
    max-width: 190px;
}

.menu_secondary_header li i.fa.fa-bars {
    font-size: 21px;
    color: rgb(5, 38, 78);
    margin-top: 3px;
}

.menu_secondary_header li i.fa.fa-bars::before,
.menu_secondary_header li i.fa.fa-bars::after {
    content: "";
    width: 100%;
    height: 2px;
    background: rgb(5, 38, 78);
    position: absolute;
}

.menu_secondary_header li i.fa.fa-bars {
    width: 18px;
    position: relative;
    height: 2px;
    background: rgb(5, 38, 78);
}

.menu_secondary_header li i.fa.fa-bars::before {
    top: -6px;
}

.menu_secondary_header li i.fa.fa-bars::after {
    bottom: -6px;
}

.menu_secondary_header li.dd_bars {
    line-height: 0;
}

.banner_inner_wrp i.fa.fa-map-marker {
    color: #00cded;
    font-size: 22px;
    top: 49%;
    transform: translateY(-50%);
    left: 14px;
}

.banner_inner_wrp img {
    color: #c2c3c4;
    font-size: 22px;
    top: 49%;
    transform: translateY(-50%);
    left: 14px;
}



.banner_inner_wrp form .search_btn i {
    font-size: 20px;
}

.find_professionals_main .box-inner {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position-y: 43%;
    padding-left: 60px !important;
    padding-right: 40px !important;
}

.find_professionals_main .blue_box {
    background-image: url(../images/bluearrow.png);
}

.find_professionals_main .red_box {
    background-image: url(../images/redarrow.png);
}

.find_professionals_main .green_box {
    background-image: url(../images/greenarrow.png);
}

.find_professionals_main .btn_wraper li a:hover,
.cost_guid:hover {
    background-color: #526489;
}

.quckpro_client_main .box-inner .text_wrap p {
    font-size: 14px;
    color:#526489;
     font-family: "Plus Jakarta Sans", sans-serif;
}

.how_price_wrks_main .row>div:nth-child(n+2) .box-inner figure::before {
    content: "";
    color: #9f9f9d;
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 2px dashed;
    transform: translate(-50%, 0);
    top: 20%;
}

.footer .primary_footer_tabs {
    max-width: 1165px;
    margin-left: auto;
    margin-right: 10px;
}

.footer .dawnload_app li a {
    font-weight: 900;
}

.social_icons li a {
    transition: ease 0.2s;
}

.social_icons li a:hover {
    background: #cd2010;
}

.client_write_tous_main .card-header {
    padding: 15px 20px 15px 30px;
}

section.quckpro_client_main .box-inner figure {
    margin: 0;
}

section.quckpro_client_main .box-inner .text_wrap {
    padding: 25px 30px !important;
}

.quckpro_client_main .box-inner .text_wrap h3 {
    font-size: 20px;
     font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}

.banner_inner_wrp form input {
    outline: none;
}

.banner_inner_wrp form input {
    outline: none;
}

.mana_emply {
    position: absolute;
    bottom: -50px;
    transform: translateX(-20%);
    right: 0;
    max-width: 230px;
    padding: 25px !important;
    background: #00cded;
    color: #fff;
}

.mana_emply h5 {
    text-transform: capitalize;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    padding-top: 6px;
}

.mana_emply .wrapper_m_m_e {
    position: relative;
}

.mana_emply .wrapper_m_m_e .close_x {
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -16px;
    border: 1px solid;
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.mana_emply p {
    margin-bottom: 0;
}

.lady_img {
    display: none;
}

img.men_img {
    display: none;
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    .open_for_main .row .col-md-3:nth-child(2) {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/*
********************
29 - April - 2020 
********************
*/

/*@media screen and (min-device-width: 481px) and (max-device-width: 768px) {}*/
@media screen and (min-device-width: 768px) {
    .mana_emply {
        bottom: -30px;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .client_write_tous_main {
        background-position-y: 92%;
        background-position-x: 90%;
        background-size: 370px;
    }

    form.contact_us_form {
        max-width: 355px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    form.contact_us_form {
        margin-left: 0;
    }

    .find_professionals_main .row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    .find_professionals_main .row .col-lg-4.col-md-6 {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .find_professionals_main .row .col-lg-4.col-md-6:last-child {
        margin-top: 15px;
    }

    section.quckpro_client_main .row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    section.quckpro_client_main .row .col-lg-3.col-md-6 {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    section.quckpro_client_main .row .col-lg-3.col-md-6:nth-child(n+3) {
        margin-top: 15px;
    }

    section.quckpro_client_main img {
        width: 100%;
        height: 230px;
    }

    section.how_price_wrks_main .row .col-lg-3.col-md-6:nth-child(3) .box-inner figure::before {
        width: 0;
        display: none;
    }

    .cost_estimated_main .row>div {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .cost_estimated_main .row>div:nth-child(odd) {
        justify-content: flex-end;
    }

    .cost_estimated_main .row>div:nth-child(even) {
        justify-content: flex-start;
    }

    .open_for_main .row>div:nth-child(2) {
        flex: 0 0 15%;
        max-width: 15%;
    }

    .open_for_main {
        background-position-x: 57%;
        background-size: 210px;
    }

    .footer .primary_footer_tabs {
        margin-right: 0;
        margin-left: 0;
    }

    .open_for_main .btn {
        font-size: 14px;
         font-family: "Plus Jakarta Sans", sans-serif;
    }

    .open_for_main .col-md-6 h2 {
        font-size: 32px;
        line-height: 1;
    }

    footer.footer .primary_footer_tabs>div {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .footer_socail_wrp ul.social_icons {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: wrap;
        width: 50%;
    }

    ul.dawnload_app {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        width: 50%;
    }

    ul.dawnload_app li a img {
        max-width: 20px;
    }

    ul.dawnload_app li:nth-child(2) a img {
        max-width: 17px;
    }

    .footer .dawnload_app li p,
    .footer .dawnload_app li a {
        font-size: 14px;
         font-family: "Plus Jakarta Sans", sans-serif;
    }

    .footer .dawnload_app li {
        padding: 0;
    }

    .footer .dawnload_app li:nth-child(2) {
        padding: 0 6px;
    }

    .footer .dawnload_app li:nth-child(1) {
        width: 100px;
    }
}

@media screen and (max-device-width: 991px) {
    section.why_pros_lv_main .row .col-lg-4:nth-child(n+2) {
        margin-top: 15px;
    }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1023px) {}

@media screen and (min-device-width: 1024px) and (max-device-width: 1199px) {
    .quckpro_client_main .box-inner .text_wrap p {
        height: 48px;
    }

    .quckpro_client_main .box-inner .text_wrap h3 {
        height: 48px;
    }

    .client_write_tous_main {
        background-position-y: 91%;
        background-position-x: 70%;
        background-size: 410px;
    }

    .open_for_main .col-md-6 h2 {
        font-size: 42px;
    }

    form.contact_us_form {
        margin-left: auto;
        max-width: 395px;
    }

    .navbar-brand {
        margin-right: 1rem;
    }

    a.logo_wrp img {
        max-width: 160px;
    }

    .cost_estimated_main .image_wrp_inner .apsolute_text_wrp {
        padding: 12px 0px;
        font-size: 18px;
    }

    .faq_wraper .card .card-header a {
        font-size: 18px;
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1300px) {
    .client_write_tous_main {
        background-position-x: 69%;
    }
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;
}

@media screen and (max-device-width: 450px) {
    .find_professionals_main .row>div:nth-child(n+2) {
        margin-top: 15px;
    }

    .find_professionals_main .btn_wraper li {
        padding: 0 !important;
        width: 100%;
    }

    .find_professionals_main .btn_wraper li button,
    .cost_guid {
        width: 100%;
        margin-top: 15px;
        max-width: 271px;
    }

    section.quckpro_client_main .row>div {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .find_professionals_main .box-inner {
        padding: 30px 20px 20px 50px !important;
    }

    .how_price_wrks_main .row>div:nth-child(n+2) .box-inner figure::before {
        width: 100px;
        transform: translate(-50%, 0) rotate(90deg);
        left: 40px;
        top: 0;
    }

    .how_price_wrks_main .row>div:nth-child(n+2) .box-inner {
        margin-top: 15px;

    }

    .how_price_wrks_main .row .box-inner {
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .how_price_wrks_main .box-inner h4 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
    }

    .how_price_wrks_main .box-inner img {
        max-width: 50px;
    }

    .cost_estimated_main .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .cost_estimated_main .row>div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cost_estimated_main .image_wrp_inner {
        margin-bottom: 0;
    }

    .client_write_tous_main {
        background-image: unset;
    }

    .lady_img {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .lady_img img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    img.men_img {
        display: block;
        margin: 0 auto;
    }
    img.master_page_img {
        display: block;
        margin: 0 auto;
    }

    .contact_us_form button.btn {
        width: 100%;
    }

    .client_write_tous_main {
        padding-bottom: 210px !important;
    }

    .open_for_main {
        background-image: unset;
        padding: 0px;
    }

    .open_for_main .col-md-6 h2 {
        text-align: center;
        line-height: 1;
    }

    .open_for_main .col-md-6 p {
        text-align: center;
        margin-top: 10px;
    }

    .open_for_main .btn {
        width: 100%;
        padding: 7px;
        margin-top: 15px;
    }

    
    .open_for_main>.row {
        background: #cd2010;
    }

    footer.footer {
        position: relative;
       
    }

    .footer .row h3 {
        margin-bottom: 10px !important;
        margin-top: 20px;
        font-size: 16px;
         font-family: "Plus Jakarta Sans", sans-serif;
    }

    .footer .primary_footer_tabs {
        margin-right: 0;
    }

    .footer_socail_wrp {
        flex-flow: column;
        margin-top: 30px !important;
        padding-top: 30px !important;
    }

    .footer_socail_wrp ul.social_icons {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }

    .footer_socail_wrp .dawnload_app li:nth-child(n+2) {
        margin-top: 8px;
    }

    .footer_socail_wrp .dawnload_app li {
        width: 100% !important;
    }

    .footer_socail_wrp .dawnload_app li>* {
        width: 100%;
    }

    footer.footer_bar p.copyright {
        text-align: center;
        color: #fff !important;
    }

    .footer .dawnload_app li p {
        text-align: center;
        margin-top: 10px;
    }

    .mana_emply {
        display: none;
    }

    h2 {
        font-size: 30px !important;
    }

    .banner_inner_wrp {
        display: none;
    }

    a.logo_wrp img {
        max-width: 110px;
    }
}

@media screen and (max-device-width: 767px) {
    .banner_inner_wrp form select.location {
        font-size: 14px;
        padding: 10px 20px 10px 35px;
    }
    img.master_page_img {
        margin-left: 80px;
        margin-top: 20px;
    }

    .banner_inner_wrp form input {
        width: 265px !important;
        padding: 10px 0 10px 20px;
        font-size: 14px;
         font-family: "Plus Jakarta Sans", sans-serif;
        
    }

    .banner_inner_wrp form .search_btn {
        padding: 10px 15px 10px 15px;
    }

    h2 {
        font-size: 30px !important;
    }
}

/*
********************
30 - April - 2020 
********************
*/

@media screen and (max-device-width: 991px) {
    .av_hamburger_wrppr {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .navbar button.navbar-toggler {
        padding: 0;
        border: none;
    }

    .navbar button.navbar-toggler i.fa.fa-bars {
        width: 17px;
        position: relative;
        height: 2px;
        font-size: 17px;
        color: rgb(5, 38, 78);
        margin-top: 0;
        background: rgb(5, 38, 78);
    }

    .navbar button.navbar-toggler {
        position: relative;
    }

    .navbar button.navbar-toggler i.fa.fa-bars {
        position: absolute;
        right: 0;
        top: 0px;
    }

    .navbar>.container {
        justify-content: space-between;
    }

    .navbar button.navbar-toggler i.fa.fa-bars::after,
    .navbar button.navbar-toggler i.fa.fa-bars::before {
        content: "";
        width: 100%;
        height: 2px;
        background: rgb(5, 38, 78);
        position: absolute;
        left: 0;
    }

    .navbar button.navbar-toggler i.fa.fa-bars::before {
        top: -6px;
    }

    .navbar button.navbar-toggler i.fa.fa-bars::after {
        bottom: -6px;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .navbar li.mobile_avatar {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        align-items: center;
        color: rgb(5, 38, 78);
        margin-right: 20px;
    }

    .navbar li.mobile_avatar span.avatr_dp {
        margin-right: 10px;
        position: relative;
    }

    .navbar li.mobile_avatar span.avatr_dp::before {
        content: "";
        position: absolute;
        right: -4px;
        top: -3px;
        width: 0;
        height: 0;
        border: 3px solid #7dcf49;
        border-radius: 50px;
    }

    .navbar li.mobile_avatar span.avtarname {
        margin-right: 10px;
    }
}

@media screen and (max-device-width: 767px) {
    .navbar_custom {
        padding-top: 10px !important;
    }

    section.quckpro_client_main .box-inner figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .navbar li.mobile_avatar {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        align-items: center;
        color: rgb(5, 38, 78);
        margin-right: 20px;
    }

    .navbar li.mobile_avatar span.avatr_dp {
        margin-right: 10px;
        position: relative;
    }

    .navbar li.mobile_avatar span.avatr_dp::before {
        content: "";
        position: absolute;
        right: -4px;
        top: -3px;
        width: 0;
        height: 0;
        border: 3px solid #7dcf49;
        border-radius: 50px;
    }

    .middle_menu_wrp {
        align-items: flex-end;
    }

    .middle_menu_wrp li a {
        line-height: 1;
        font-size: 14px !important;
         font-family: "Plus Jakarta Sans", sans-serif !important;
    }

    ul.middle_menu_wrp li:not(:last-child) {
        margin-right: 0;
    }

    .right_navbar_wrp {
        display: none;
    }

    .mana_emply {
        display: none;
    }
}

@media screen and (max-device-width: 450px) {
    .cost_estimated_main .row>div {
        text-align: center;
    }

    .right_navbar_wrp {
        display: none;
    }

    .middle_menu_wrp {
        align-items: flex-end;
    }

    ul.middle_menu_wrp li:not(:last-child) {
        margin-right: 0;
    }

    .middle_menu_wrp li a {
        line-height: 1;
        font-size: 14px !important;
         font-family: "Plus Jakarta Sans", sans-serif !important;
    }

    .navbar .av_hamburger_wrppr li.mobile_avatar span.avtarname {
        display: none;
    }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
    .mana_emply {
        display: none;
    }

    .navbar .av_hamburger_wrppr li.mobile_avatar span.avtarname {
        display: block;
    }

    .navbar li.mobile_avatar span.avatr_dp {
        margin-right: 8px;
        position: relative;
    }

    .navbar .av_hamburger_wrppr li.mobile_avatar {
        margin-right: 30px;
    }

    .find_professionals_main .row>div:not(:last-child) {
        margin-bottom: 15px;
    }

    .find_professionals_main .box-inner h2 br {
        display: none;
    }

    .find_professionals_main .box-inner h2 {
        font-size: 28px !important;
    }

    .find_professionals_main .box-inner {
        background-position-y: 48%;
        padding-left: 50px !important;
        padding-right: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    section.quckpro_client_main .row>div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    section.quckpro_client_main .row>div:nth-child(n+3) {
        margin-top: 15px;
    }

    section.quckpro_client_main .box-inner .text_wrap {
        padding: 25px 18px !important;
    }

    section.quckpro_client_main .row>div:nth-child(odd) {
        padding-left: 22.5px;
        padding-right: 7.5px;
    }

    section.quckpro_client_main .row>div:nth-child(even) {
        padding-left: 7.5px;
        padding-right: 22.5px;
    }

    .how_price_wrks_main .row>div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .how_price_wrks_main .row>div:nth-child(odd) {
        padding-left: 22.5px;
        padding-right: 7.5px;
    }

    .how_price_wrks_main .row>div:nth-child(even) {
        padding-left: 7.5px;
        padding-right: 22.5px;
    }

    .how_price_wrks_main .row>div:nth-child(3) .box-inner figure::before {
        display: none;
    }

    .cost_estimated_main .row>div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cost_estimated_main .image_wrp_inner {
        margin-bottom: 12px;
    }

    section.quckpro_client_main .heading_wrap font.color_primary {
        display: block;
    }

    .cost_estimated_main .image_wrp_inner .apsolute_text_wrp {
        font-size: 18px;
    }

    .lady_img {
        display: block;
    }

    .lady_img {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0 auto;
    }

    .client_write_tous_main {
        background-image: unset;
    }

    form.contact_us_form {
        max-width: 100%;
    }

    .contact_us_form button.btn {
        margin: 0 auto;
    }

    .client_write_tous_main .card-header {
        padding: 10px 20px 10px 30px;
    }

    .open_for_main {
        background-position-x: 90%;
    }

    .open_for_main .col-md-6 p {
        width: 60%;
    }

    .open_for_main .btn {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
    }

    footer.footer>.container {
        position: relative;
     
    }

    .open_for_main {
        width: 100%;
        position: relative;
        padding: 30px 15px;
    }

    .client_write_tous_main {
        padding-bottom: 130px !important;
    }

    .footer_socail_wrp {
        padding-top: 30px !important;
        margin-top: 20px !important;
    }

    .footer_socail_wrp ul.social_icons {
        width: 50%;
    }

    .footer_socail_wrp ul.dawnload_app {
        width: 50%;
    }

    .footer_socail_wrp ul.dawnload_app li:not(:first-child) {
        display: block;
        display: inline-block;
        flex-flow: row;
        align-items: center;
        justify-content: space-evenly;
        margin-left: 15px;
    }

    .footer_socail_wrp ul.dawnload_app li:first-child {
        display: block;
        text-align: center;
        margin-bottom: 6px;
    }

    .social_icons li {
        padding: 0 5px 0 0;
        margin-bottom: 7px;
    }


}

@media screen and (min-device-width: 992px) {
    .av_hamburger_wrppr {
        display: none;
    }
}

@media screen and (max-device-width: 1300px) and (min-device-width: 1200px) {
    section.quckpro_client_main .box-inner .text_wrap {
        padding: 25px 20px !important;
    }
}

@media screen and (max-device-width: 1600px) and (min-device-width: 1400px) {
    form.contact_us_form {
        max-width: 455px;
    }

    .open_for_main .col-md-6 p {
        font-size: 20px;
    }

    .open_for_main .btn {
        font-weight: 900;
    }
}

@media screen and (min-device-width: 1024px) {
    .faq_wraper .card .card-header a {
        font-weight: 900;
    }
}

/*
***********************************************************************************
************************           Professional Page        ***********************
***********************************************************************************
*/
div.innr_body_wrapper .navbar_custom {
    padding-top: 8px !important;
    box-shadow: 0px 3px 9px -7px #9c9c9c;
    position: relative;
}

.main_section {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 22% 78%;
    -ms-grid-columns: 22% 78%;

    grid-template-areas: "filters services";
}

.services_sec .selection_side {
    grid-area: filters;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.services_sec .main_content {
    grid-area: services;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
}

/*
********************
1 - May - 2020 
********************
*/

.services_sec .posts_wrapper {
    max-width: 800px;
    margin: 0 auto;
}



section.services_sec .card_wrapper .primary {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  
}

.green_dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #2db783;
    border-radius: 50%;
    border: 2px solid #b0e4d0;
    box-sizing: content-box;
}

.card_wrapper span.custom_badge {
   
    letter-spacing: 0.4px;
}

.card_wrapper .view_profile a.custom_btn {
    background: rgb(5, 38, 78);
    border-radius: 4px;
    background-color: #00cded;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    border: none;
    max-width: 150px;
  
}

.card_wrapper .view_profile a.custom_btn:hover {
    background-color: #526489;
}

.card_wrapper h5 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.outer_itmes h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.radio_wrapper {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio_wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom_radio {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #00cded;
    border-radius: 50%;
    top: 4px;
    left: 0;
}

.custom_radio:after {
    content: "";
    position: absolute;
    display: none;
}

.radio_wrapper input:checked~.custom_radio::after {
    display: block;
}

.dash_boadrd .widget .right_wrppr {
    flex: 0 1 auto;
    width: 100%;
}

.radio_wrapper .custom_radio::after {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #00cded;
    top: 2px;
    border-radius: 50%;
    left: 2px;
}

span.fmw {
    text-align: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.outer_itmes button,
.outer_itmes button i {
    color: #00cded;
    text-decoration: none;
    font-weight: 600;
    background: none;
    border: none;
}

.wrapper_of_t_a p.show_online {
    max-width: 200px;
}

span.fmw i {
    font-size: 20px;
}

.cost {
    line-height: 0.9;
    text-align: right;
}

.filter_btn a {
    color: #fff;
    text-decoration: none;
    padding: 6px 20px;
    background: #00cded;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .main_section {
        display: grid;
        grid-template-columns: 30% 70%;
    }

    .main_section {
        display: grid;
        display: -ms-grid;
        grid-template-columns: 30% 70%;
        -ms-grid-columns: 30% 70%;

        grid-template-areas: "filters services";
    }

    .services_sec .selection_side {
        grid-area: filters;
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .services_sec .main_content {
        grid-area: services;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }

    .voting {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: wrap;
    }
}

@media only screen and (max-width: 567px) and (orientation: portrait) {
    .main_section {
        grid-template-columns: 100%;
        position: relative;
    }

    
    .services_sec .selection_side {
        box-shadow: 0px 0px 43px -6px rgba(0, 0, 0, 0.2);
    }

    .voting {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
    }

    .card_wrapper .card {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column !important;
    }

    .card_wrapper .card .card-block {
        margin-top: 8px;
    }

    .filter_btn {
        display: none;
    }
}

/*
********************
4 - May - 2020 
********************
*/
.filter_btn {
    display: none;
}

@media screen and (min-device-width: 992px) {
    .middle_menu_wrp {
        align-items: flex-end;
    }
}

@media screen and (max-device-width: 991px) {
    span.right_navbar_wrp {
        display: none;
    }

    .middle_menu_wrp {
        align-items: flex-end;
    }

    ul.middle_menu_wrp li:not(:last-child) {
        margin-right: 0px;
    }

    .filter_btn {
        display: block;
       
    }


    .services_sec .selection_side {
        position: absolute;
        display: none;
        background: #fff;
        z-index: 9;
        width: 100%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 95%;
        box-shadow: 0px 2px 18px 2px rgba(0,0,0,0.2);
        max-width: 500px;
        padding: 1rem 1rem 0 1rem !important;
    }


}

@media only screen and (max-width: 567px) and (orientation: portrait) {
    span.reviews {
        display: block !important;
        padding-left: 10px;
    }

    .filter_btn a {
        width: 100%;
    }

    body.proffessional_page .checkbox.inpt_wrapper label {
        line-height: 1.5;
    }

    .inpt_wrapper label a {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 200px;
    }

    .wrapper_of_t_a p.show_online {
        max-width: 100%;
        width: 100%;
    }

    .add_nd_soc {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        justify-content: space-between;
        flex-flow: column;
    }

    .card_wrapper .view_profile a.custom_btn {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        line-height: 1;
    }

    .card_footer_item .view_profile {
        flex-flow: column;
    }

    .card_footer_item .view_profile>div {
        width: 100%;
    }

    .card_footer_item .view_profile>div:first-child {
        margin-bottom: 5px;
    }
}

/*
***********************************************************************************
************************           Header Search Bar        ***********************
***********************************************************************************
*/
.right_navbar_wrp li.search {
    position: relative;
}

.right_navbar_wrp li.search div {
    position: absolute;
    opacity: 0;
    transition: opacity .25s, transform .25s, right .25s;
    transform-origin: 0 0;
    transform: translateX(0px);
    z-index: -1;
    right: 20px;
    top: -4px;
}

.showInput {
    opacity: 1 !important;
    transform: translateX(-50px) !important;
    z-index: 0 !important;
    right: 0px !important;
}

.menu_secondary_header li.search i.fa.fa-search {
    cursor: pointer;
}

.right_navbar_wrp li.search div input {
    border-radius: 2px;
    border: 1px solid #8f7f7f;
    width: auto;
}

.right_navbar_wrp li.search div input:focus {
    box-shadow: 0 0 0 0.2rem #008dc14a;
    border-color: transparent;
}

.menu_secondary_header li.dd_bars {
    display: none;
}

/*
***********************************************************************************
************************           Add Job page        ***********************
***********************************************************************************
*/

.page-header-fixed {
    margin-top: 0 !important;
}

.page-header-fixed .container-omar {
    padding: 0;
    width: 100%;
}

.page-header-fixed {
    padding: 10px 0 0 0;
    margin: 0 !important;
    padding-top: 0;
}

.page-header-fixed .container-omar>h1.page-header {
    display: none;
}

.page-header-fixed header.header {
    margin-bottom: 0 !important;
}

.page-header-fixed header.header .navbar_custom {
    padding: 0;
    padding-top: 0 !important;
    box-shadow: 0px 3px 9px -7px #9c9c9c;
    background: #fff;
    margin-top: 0 !important;
}

.page-header-fixed .container-omar .post_job_panel .panel-heading {
    text-align: center;
}

.page-header-fixed .container-omar .post_job_panel .panel-body form {
    margin: 0 auto;
    max-width: 100%;
    flex: 0 0 100%;
}

.page-header-fixed .container-omar .post_job_panel .panel-heading h1.page-header {
    margin-bottom: 0;
}

.page-header-fixed .container-omar .post_job_panel .panel-heading small {
    color: #fff;
}

.page-header-fixed .container-omar .post_job_panel .panel-heading {
    margin-bottom: 15px;
    font-size: 20px;
}

/*
***********************************************************************************
************************      FOR LOGING PAGE DESIGN        ***********************
***********************************************************************************
*/

.login {
    padding-top: 100px;
    max-width: 560px;
    margin: 0 auto;
    padding-bottom: 40px;
}

body.login-v_2 .navbar_custom {
    padding-top: 0 !important;
    box-shadow: 0px 2px 4px -3px #696969;
    position: relative;
}

.social_connect {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.social_connect>div {
    width: 47%;
    margin: 0;
}

.social_connect>div a {
    width: 100%;
}

.remember_me {
    margin: 20px 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

.line {
    width: 45%;
    background: #bbbbbb;
    height: 1px;
}

.social_connect img {
    max-width: 200px;
}

ul.middle_menu_wrp li:not(:last-child) {
    margin-right: 0;
}

.right_navbar_wrp li {
    padding: 0 10px 0 0;
}

p.remember_me {
    margin-top: 10px;
}

/*
***********************************************************************************
************************      Header fixing        ***********************
***********************************************************************************
*/
@media screen and (max-device-width: 991px) {

    span.right_navbar_wrp {
        display: block;
    }

    span.right_navbar_wrp .middle_menu_wrp {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column !important;
        align-items: flex-end;
    }

    span.right_navbar_wrp li {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .banner_inner_wrp {
        top: 71%;
    }

    .banner_inner_wrp form select.location,
    .banner_inner_wrp form input {
        padding: 10px 0 10px 40px;
    }

    .banner_inner_wrp i.fa.fa-map-marker {
        font-size: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner_inner_wrp {
        top: 20%;
        transform: translate(-50%, 0);
        width: 80%;
    }

    .banner_inner_wrp form select.location,
    .banner_inner_wrp form input {
        padding: 10px 0 10px 40px;
    }

    .banner_inner_wrp i.fa.fa-map-marker {
        font-size: 25px;
    }

    .mana_emply {
        display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {



    .right_navbar_wrp li:nth-child(4) a {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        line-height: 0.9;
    }

    .right_navbar_wrp li:last-child {
        padding: 0;
    }
}

.proffessional_page .navbar_custom {
    padding-top: 0 !important;
    box-shadow: 0px 2px 4px -3px #696969;
    position: relative !important;
    background-color: #fff;
}



.navbar_custom {
    padding-top: 0 !important;
    box-shadow: 0px 0px 9px -7px #9c9c9c;
}

.navbar_custom {
    background: #fff;
}

body.home_page div#front_face {
    position: absolute !important;
    padding-top: 0 !important;
    box-shadow: unset;
    background-color: rgba(255, 255, 255, 1);
}

span.right_navbar_wrp li.username_wrp {
    display: block;
}

span.right_navbar_wrp .menu_secondary_header {
    align-items: center;
}

a.post_job {
   
    border-radius: 4px;
    background-color: #00cded;
    color: #ffffff;
        font-weight: 600;
            padding: 0.5rem;
    box-shadow: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

a.post_job:hover {
    background-color: #526489;
}

@media screen and (max-device-width: 991px) {
    span.right_navbar_wrp .middle_menu_wrp {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column !important;
        align-items: flex-end;
    }
}

/*
********************
5 - May - 2020 
********************
*/
@media screen and (max-device-width: 450px) {
    .banner_inner_wrp {
        display: block;
    }

    section.home_banner>img {
        min-height: 100vh;
        object-fit: cover;
    }

    .banner_inner_wrp {
        max-width: 300px !important;
        width: 100% !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0 auto;
        padding: 0 0;
    }

    .banner_inner_wrp form select.location {
        font-size: 14px !important;
        font-weight: 600;
    }

    .banner_inner_wrp form input {
        max-width: 135px !important;
        padding: 5px 10px 5px 20px !important;
        font-size: 14px;
        width: unset !important;
    }

    .banner_inner_wrp form .search_btn i {
        font-size: 14px;
         font-family: "Plus Jakarta Sans", sans-serif !important;
    }

    .banner_inner_wrp form .search_btn {
        padding: 5px 5px 5px 5px;
    }

    .banner_inner_wrp i.fa.fa-map-marker {
        color: #00cded;
        font-size: 18px !important;
        top: 50%;
        transform: translateY(-50%);
        left: 6px !important;
    }

    span.navbar-text.right_navbar_wrp {
        text-align: right;
    }

}

.social_connect .facebook a {
    background: #3b5998;
}

.social_connect .google_plus a {
    background: #db4a39;
}

.social_connect .google_plus a,
.social_connect .facebook a {
    display: inline-block;
    color: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 14px;
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    text-decoration: none;
    transition: ease 0.2s;
}

.social_connect .google_plus a:hover,
.social_connect .facebook a:hover {
    opacity: 0.8;
}

.social_connect .facebook a p,
.social_connect .google_plus a p {
    margin-bottom: 0;
}

.social_connect .facebook a p i,
.social_connect .google_plus a p i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 2px;
}

/*checkbox*/

.container_label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

span.custom_checkbox {
    position: absolute;
    top: 6px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #00cded;

}

.container_label input:checked~span.custom_checkbox {
    background-color: #ffffff;
}

span.custom_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

.container_label input:checked~span.custom_checkbox:after {
    display: block;
}

span.custom_checkbox:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid #00cded;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.login .login-content {
    padding: 50px;
    border-radius: 5px;
    background: #fff;
}

p.remember_me {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 25px 0;

}

body.home_page .primary_foot {
    margin-top: 0;
}

.bg_wrapper,
.bg_img,
.bg_pattern {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg_pattern {
    background: radial-gradient(ellipse at center, rgba(102, 102, 102, 0.5) 0, rgba(0, 0, 0, 0.5) 100%);
}

.page-header-fixed .container-omar .post_job_panel .panel-heading h1.page-header {
    margin-bottom: 0;
}

.page-header-fixed .container-omar .post_job_panel .panel-heading small,
.page-header-fixed .container-omar .post_job_panel .panel-heading h1.page-header,
.page-header-fixed .container-omar .post_job_panel .panel-body form label,
.message-file-size {
    color: rgb(5, 38, 78);
}

.page-header-fixed .container-omar .post_job_panel .panel-body {
    padding: 0 70px;
}

/*
***********************************************************************************
************************      Add Job Form Design:          ***********************
***********************************************************************************
*/



input#file-upload-button::before {
    content: "Browse";
    color: #fff;
    position: absolute;
    background: #00cded;
    height: 100%;
    border-radius: 5px 0 0 5px;
    padding: 0 20px;
    left: -4px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    top: 0;
    font-weight: 600;
    width: 117px;
}

input#userfile {
    border-radius: 5px;
    position: relative;
  
}

.status_wrapper label.radio_wrapper {
    display: inline-block;
    margin-right: 10px;
}

@media only screen and (max-width: 567px) {
    .primary_foot {
       
    }

    .page-header-fixed .container-omar .post_job_panel {
        width: 95%;
        margin: 0 auto;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .page-header-fixed .container-omar .post_job_panel .panel-body {
        padding: 0;
    }

    input#userfile {
        width: 100% !important;
    }

    body.only_for_profile input#userfile {
        width: 15px !important;
    }

    .page-header-fixed .container-omar {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .page-header-fixed header.header .navbar_custom {
        padding: 0 15px 0 15px !important;
    }
}

@media only screen and (min-width: 567px) and (max-width: 767px) {
   

    .page-header-fixed .container-omar .post_job_panel {
        width: 92%;
        margin: 0 auto;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .page-header-fixed .container-omar .post_job_panel .panel-body {
        padding: 0;
    }

    input#userfile {
        max-width: 100% !important;
    }

    .page-header-fixed .container-omar {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .navbar_custom {
        padding: 0 15px 0 15px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
   

    .page-header-fixed .container-omar .post_job_panel {
        width: 90%;
        max-width: 650px;
        margin: 0 auto;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .page-header-fixed .container-omar .post_job_panel .panel-body {
        padding: 0;
    }

    input#userfile {
        max-width: 70% !important;
    }

    .page-header-fixed .container-omar {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .navbar_custom {
        padding: 0 15px 0 15px !important;
    }

    .budget_wrapper {
        padding-left: 0;
    }

    .status_wrapper label.radio_wrapper {
        display: inline-block;
    }

    .date_wrapper {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
   

    .page-header-fixed .container-omar .post_job_panel {
        width: 90%;
        max-width: 650px;
        margin: 0 auto;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .page-header-fixed .container-omar .post_job_panel .panel-body {
        padding: 0;
    }

    input#userfile {
        width: 70% !important;
        max-width: 260px;
    }

    .page-header-fixed .container-omar {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .navbar_custom {
        padding: 0 15px 0 15px !important;
    }

    .budget_wrapper {
        padding-left: 0;
    }

    .status_wrapper label.radio_wrapper {
        display: inline-block;
    }

    .date_wrapper {
        padding-left: 0;
    }
}


/*
***********************************************************************************
************************      Log iN Form Design:          ***********************
***********************************************************************************
*/

body.login-v_2 .navbar_custom,
body.login-v_2 .header {
    background: #fff;
}

.login .login-content {
    color:rgb(5, 38, 78) ;
}

.rem_for_pass a.pull-right {
    color: rgb(5, 38, 78);
   
}

.login .login-content h3 {
    text-align: center;
}

body.main_login_page span.custom_checkbox {
    top: 4px;
}

@media only screen and (max-width: 567px) {
    .login {
        padding-top: 50px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .login .login-content {
        padding: 20px;
    }

    .social_connect {
        flex-flow: column;
    }

    .social_connect>div:first-child,
    .social_connect>div:last-child {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .social_connect>div:first-child {
        margin-bottom: 10px;
    }

    .social_connect>div a {
        width: 100%;
    }

    .rem_for_pass a.pull-right {
        color: rgb(5, 38, 78);
        float: unset;
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    li.log_out {
        display: none;
    }

    li.username_wrp.dropdown-toggle {
        cursor: pointer;
    }

    span.right_navbar_wrp li:last-child a {
        margin-top: 0;
    }

    .desk_avtr .dropdown-menu a:hover {
        background: #00cded;
        color: #fff !important;
    }

    .desk_avtr .dropdown-menu a {
        transition: ease 0.1s;
    }
}

.av_wrappr {
    display: none;
}

li.username_wrp.dropdown-toggle::after {
    display: inline-block;
}


@media only screen and (max-width: 991px) {
    span.right_navbar_wrp .menu_secondary_header {
        flex-flow: column;
        align-items: flex-end;
    }

    span.right_navbar_wrp {}
}

/*
********************
6 - May - 2020 
********************
*/
.primary_head_wrapper {
   
    padding-top: 130px;
    padding-bottom: 80px;
}

.primary_head_wrapper h2 {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.about_us_page .header_wrapper {
    background: gainsboro;
}

.av_wrappr {
    position: relative;
}

.av_wrappr::after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 0;
    height: 0;
    border: 3px solid #7dcf49;
    border-radius: 50px;
}

body.like_skills_profile .child_checkboxes {
    display: flex;
    flex-flow: wrap;
}
body.like_skills_profile div.kind_skills {
    max-height: 450px;
    overflow-y: auto;
}
body.like_skills_profile .child_checkboxes > label {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 25px;
    position: relative;
}
body.like_skills_profile div.kind_skills {
    max-height: 400px;
    overflow-y: auto;
}
div#skill_cat::-webkit-scrollbar {
  width: 10px;
}
div#skill_cat::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
div#skill_cat::-webkit-scrollbar-thumb {
  background: #ccc; 
}
div#skill_cat::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}
body.like_skills_profile div.kind_skills>label {
    flex: 0 0 50%;
    position: relative;
    max-width: 50%;
    position: relative;
}

div#skill_cat>label>input {
    position: relative;
    margin-left: 0;
    margin-right: 8px;
    opacity: 0
}

div#skill_cat>label::before {
    content: "";
    background: #ff000000;
    position: absolute;
    left: 0;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #00cded;
    top: 3px;
    width: 16px;
    height: 16px;
}

div#skill_cat>label.form-check-label label::before {
    left: -20px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #00cded;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

div#skill_cat>label label {
    position: relative;
}

div#skill_cat>label.form-check-label input:checked~label::before {
    display: block;
}

.page-header-fixed span.custom_radio {
    background: #fff;
}

@media only screen and (max-width: 567x) {
    div#skill_cat>label {
        width: 100%;
    }
}


/*
***********************************************************************************
************************      Profoile:          ***********************
***********************************************************************************
*/
.main_wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.profile_info {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.person_quality_wrapper .pq_inner_w {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.main_wrapper h3.heding_text2.bor_btm,
.main_wrapper h1.member_since {
    font-size: 18px
}

.main_wrapper h1.member_since i {
    margin-right: 4px;
}

.main_wrapper .heding_text2.bor_btm {
    border-bottom: 1px solid #d6d0d0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.member_since_wrapper>div {
   
    margin-left: auto;
}

.member_since_wrapper .job_done {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.main_wrapper ul.sidebar_nav.nav-pills .nav-link {
    color: #494949;
}

.main_wrapper ul.sidebar_nav.nav-pills .nav-link.active,
.main_wrapper ul.sidebar_nav.nav-pills .show>.nav-link {
    background: #526489 !important;
    font-weight: 600;
    color: #fff
}

.main_wrapper ul.sidebar_nav.nav-pills .nav-link:hover {
    background: #00cded;
    color: #fff;
}

a.cuto_btn {
    background: #00cded;
    border: none;
    transition: ease-in-out .15s;
    color: #fff;
}

a.cuto_btn:hover {
    background: #526489;
    box-shadow: none;
    outline: none;
    border: none;
    color: #fff;
}

a.cuto_btn:active {
    background: #526489 !important;
    border: none !important;
    box-shadow: none;
    outline: none;
}

.profile_info h3,
.pq_inner_w div#pills-tabContent h3 {
    color: #00cded;
}

body.profile_page {
    background: #eaf6fa;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .main_wrapper h3.heding_text2.bor_btm,
    .main_wrapper h1.member_since {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
         font-family: "Plus Jakarta Sans", sans-serif;
    }

    .member_since_wrapper>div {
        width: 100%;
    }

    a.cuto_btn {
        width: max-content;
    }
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
    .main_wrapper {
        flex-flow: column;
    }

    .main_wrapper>div {
        padding: 0;
    }

    .profile_info>div:last-child {
        border-bottom: 1px solid #DBDBDB;
        padding-bottom: 15px;
    }

    .profile_info {
        border-bottom: none !important;
        flex-flow: column;
    }

    .profile_info p {
        margin-bottom: 0 !important;
    }

    .person_quality_wrapper .pq_inner_w {
        flex-flow: column;
    }

    div#pills-tabContent,
    .member_since_wrapper {
        padding-left: 15px !important;
    }

    .member_since_wrapper>div {
        width: 100%;
        margin-left: unset;
    }

    .member_since_wrapper .job_done {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .profile_info {
        flex-flow: column;
    }

    .profile_info>div:last-child {
        padding-bottom: 15px;
    }

    .profile_info>div {
        padding-right: 0;
        padding-left: 0;
    }

    .person_quality_wrapper .pq_inner_w {
        flex-flow: column;
    }

    .member_since_wrapper>div {
        width: 100%;
        margin-left: unset;
    }

    .main_wrapper>div:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .main_wrapper>div:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}


/*
********************
7 - May - 2020 
********************
*/
/*
***********************************************************************************
************************      Job profile search page          ***********************
***********************************************************************************
*/
.job_profile_search .front_head_wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
}

.job_profile_search .front_head_wrapper li:not(:first-child)::before {
    content: " / ";
}

.job_profile_search .front_head_wrapper li a {
    color: #00cded;
}

.working_wrapper input[type="search"] {
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    margin-left: 6px;
    max-width: 200px;
    padding: 4px 8px;
}

.working_wrapper .panel-body .radio-list label {
    position: relative;
    padding-left: 2px;
}

.working_wrapper .panel-body .radio-list label .custom_radio::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 2px;
    background: #00cded;
    left: 2px;
    border-radius: 50%;
    display: none;
}

.working_wrapper .panel-body .radio-list label input[type="radio"] {
    opacity: 0;
}

.working_wrapper .panel-body .radio-list label input[type="radio"]:checked~.custom_radio::before {
    display: block;
}

.working_wrapper .panel-body .radio-list label span.custom_checkbox {
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #00cded;
    position: absolute;
    display: inline-block;
    top: 2px;
    left: -3px;
}

.working_wrapper .panel-body .radio-list label input[type="checkbox"] {
    opacity: 0;
}

.working_wrapper .panel-body .radio-list label input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
}

.working_wrapper .panel-body .radio-list label:not(:first-child) {
    margin-left: 12px;

}

.job_profile_search .front_head_wrapper li {
    padding: 0 6px 0 0;
}

.working_wrapper div#jobs_wrapper>div>label {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding-top: 5px;
}

.working_wrapper div#jobs_wrapper>div:first-child label select {
    background: #fff;
    margin: 0 8px;
    border-radius: 4px;
}

div#jobs_processing {
    padding-top: 9px;
}

.working_wrapper div#jobs_wrapper>div:first-child label {
    padding-right: 10px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .job_profile_search .front_head_wrapper {
        flex-flow: column-reverse;
    }

    .working_wrapper .panel-body .radio-list label:not(:first-child) {
        margin-left: 0;
    }

    .working_wrapper .panel-body .radio-list {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: wrap;
    }

    .working_wrapper .panel-body .radio-list label {
        width: 50%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 6px
    }

    .working_wrapper .panel-body .radio-list label>span {
        margin-right: 8px;
    }

    .working_wrapper div#jobs_wrapper>div>label {
        float: left;
    }

    .working_wrapper {
        margin: 0;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .job_profile_search .front_head_wrapper {
        flex-flow: column-reverse;
    }

    .working_wrapper .panel-body .radio-list label:not(:first-child),
    .working_wrapper .panel-body .radio-list label:not(:last-child) {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    table.job_search_like_table tbody tr td:last-child a {
        margin-top: 5px;
    }
}

/*
***********************************************************************************
************************      Dashboard page          ***********************
***********************************************************************************
*/
.dash_boadrd .widget {
    padding: 25px;
    border-radius: 5px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
    color: #292929;
}

.dash_boadrd .widget .progress {
    width: 100%;
    background: #e9ecef;
    margin: 8px 0;
    height: 10px;
    line-height: 8px;
    border-radius: 10px;
}

.dash_boadrd .widget .stats-icon {
    font-size: 48px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
}

.pad_t_b>div>a:hover,
.pad_t_b>div>a:active {
    background: rgba(189, 144, 29, 0.7);
}

@media only screen and (min-width: 1200px) {
    .card_wrapper .card-block {
        padding-right: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dash_boadrd .widget {
        padding: 15px;
    }

    .widget_wrapper>div:nth-child(1) {
        padding-right: 0;
    }

    .widget_wrapper>div:nth-child(2) {
        padding-right: 0;
    }

    .widget_wrapper>div:nth-child(4) {
        padding-right: 0;
        margin-top: 15px;
    }

    .dash_boadrd .widget {
        padding: 15px;
    }

    .dash_boadrd .widget .stats-icon {
        font-size: 38px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dash_boadrd .widget .stats-icon {
        font-size: 38px;
    }

    .dash_boadrd .widget {
        padding: 15px;
    }
}

.btn_theme_color,
.btn_theme_color_blue {
    background: #00cded;
    border: none;
    color: #fff;
    transition: ease-in-out .15s;
}

.btn_theme_color:hover,
.btn_theme_color:active,
.btn_theme_color:focus {
    background-color: #cd2010 !important;
    box-shadow: none !important;
    border: none;
    color: #fff;
}

.btn_theme_color_blue:hover,
.btn_theme_color_blue:active,
.btn_theme_color_blue:focus {
    background-color: #526489 !important;
    box-shadow: none !important;
    border: none;
    color: #fff;
}

@media only screen and (orientation: portrait) and (max-width: 767px) {
    .widget_wrapper>div:not(:last-child) {
        margin-bottom: 15px;
    }
}


/*
********************
8 - May - 2020 
********************
*/
/*
***********************************************************************************
************************      Profile page Desgins          ***********************
***********************************************************************************
*/
body.only_for_profile .form-control:focus {
    border-color: #00cded;
    outline: 0;
    box-shadow: unset;
}

.heading_history_wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    margin-bottom: 15px;
}




body.only_for_profile ul#ioniconsTab li:hover a {
    color: #fff;
}

body.only_for_profile .heading_history_wrapper ol {
    margin-bottom: 0;
}

body.only_for_profile .heading_history_wrapper ol li:not(:first-child)::before {
    content: " / ";
}

body.only_for_profile .heading_history_wrapper ol li:not(:last-child) {
    padding: 0 6px 0 0;
}

div.change_pass form#frmProfile div#passwordStrengthDiv {
    display: none;
}

body.only_for_profile form#frmProfile select#mst_states_id,
body.only_for_profile form#frmProfile select#countries,
body.only_for_profile form#frmProfile select#profile_access {
    display: block !important;
}

body.only_for_profile form#frmProfile .bootstrap-select {
    display: none !important;
}

.like_inner_container {
    padding: 60px;
}

.dash_boadrd .widget .stats-desc {
    min-height: 48px;
}

body.dash_boadrd .like_inner_container {
    padding: 20px 0 0;
   
}

body.dash_boadrd.for_pro_people .like_inner_container {
    padding: 20px 0 0;
   
    background: transparent;
}

body.dash_boadrd {
    background-color: #f7f7f7;
}

.like_inner_container>.content {
    background: transparent;
}

.widget_wrapper {
    margin: 0 -7.5px;
}

.widget_wrapper>div {
    padding: 0 7.5px;
    margin-top: 15px;
}

.secondary_wrapper h5.dash_heading {
   font-family: "Plus Jakarta Sans", sans-serif;
}

.pad_t_b .number {
    padding-right: 15px;
}


.widget_wrapper>div {
    flex: 0 0 20%;
    max-width: 20%;
}

.dash_boadrd .widget {
    padding: 15px;
}

.dash_boadrd .widget .stats-icon {
    align-self: self-start;
    width: 64px;
    min-width: 64px;
    height: 64px;
    background: #f5f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.rem_for_pass a.pull-right:hover {
    
    transition: ease 0.2s;
    color: rgb(0, 142, 192);
}


body.my_freelancer_page .heading_history_wrapper ol li:not(:last-child) {
    padding: 0 6px 0 0;
}

body.my_freelancer_page .heading_history_wrapper ol li:not(:first-child)::before {
    content: " / ";
}

/*
********************
9 - May - 2020 
********************
*/
/*
***********************************************************************************
************************      My Freelancer Design          ***********************
***********************************************************************************
*/

body.my_freelancer_page .heading_history_wrapper ol li a {
    color: #00cded;
}

ol.breadcrumb ol li a {
    color: #00cded;
}

div#my_freelancers_length label {
    padding-right: 10px;
}

div#my_freelancers_length label select {
    margin: 0 8px;
    border-radius: 4px;
}

div#my_freelancers_filter label input[type="search"] {
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    margin-left: 6px;
    max-width: 200px;
    padding: 4px 8px;
}

.job_profile_search div#content>.row {
    margin: 0;
}

ol.breadcrumb a {
    color: #00cded !important;
}

ol.breadcrumb li:not(:first-child)::before {
    content: " / ";
}

ol.breadcrumb li {
    padding: 0 6px 0 0;
}



body.only_for_profile form input.form-control,
body.only_for_profile form select.form-control {
 
    font-size: 15px;
    height: 35px !important;
}




.front_head_wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
}

.bg_theme_light_blue {
    background: #eaf6fa;
}



div#job_bids_wrapper div:first-child label {
    padding-right: 10px;
   
}

div#job_bids_processing {
    padding-top: 4px;
}

div#job_bids_wrapper div#job_bids_filter label {
    font-weight: 600;
}

div#job_bids_wrapper div:first-child label select {
    margin: 0 8px;
    border-radius: 4px;
    background: #fff;
}

div#job_bids_wrapper div#job_bids_filter label input {
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    margin-left: 6px;
    max-width: 200px;
    padding: 4px 8px;
}

.like_jobs_bid_page .panel-body .radio-list label {
    position: relative;
    padding-left: 2px;
}

.like_jobs_bid_page .panel-body .radio-list>label:not(:first-child) {
    margin-left: 12px;
}

.like_jobs_bid_page .panel-body .radio-list label input[type="radio"] {
    opacity: 0;
}

.like_jobs_bid_page .panel-body .radio-list {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}


.like_jobs_bid_page .panel-body .radio-list label.checkbox-inline {
    padding-left: 5px;
    line-height: 1.8;
}

body.like_jobs_bid_page div.modal {
    background: rgba(0, 0, 0, 0.25);
}

body.like_jobs_bid_page div.modal .form-control:focus {
    border-color: #00cded;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 142, 192, 0.25);
}

div#content {
    padding-bottom: 0;
    padding-top: 0;
}

.mana_emply .wrapper_m_m_e p a {
    color: #fff;
}

.red_dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #c32323;
    border-radius: 50%;
    border: 2px solid #f5b1b1;
    box-sizing: content-box;
}

@media only screen and (max-width: 600px) {
    body.only_for_profile form {
        width: 100%;
    }

   

    .heading_history_wrapper {
        flex-flow: column;
    }

    body.only_for_profile .heading_history_wrapper ol {
        margin-bottom: 10px;
    }

    div#my_freelancers_filter label {
        float: left;
    }
}



body.its_job_in_detail_page .panel-body .panel-heading-btn {
    display: none;
}

.its_contact_for_job_page .panel-heading-btn,
.like_page_my_bids .panel-heading-btn {
    display: none;
}

.its_contact_for_job_page div#add_new_container {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
}

.social.bor_btm>ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
}

.social.bor_btm a i {
    font-size: 14px;
    width: auto;
    line-height: 1;
    
}

.social.bor_btm a {
    background: transparent;
    color: #00cded;
    text-decoration: none;
    margin: 0;
    border-radius: 50% !important;
    line-height: 1;
    width: 26px;
    height: 26px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: content-box;
    border: 1px solid #00cded;
    cursor: pointer;
    transition: ease 0.25s;
}

.social.bor_btm>ul>li:not(:first-child),
.social.bor_btm>ul>li:not(:last-child) {
    margin: 0 4px 0 0;
}

.social.bor_btm a:hover {
    background: #00cded;
    color: #fff;
}

body.its_job_edit_page .panel-body {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
}

body.its_job_edit_page .panel-body form#frmJob {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

body.its_job_edit_page .panel.panel-default>.panel-heading {
    margin-bottom: 20px;
}

body.profile_page .main_wrapper ul.sidebar_nav.nav-pills {
    margin-top: 8px;
}

.needed_class_01 {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
}

span.help-block {
    color: #f00 !important;
}


/*
********************
11 - May - 2020 
********************
*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .profile_info>div:last-child>div {
        float: right;
    }

    .profile_info>div:last-child {
        padding-right: 0;
    }

    .main_wrapper {
        padding: 0;
    }

    .social.bor_btm>ul>li:not(:first-child),
    .social.bor_btm>ul>li:not(:last-child) {
        margin: 2px;
    }

    .bor_btm {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .member_since_wrapper .job_done i,
    .member_since_wrapper .bor_btm i {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .social.bor_btm>ul>li:not(:first-child),
    .social.bor_btm>ul>li:not(:last-child) {
        margin: 1px;
    }

    .profile_info>div:last-child {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1299px) and (min-width: 1200px) {

    .social.bor_btm>ul>li:not(:first-child),
    .social.bor_btm>ul>li:not(:last-child) {
        margin: 2px;
    }

    .member_since_wrapper>div {
        width: 90%;
    }
}

.member_since_wrapper .hour_rate i,
.member_since_wrapper .job_done i {
    width: 30px;
    margin: 0;
    font-size: 26px;
    text-align: center;
    display: inline-block;
    margin-right: 6px;
}

.member_since_wrapper .hour_rate,
.member_since_wrapper .job_done {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {

    .member_since_wrapper .hour_rate i,
    .member_since_wrapper .job_done i {
        width: 50px;
    }

}

@media only screen and (max-width: 330px) {
    div#jobHistory>div>div {
        padding: 0;
    }
}



.card_wrapper .view_profile a.custom_btn:active {
    background: #526489 !important;
}




@media only screen and (max-width: 550px) {
    .update_button_wrapper input {
        display: block;
        width: 100%;
    }

    body.only_for_profile form>div.form-group {
        padding: 0;
    }

    body.only_for_profile form>.col-ms-12.col-lg-12 div.form-group {
        padding-right: 0;
        padding-left: 0;
    }

   
    body.like_profile_page .update_button_wrapper {
        display: flex;
    }

    body.like_profile_page .update_button_wrapper input {
        display: block;
        width: auto;
    }
}

@media only screen and (max-width: 767px) and (min-width: 601px) and (orientation: landscape) {
    body.only_for_profile div#content ul#ioniconsTab li {
        align-self: stretch;
        line-height: 1;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

    body.only_for_profile form {
        width: 100%;
    }

    body.only_for_profile div#content ul#ioniconsTab {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }

    body.only_for_profile div#content ul#ioniconsTab li {
        width: 24%;
        margin: 0;
    }

    body.only_for_profile .primary_foot {
        margin-top: 100px;
    }
}




@media only screen and (max-width: 330px) {
    body.my_freelancer_page .heading_history_wrapper h1 {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px)and (min-width: 600px) and (orientation: landscape) {
    body.my_freelancer_page .heading_history_wrapper>* {
        width: 50%;
    }

}

@media only screen and (max-width: 1023px)and (min-width: 768px) {
    body.my_freelancer_page .primary_foot {
        margin-top: 100px;
    }

}

@media only screen and (max-width: 330px) {
    body.job_profile_search_page .working_wrapper .panel-body {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .job_profile_search .front_head_wrapper {
        flex-flow: column;
    }
}



body.job_profile_search_page .alert_wrapper .alert.alert-warning {
    max-width: 470px;
    width: 100%;
    margin: 0 auto 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: math-auto;
}

.primary_imp_wrapper .heading_wrp {
    margin-bottom: 0 !important;
    padding: 90px 0 80px;
}

.primary_imp_wrapper .heading_wrp h2 {
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.primary_imp_wrapper header {
    background: gainsboro;
}

@media only screen and (max-width: 550px) {
    .cost_estimated_main .row>div:last-child .image_wrp_inner {
        max-width: 300px;
        min-height: 276px;
    }

    .cost_estimated_main .row>div:last-child .image_wrp_inner img {
        min-height: 276px;
    }
}

@media only screen and (min-width: 551px) and (max-width: 767px) and (orientation: landscape) {
    .cost_estimated_main .row>div:last-child .image_wrp_inner {
        max-width: 300px;
        min-height: 238px;
    }

    .cost_estimated_main .row>div:last-child .image_wrp_inner img {
        min-height: 238px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cost_estimated_main .row>div:last-child .image_wrp_inner {
        max-width: 300px;
        min-height: 238px;
    }

    .cost_estimated_main .row>div:last-child .image_wrp_inner img {
        min-height: 276px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cost_estimated_main .row>div:last-child .image_wrp_inner {
        max-width: 217px;
        min-height: 200px;
    }

    .cost_estimated_main .row>div:last-child .image_wrp_inner img {
        min-height: 200px;
    }
}

.cost_estimated_main .row>div:last-child .image_wrp_inner img {
    min-height: 276px;
}

/*
********************
12 - May - 2020 
********************
*/


body.only_for_profile .modal-dialog form {
    width: 100%;
    flex-flow: column;
}

body.only_for_profile .modal-dialog form .date_wapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}




/*
***********************************************************************************
************************      Profile skills page responsive***********************
***********************************************************************************
*/


@media only screen and (max-width: 767px) and (orientation: portrait) {
    body.like_skills_profile div#skill_cat>label {
        width: auto;
        flex: 1 0 auto;
        max-width: unset;
    }

    body.only_for_profile form>div.col-md-8 {
        padding: 0;
    }

    body.like_skills_profile div#skill_cat>label>label {
        line-height: 1;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 991px) {
    body.like_skills_profile div#skill_cat {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: wrap;
    }

    body.like_skills_profile div#skill_cat>label {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
    }

    body.like_skills_profile div#skill_cat>label::before {
        top: -1px;
    }

    body.like_skills_profile div#skill_cat>label.form-check-label label::before {
        left: -19px;
        top: 0px;
    }

    body.like_skills_profile div#skill_cat>label label {
        padding-left: 3px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    body.only_for_profile form>.col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    body.only_for_profile div#content ul#ioniconsTab li {
        width: 24%;
        margin: 0;
        margin-right: 1%;
    }

    body.only_for_profile div#content ul#ioniconsTab {
        flex-flow: wrap;
        justify-content: flex-start;
    }
}



.for_edit_wrapper a {
    border-radius: 4px;
    margin-left: 4px;
}

.for_edit_wrapper a:first-child i {
    font-size: 20px;
}

.for_edit_wrapper a:hover {
    text-decoration: none;
}

.for_edit_wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}


.pad_t_b ol {
    padding-left: 0;
    list-style: none;
}

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
    .widget_wrapper>div {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .widget_wrapper>div {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    body.dash_boadrd .like_inner_container {
        padding: 40px;
    }

    body.dash_boadrd .widget_wrapper {
        flex-flow: wrap;
    }

    body.dash_boadrd .widget_wrapper>div {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    body.dash_boadrd .widget .stats-desc {
        min-height: 0;
    }

    body.dash_boadrd .pad_t_b ol .wrapper_outer {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        flex-flow: column
    }

    .pad_t_b .like_text p {
        margin-bottom: 8px;
    }

    body.dash_boadrd .pad_t_b ol li {
        margin-bottom: 10px;
    }

    .pad_t_b .like_text,
    .pad_t_b .goto_direct_btn {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    body.dash_boadrd .like_inner_container {
        padding: 10px 0px;
    }

    body.dash_boadrd .widget_wrapper {
        flex-flow: wrap;
    }

    body.dash_boadrd .widget_wrapper>div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    body.dash_boadrd .widget_wrapper>div:not(:last-child) {
        margin-bottom: 0;
    }

    body.dash_boadrd .widget .stats-desc {
        min-height: 48px;
    }

    body.dash_boadrd .like_inner_container h1.page-header {
        text-align: center;
    }

    body.dash_boadrd .secondary_wrapper span.dash_heading {
        line-height: 1;
        margin-bottom: 10px;
        display: inline-block;
        font-size: 36px;
    }

    body.dash_boadrd .pad_t_b ol .wrapper_outer {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        flex-flow: column
    }

    .pad_t_b .like_text p {
        margin-bottom: 8px;
    }

    body.dash_boadrd .pad_t_b ol li {
        margin-bottom: 20px;
    }

    .pad_t_b .like_text,
    .pad_t_b .goto_direct_btn {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    body.dash_boadrd .widget_wrapper {
        flex-flow: column;
    }

    body.dash_boadrd .widget_wrapper>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.dash_boadrd .widget_wrapper>div:not(:last-child) {
        margin-bottom: 0;
    }

    body.dash_boadrd .widget .stats-desc {
        min-height: auto;
    }
}

@media only screen and (max-width: 330px) {
    body.dash_boadrd .widget .stats-desc {
        min-height: 48px;
    }

    .pad_t_b ol {
        padding-left: 0px;
    }
}

body.its_job_notification ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*
********************
13 - May - 2020 
********************
*/
.profile_info h3 a.btn_theme_color_blue {
    font-size: 28px;
}

.profile_info h3 a.btn_theme_color_blue:hover {
    text-decoration: none;
}

.its_contact_for_job_page div#add_new_container ul.token-input-list-facebook {
    border: none;
    font-size: initial;
    width: auto;
    overflow: visible;
}

.its_contact_for_job_page div#add_new_container ul.token-input-list-facebook li {
    float: unset;
}

.its_contact_for_job_page div#add_new_container ul.token-input-list-facebook li input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100% !important;
}

.its_contact_for_job_page div#add_new_container ul.token-input-list-facebook li input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

header.page-header {
    display: none !important;
}

/*
********************
15 - May - 2020 
********************
*/
body.login-v_2 .form-control,
body.login-v_2 .form-control {
    height: 50px !important;
    padding-left: 20px;
}

body.login-v_2 .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 142, 192, 0.25);
}

.forgot_password a:hover {
  
    transition: ease 0.3s;
    color: rgb(0 142 192);
}

.forgot_password a {
    color: rgb(5, 38, 78);
    text-decoration: underline;
}


body.like_message_inbox_page #messagesContainer li {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

body.like_message_inbox_page #messagesContainer li a.email-user {
    display: block;
    min-width: 50px;
    width: 100%;
    max-width: 50px;
}

body.like_message_inbox_page #messagesContainer li a.email-user img {
   
    height: 50px;
    border-radius: 50%;
    width: 100%;
}





@media only screen and (max-width: 767px) and (orientation: portrait) {
    body.like_message_inbox_page .heading_with_buttons_wrappper ul {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;

    }

    body.like_message_inbox_page .heading_with_buttons_wrappper ul li {
        margin-bottom: 5px;
    }
}

.working_wrapper div#jobPaidFromAdmin_wrapper>div:first-child label {
    padding-right: 10px;
}

.working_wrapper div#jobPaidFromAdmin_wrapper>div>label {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    font-weight: 600;
}

.working_wrapper div#jobPaidFromAdmin_wrapper>div:first-child label select {
    margin: 0 8px;
    border-radius: 4px;
}

.working_wrapper div#biddings_wrapper>div:first-child label {
    padding-right: 10px;
}

.working_wrapper div#biddings_wrapper>div>label {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
}

.working_wrapper div#biddings_wrapper>div:first-child label select {
    margin: 0 8px;
    border-radius: 4px;
}

div#jobPaidFromAdmin_processing,
div#biddings_wrapper,
div#profolios_wrapper {
    padding-top: 4px;
}

/* ************************* */

.working_wrapper div#profolios_wrapper>div:first-child label {
    padding-right: 10px;
}

.working_wrapper div#profolios_wrapper>div>label {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    font-weight: 600;
}

.working_wrapper div#profolios_wrapper>div:first-child label select {
    margin: 0 8px;
    border-radius: 4px;
}

.like_its_portfolio_page div.panel-heading-btn {
    display: none;
}

body.like_its_thankyou_page .well_wrapper {
    width: 80%;
    margin: 0 auto;
}

body.like_its_thankyou_page .well_wrapper .progress {
    height: 2rem;
}


body.like_its_thankyou_page .well_wrapper .progress {
    background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;
}

body.like_its_thankyou_page .well_wrapper .progress>div {
    background: transparent;
}

@media only screen and (max-width: 767px) {
    body.like_its_thankyou_page .well_wrapper {
        width: 100%;
    }

    body.its_job_in_detail_page .its_main_outer_pannel>.panel-body {
        flex-flow: column;
    }
}

/*
********************
16 - May - 2020 
********************
*/

/*
*****************************
    Pro Theme Open
*****************************
*/

body.for_pro_people ol.breadcrumb a {
    color: var(--pro_primary) !important;
}



body.for_pro_people .desk_avtr .dropdown-menu a:hover {
    background: var(--pro_primary);
}

body.for_pro_people .form-control:focus {
    border-color: var(--pro_primary);
    box-shadow: unset;
}

body.for_pro_people .btn_theme_pro_color,
body.for_pro_people .btn_theme_pro_color_blue {
    background-color: #293980 !important;
    border: none;
    color: #fff;
    transition: ease-in-out .15s;
}

body.for_pro_people .btn_theme_pro_color:hover,
body.for_pro_people .btn_theme_pro_color:active,
body.for_pro_people .btn_theme_pro_color:focus {
    background-color: var(--pro_secondary) !important;
    box-shadow: none !important;
    border: none;
    color: var(--pro_primary);
}

body.for_pro_people .btn_theme_pro_color_blue:hover,
body.for_pro_people .btn_theme_pro_color_blue:active,
body.for_pro_people .btn_theme_pro_color_blue:focus {
    background-color: #526489 !important;
    box-shadow: none !important;
    border: none;
    color: #fff;
}

.btn_red_on_hover {
    background-color: #00cded;
    box-shadow: none !important;
    border: none;
    color: #fff;
}

body.for_pro_people .btn_red_on_hover {
    background-color: var(--pro_primary) !important;
    box-shadow: none !important;
    border: none;
    color: #fff;
}

.btn_red_on_hover:hover,
.btn_red_on_hover:active {
    background-color: #cd2010 !important;
    color: #fff;
}

body.for_pro_people .btn_red_on_hover:hover,
body.for_pro_people .btn_red_on_hover:active {
    background-color: #cd2010 !important;
    color: #fff;
}


body.for_pro_people div#skill_cat>label::before,
body.for_pro_people div#skill_cat>label.form-check-label label::before {
    border-color: var(--pro_primary) !important;
}

body.for_pro_people div#skill_cat>label::before {
    background-color: var(--clWhite);
}

body.for_pro_people span.custom_checkbox,
body.for_pro_people span.custom_checkbox:after {
    border-color: var(--pro_primary) !important;
}

/*
*****************************
    Pro Theme Close
*****************************
*/


.result-list .bg_color_job {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 25px;
    border-radius: 5px;
    color: #575f67;
}


body.jobs_listing_page .search_wrp .row>div>* {
    width: 100%;
}

body.jobs_listing_page section.widget .widget-inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
}



body.jobs_listing_page div#skill_cat>label {
    width: 25%;
    position: relative;
}



body.jobs_listing_page p.its_cate a {
    text-decoration: none;
}

.currently_avai label {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: auto;
}



.currently_avai label input[type="checkbox"] {
    width: 220px;
    height: 24px;
   
}




span.notify_dot {
    top: -2px !important;
    background: var(--pro_secondary);
    color: var(--pro_primary);
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.like_message_inbox_page .bg-silver-lighter .btn-toolbar {
   
    justify-content: space-between;
}

.main_chat_box div.sender_wants_to_say,
.main_chat_box div.receiver_wants_to_say {
    width: 80%;
    background: #f3f3f3
}

.main_chat_box div.sender_wants_to_say {
    float: left;
}

.main_chat_box div.receiver_wants_to_say {
    float: right;
}

.main_chat_box div.sender_wants_to_say ul,
.main_chat_box div.receiver_wants_to_say ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main_chat_box div.sender_wants_to_say ul.media-list img {
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgb(5, 38, 78);
}

.main_chat_box div.sender_wants_to_say ul.media-list .media-body {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
}

.main_chat_box div.sender_wants_to_say ul.media-list .media-body span {
    font-size: 14px;
}

.main_chat_box div.sender_wants_to_say ul.media-list img,
.main_chat_box div.receiver_wants_to_say ul.media-list img {}

body.like_message_inbox_page #messagesContainer li .email-checkbox label input[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
}

body.like_message_inbox_page #messagesContainer li input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    left: 4px;
    top: 0;
    border-width: 0 2px 2px 0;
    width: 6px;
    height: 11px;
}

body.like_message_inbox_page #messagesContainer li .email-checkbox label span.custom_checkbox:after {
    left: 4px;
    top: 0px;
    width: 8px;
    height: 13px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.like_message_inbox_page #messagesContainer li .email-checkbox label span.custom_checkbox {
    top: 5px;
    background-color: transparent;
}

body.like_message_inbox_page #messagesContainer li .email-checkbox label {
    cursor: pointer;
    margin-right: 10px;
}

body.only_for_profile .work_ability .radio label .custom_radio {
    border-color: var(--pro_primary);
    left: -3px;
}

body.only_for_profile .work_ability .radio label {
    padding-left: 4px;
}

body.like_setting_profile .work_ability {
    flex-flow: column;

    display: flex;
    padding-top: 10px;
}

body.like_setting_profile .work_ability .radio {
    margin-right: 15px;
}

body.only_for_profile .work_ability .radio label input[type="radio"] {
    opacity: 0;
}

body.only_for_profile .work_ability .radio label input[type="radio"]:checked~.custom_radio::before {
    display: block;
}

body.only_for_profile .work_ability .radio label .custom_radio::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 2px;
    background: var(--pro_primary);
    left: 2px;
    border-radius: 50%;
    display: none;
}

body.like_message_inbox_page #messagesContainer li p.email-desc {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    max-height: initial;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 85%;
}

/*
********************
18 - May - 2020 
********************
*/
section.quckpro_client_main .container .row {
    justify-content: center;
}

.posts_wrapper .card_wrapper img {
    min-width: 120px;
    max-width: 120px;
    height: 120px;
    border-radius: 50% !important;
}

.outer_itmes ._heading h5 {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card_wrapper h6 {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    section.services_sec .card_wrapper .primary {
        flex-grow: 1;
        flex-flow: column;
    }

    section.services_sec .card_wrapper .right_item {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;

    }

    section.services_sec .card_wrapper .right_item .cost {
        text-align: left;
    }

    section.services_sec .card_wrapper .secondary>p.mb-1 {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: wrap;
        align-items: center;
    }

    section.services_sec .card_wrapper .primary .left_item h6.card-title {
        flex-flow: column;
        align-items: flex-start;
    }

    .voting {
        flex-flow: wrap;
    }

    .card_footer_item .view_profile {
        margin-top: 6px;
    }

    section.services_sec .card_wrapper .primary .left_item h6.card-title span.badge {
        padding-right: .6em !important;
        padding-left: .6em !important;
    }

    .main_wrapper>div.primary_wrapper {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .outer_itmes ._heading h4 {
        flex-flow: column;
        align-items: flex-start;
    }

    div#feedback_ratings .inpt_wrapper label a {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .card_wrapper .left_item h6 {
        flex-flow: row;
        align-items: flex-start;
    }
}

.card_wrapper span.custom_badge {
    border-color: #bfbfbf !important;
}

.checkbox.inpt_wrapper label input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    left: 4px;
    top: 0px;
}

.outer_itmes button {
    padding-right: 0;
    padding-left: 0;
}

.checkbox.inpt_wrapper label input {
    opacity: 0;
}

.checkbox.inpt_wrapper label {
    position: relative;
    line-height: 1;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
}

@media only screen and (max-width: 991px) {
    div.dataTables_wrapper {
        overflow: scroll;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {


    .outer_itmes ._heading h4 {
        flex-flow: column;
        align-items: flex-start;
    }

    .wrapper_of_t_a {
        flex-flow: column !important;
    }

    .card_wrapper .left_item h6 {
        flex-flow: column;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .outer_itmes ._heading h4 {
        flex-flow: column;
        align-items: flex-start;
    }

    
    .main_section {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .main_section {}
    .services_sec .selection_side {
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        max-width: 25%;
    }
    .services_sec .main_content {
        flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        max-width: 75%;
    }
    
    section.services_sec .card_wrapper>.card>.card_img {
        width: 20%;
    }
    section.services_sec .card_wrapper>.card>.card-block.w-100 {
        width: 80% !important;
    }
    section.mobile_app_download .col-sm-12>img {
        display: block;
        margin: 0 auto;
        padding-bottom: 6rem;
    }


}

body.its_job_notification ul.timeline li {
    position: relative;
    display: inline-block;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding: 15px;
    /*background: #eaf6fa;*/
}

body.its_job_notification ul.timeline li i.fa.fa-bullhorn {
    display: none;
}


body.its_job_notification ul.timeline li a[href="javascript:void(0);"] {
   
    color: rgb(5, 38, 78);
}

body.its_job_notification ul.timeline li a[href="javascript:void(0);"]:hover {
    color: rgb(5, 38, 78) !important;
    text-decoration: none !important;
    cursor: inherit;
}

body.its_job_notification ul.timeline li a:hover {
    background-size: 4px 50px;
    text-decoration: none;
   

}

body.its_job_notification ul.timeline {
    position: relative;
    padding-left: 40px;
    margin-left: 20px;
    display: flex;
    flex-flow: column;
    padding-bottom: 20px !important;
}

body.its_job_notification ul.timeline li:not(:last-child)::before {
    content: "\f0a1";
    font-family: "FontAwesome";
    font-size: 26px;
    color: #fff;
    position: absolute;
    left: -60px;
    background: #00cded;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -4px;
    border-radius: 50%;
}





/*
********************
18 - May - 2020 
********************
*/
header.header {

   
    z-index: 39;
    width: 100%;
}


.wrapper_of_t_a p.show_online {
    max-width: 160px;
    width: 100%;
}

.banner_inner_wrp i.fa.fa-map-marker {
    color: #00cded;
    font-size: 24px;
    left: 16px;
}

.banner_inner_wrp form input {
     padding: 10px 0 8px 40px;
    border: 0;
    max-width: 230px;
    color: #526489;
    border-radius: 4px 0 0 4px;
    width: auto;
    
}

.banner_inner_wrp form select.location {
    height: 45px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 4px 4px 0;
  
}

.banner_inner_wrp {
    max-width: 680px;
    width: 100%;
}

.banner_inner_wrp span.help-block {
    display: inline-block;
    position: fixed;
    width: 100%;
    bottom: -36px;
    max-width: 230px;
    background: #ffa8a8;
    color: #770000 !important;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid;
}

.banner_inner_wrp span.help-block::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    transform: rotate(180deg) translateX(50%);
    -webkit-transform: rotate(180deg) translateX(50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #700;
}

@media screen and (max-width: 767px) {
    .find_professionals_main .btn_wraper li a {
        width: 100%;
        margin-top: 8px;
    }
}

section.home_banner {
    position: relative;
}

@media screen and (max-width: 767px) {
    .banner_inner_wrp span.help-block {
        max-width: 150px;
        background: #ffa8a8;
        color: #770000 !important;
        padding: 5px;
        text-align: center;
        border-radius: 4px;
        border: 1px solid;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
   

    body.jobs_listing_page div#skill_cat>label {
        width: 100%;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.jobs_listing_page .search_wrp .row>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    body.jobs_listing_page div#skill_cat>label {
        width: 50%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    body.jobs_listing_page .search_wrp .row>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 50%;
    }

    body.jobs_listing_page div#skill_cat>label {
        width: 25%;
    }
}

@media screen and (max-width: 991px) {
    div#content {
        padding-top: 55px;
    }

    body.jobs_listing_page div#skill_cat {
        flex-flow: wrap !important;
    }

    body.jobs_listing_page form#frmSearchJobs {
        padding: 0;
    }

    body.jobs_listing_page .search_wrp .row>div:not(:last-child) {
        margin-bottom: 10px;
    }

    .lancer_head_bg .search_wrp .form-row {
        flex-flow: wrap !important;
        justify-content: flex-start;
    }

    body.jobs_listing_page div#skill_cat>label:last-child * {
        margin-bottom: 0 !important;
    }

    .advanceserach_container .row>.col-md-12.my-3 {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    body.jobs_listing_page form#frmSearchJobs {
        padding: 20px;
    }
}

/*
********************
20 - May - 2020 
********************
*/


.title_d a {
    background-color: #00cded;
    color: #fff;
    text-decoration: none;
}

.title_d a:hover {
    background-color: #526489;
    color: #fff;
    text-decoration: none;
}

body.for_pro_people .title_d a {
    background-color: var(--pro_primary);
    color: #fff;
    text-decoration: none;
}

body.for_pro_people .title_d a:hover {
    background-color: var(--pro_secondary);
    color: #fff;
    text-decoration: none;
}

.tbl_cont {
    overflow: auto;
}

/*
********************
20 - May - 2020 
********************
*/


.currently_remote label {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: auto;
}

.currently_remote label span.cus_remote {
    position: absolute;
    width: 325px;
    right: -115px;
    height: 100%;
    border-radius: 4px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 7px -3px #8a8a8a;
    cursor: pointer;
    border-radius: 2px;
}

.currently_remote label input[type="checkbox"] {
    width: 220px;
    height: 24px;
    opacity: 0;
}

.currently_remote label span.cus_remote::before {
    content: "Offer Remote Services";
    left: 0;
    border-radius: 3px 0 0 3px;
}

.currently_remote label span.cus_remote::after {
    content: "Travel to Client";
    right: 0;
    border-radius: 0 3px 3px 0;
}

.currently_remote label span.cus_remote::before,
.currently_remote label span.cus_remote::after {
    position: absolute;
    padding: 0 10px;
    height: 100%;
}

.currently_remote label input[type="checkbox"]:checked~span.cus_remote::before {
    background: #293980;
    color: #fff;
}

.currently_remote label input[type="checkbox"]:not(:checked)~span.cus_remote::after {
    background: #293980;
    color: #fff;
}

body.add_job_page_is .page-header-fixed .post_job_panel {
    padding-right: 0;
    padding-left: 0;
    background: #fff;
    padding: 40px 35px;
    border-radius: 5px;
    margin-bottom: 0;
    max-width: 760px;
    margin: 0 auto;
    color: rgb(5, 38, 78);
}


body.add_job_page_is .status_radio_wrapper>label {
    position: relative;
    padding-left: 4px;
}

body.add_job_page_is .status_radio_wrapper>label input[type="radio"] {
    opacity: 0;
}

body.add_job_page_is .status_radio_wrapper>label input[type="radio"]:checked~.custom_radio::before {
    display: block;
}

body.add_job_page_is .status_radio_wrapper>label .custom_radio::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    display: none;
}

.custom_radio::before {
    background-color: #00cded;
}

body.for_pro_people .custom_radio::before {
    background-color: var(--pro_primary);
}

.custom_radio {
    border-color: #00cded;
}

body.for_pro_people .custom_radio {
    border-color: var(--pro_primary);
}

body.dash_boadrd.modal-open span.cus_radio label .custom_radio::before {
    width: 6px;
    height: 6px;
    background: #f6ad03;
}

body.dash_boadrd.modal-open .custom_radio {
    border-color: #f6ad03;
    border-width: 2px;
}

body.add_job_page_is input[type="text"]:focus,
body.add_job_page_is select:focus,
body.add_job_page_is textarea:focus {
    border-color: #00cded;
    outline: 0;
   
    box-shadow: unset;
}

body.add_job_page_is .status_radio_wrapper>label:not(:last-child) {
    margin-right: 15px;
}



.attachment_contains .well img {
    width: 100%;
    height: 100%;
}

.attachment_contains .well .mg_wrpr {
    width: 80px;
    height: 80px;
    overflow: hidden;
   
}

.title_d {
    width: auto;
 
}

.title_d .btns {
    max-width: 110px;
}

.attachment_contains .well .title_d a {
   
    width: 48%;
}

.attachment_contains .well .title_d h6 {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    body.add_job_page_is .page-header-fixed .post_job_panel {
        padding: 20px 25px;
    }

    body.add_job_page_is .status_radio_wrapper>label {
        flex: 0 0 50%;
        max-width: 50%;
    }

   

    .attachment_contains .well .title_d {
        flex-grow: 1;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.add_job_page_is .page-header-fixed .post_job_panel {
        padding: 30px 15px;
    }

    body.add_job_page_is .status_radio_wrapper>label {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media screen and (max-width: 767px) {
    body.add_job_page_is .status_radio_wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    body.add_job_page_is .status_radio_wrapper>label:not(:last-child) {
        margin-right: 0;
    }

    body.add_job_page_is .attachment_contains .well {
        flex-flow: row;
        justify-content: flex-start;
    }

    body.add_job_page_is .attachment_contains .well .mg_wrpr {
        margin-right: 15px;
    }

}

@media screen and (max-width: 330px) {
    body.add_job_page_is .attachment_contains .well .title_d {
        width: 100%;
    }

    body.add_job_page_is .attachment_contains .well {
        flex-flow: column;
        align-items: flex-start;
    }


}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body.add_job_page_is .attachment_contains .well .mg_wrpr {
        /*margin-right: 8px;*/
    }

}

@media screen and (min-width: 1200px) {
    body.add_job_page_is .attachment_contains .well .title_d {
        /*width: 60%;*/
    }
}




/*
********************
21 - May - 2020 
********************
*/
@media screen and (max-width: 767px) and (orientation: portrait) {
    body.add_job_page_is div.skills_cont>label {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.add_job_page_is div.skills_cont>label {
        width: 49% !important;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 4px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 767px) {
    div.skills_cont {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: wrap;
    }

    body.add_job_page_is .btn_wraper input {
        display: inline-block;
        width: 49%;
    }
}

body.job_profile_search_page .modal-dialog .p-15,
body.bids_contract .modal-dialog .p-15,
body.its_job_in_detail_page .modal-dialog .p-15 {
    margin: 0 !important;
    width: 100%;
    /*padding: 30px;*/
    position: relative;
}

body.job_profile_search_page .modal-dialog .p-15 button.close,
body.bids_contract .modal-dialog .p-15 button.close,
body.its_job_in_detail_page .modal-dialog .p-15 button.close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    height: 30px;
    opacity: 1;
    background: #ff1515;
    color: #fff;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    float: unset;
    padding: 0;
    margin: 0;
    border-radius: 50%;
}

body.job_profile_search_page .modal-dialog .p-15 .row,
body.bids_contract .modal-dialog .p-15 .row,
body.its_job_in_detail_page .modal-dialog .p-15 .row {
    padding: 0 !important;
    margin: 0;
}

body.job_profile_search_page .modal-dialog .p-15 form,
body.bids_contract .modal-dialog .p-15 form,
body.its_job_in_detail_page .modal-dialog .p-15 form {
    width: 100%;
}

body.bids_reports .form_wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}


body.bids_reports .src_wrppr label {
    font-weight: 900;
    margin-bottom: 0;
}

body.bids_reports .src_wrppr label input {
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    margin-left: 6px;
    max-width: 200px;
    padding: 4px 8px;
}

body.bids_reports div#reports_wrapper>div:first-child label {
    padding-right: 10px;
}

body.bids_reports div#reports_wrapper>div>label {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    align-items: center;
    font-weight: 600;
}

body.bids_reports div#reports_wrapper>div:first-child label select {
    margin: 0 8px;
    border-radius: 4px;
}

body.bids_reports div#reports_wrapper>div label input {
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    margin-left: 6px;
    max-width: 200px;
    padding: 4px 8px;
}

div#reports_processing {
    padding-top: 4px;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .front_head_wrapper {
        flex-flow: column;
    }

    body.bids_reports .form_wrapper {
        flex-flow: column;
    }

    body.bids_reports .src_wrppr label {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
    }

    body.bids_reports .form_wrapper .src_wrppr {
        width: 100%;
    }

    body.bids_reports .src_wrppr label input {
        margin-left: 0;
        width: 100%;
        max-width: 1100%;
    }

    body.bids_reports .form_wrapper .btn_wraper {
        padding-top: 10px;
    }

    body.bids_reports .form_wrapper .btn_wraper a {
        display: inline-block;
        width: 49%;
    }

    body.bids_reports .form_wrapper .btn_wraper {
        width: 100%;
    }

    body.bids_reports div#reports_wrapper>div>label {
        float: left;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .front_head_wrapper {
        flex-flow: column;
    }

    body.bids_reports .form_wrapper {
        flex-flow: column;
    }

    body.bids_reports .src_wrppr label {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        width: 49%;
    }

    body.bids_reports .form_wrapper .src_wrppr {
        width: 100%;
    }

    body.bids_reports .src_wrppr label input {
        margin-left: 0;
        width: 100%;
        max-width: 1100%;
    }

    body.bids_reports .form_wrapper .btn_wraper {
        padding-top: 10px;
    }

    body.bids_reports .form_wrapper .btn_wraper a {
        display: inline-block;
        width: 49%;
    }

    body.bids_reports .form_wrapper .btn_wraper {
        width: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }

    body.bids_reports .form_wrapper .src_wrppr {
        width: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.bids_reports .form_wrapper {
        flex-flow: row;
        align-items: flex-end;
    }

    body.bids_reports .src_wrppr label {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        width: 49%;
    }

    body.bids_reports .form_wrapper .src_wrppr {
        width: 100%;
    }

    body.bids_reports .src_wrppr label input {
        margin-left: 0;
        width: 100%;
        max-width: 1100%;
    }

    body.bids_reports .form_wrapper .btn_wraper {
        padding-top: 10px;
    }

    body.bids_reports .form_wrapper .btn_wraper a {
        display: inline-block;
        width: 49%;
    }

    body.bids_reports .form_wrapper .btn_wraper {
        width: 49%;
        display: flex;
        justify-content: space-between;
    }

    body.bids_reports .form_wrapper .src_wrppr {
        width: 49%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;

    }
}


.like_jobs_bid_page .panel-body .radio-list label input[type="radio"]:checked~.custom_radio::before {
    display: block;
}

.like_jobs_bid_page .panel-body .radio-list label .custom_radio::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 2px;
    background: #00cded;
    left: 2px;
    border-radius: 50%;
    display: none;
}

.like_jobs_bid_page .panel-body .radio-list label input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    left: 4px;
    top: 0px;
}

.like_jobs_bid_page .panel-body .radio-list label span.custom_checkbox:after {
    left: 4px;
    top: 0px;
    width: 8px;
    height: 13px;
    border: solid #00cded;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*
********************
22 - May - 2020 
********************
*/

/*.link_eff{
    background: -webkit-gradient( linear, left top, left bottom, from(#00cded), to(#00cded) );
    background: linear-gradient( to bottom, #00cded 0%, #00cded 100% );
    color: #00cded;
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    text-decoration: none;
    -webkit-transition: background-size .5s, color .5s;
    transition: background-size .5s, color .5s;
    text-decoration: none;
    display: inline-block;
}
body.for_pro_people .link_eff {
    background: -webkit-gradient( linear, left top, left bottom, from(var(--pro_primary)), to(var(--pro_primary)) );
    background: linear-gradient( to bottom, var(--pro_primary) 0%, var(--pro_primary) 100% );
    color: var(--pro_primary);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    text-decoration: none;
    -webkit-transition: background-size .5s, color .5s;
    transition: background-size .5s, color .5s;
    text-decoration: none;
    display: inline-block;
}
body.for_pro_people .link_eff:hover, .link_eff:hover {
    background-size: 4px 50px;
    text-decoration: none;
    color: var(--clWhite) !important;
    text-decoration: none !important;
}*/
@media screen and (max-device-width: 450px) {
    body.for_pro_people .open_for_main>.row {
        background: var(--pro_secondary);
    }
}

body.for_pro_people ul.timeline li {
    /*background: var(--pro_bg_light);*/
}

/*body.for_pro_people ul.timeline li a[href*="https"],
body.for_pro_people ul.timeline li span.username a{
    background: -webkit-gradient( linear, left top, left bottom, from(var(--pro_primary)), to(var(--pro_primary)) );
    background: linear-gradient( to bottom, var(--pro_primary) 0%, var(--pro_primary) 100% );
    color: var(--pro_primary);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    text-decoration: none;
    -webkit-transition: background-size .5s, color .5s;
    transition: background-size .5s, color .5s;
    text-decoration: none;
    display: inline-block;
}*/
body.its_job_notification ul.timeline li span.username a:hover {
    background-size: 4px 50px;
    /*background: #00cded !important;*/
    /*color: var(--clWhite);*/
    text-decoration: none;
}

body.for_pro_people ul.timeline li a:hover {
    background-size: 4px 50px !important;
    /*background: var(--pro_primary) !important;*/
    /*color: var(--clWhite);*/
    text-decoration: none !important;
}

body.its_job_notification ul.timeline li .timeline-icon {
    /*display: none;*/
    text-align: right !important;
}

.timeline-body body.its_job_notification ul.timeline li .timeline-header {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*body.its_job_notification ul.timeline li .timeline-content {
    padding: 8px 0 0;
}*/
body.its_job_notification ul.timeline {
    max-width: 680px;
}

body.for_pro_people .working_wrapper .panel-heading {
    /*background: var(--pro_primary);*/
}

body.for_pro_people.job_profile_search div#content>.row>.col-md-12,
body.for_pro_people.like_page_my_bids div#content>.row>.col-md-12,
body.for_pro_people.like_its_portfolio_page div#content>.row>.col-md-12 {
    /*background: var(--pro_bg_light);*/
}

.tble_wrppr tbody tr.child td.child {
    padding-left: 10px !important;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .working_wrapper div#biddings_filter label {
        float: left;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .tble_wrppr tbody tr td:last-child {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}

.panel-heading-btn {
    display: none;
}

body.its_my_bids_view .panel-body {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
}

body.for_pro_people .right_well_float .well {
    /*    background: var(--pro_bg_light);
    padding: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;*/
}

body.for_pro_people .right_well_float .well:last-child {
    margin-top: 10px;
}

body.for_pro_people .right_well_float .well .m-10 {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.cove_letter_wrapper ul.nav.nav-pills {
    display: none;
}

.status_of_job {
    /*border: 1px solid var(--pro_primary);
    color: var(--pro_primary);
    border-radius: 3px;*/
}

/* ***************************************** */
div.sender_wants_to_say ul.media-list,
div.receiver_wants_to_say ul.media-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.sender_wants_to_say ul.media-list li.media a,
div.receiver_wants_to_say ul.media-list li.media a {
    display: block;
    float: none;
}

div.sender_wants_to_say ul.media-list .media-body,
div.receiver_wants_to_say ul.media-list li.media .media-body {
    /*   display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    flex-flow: column;
    line-height: 1;*/
}

div.sender_wants_to_say ul.media-list li.media span.text-muted,
div.receiver_wants_to_say ul.media-list li.media span.text-muted {
    order: -1;
    font-size: 14px;
    color: #bdbdbd !important;
}

.bid_confirmation ol {
    padding-left: 1rem !important;
}

.bid_confirmation span.cus_check label {
    padding-left: 8px;
}

.bid_confirmation span.cus_check label span.custom_checkbox {
    left: 0;
}

.bid_confirmation ol strong {
    font-family: "Plus Jakarta Sans", sans-serif;
}

div.sender_wants_to_say ul.media-list li.media a img,
div.receiver_wants_to_say ul.media-list li.media a img {
    max-width: 40px;
    height: 40px;
    border-radius: 50%;
    width: 100%;
}

div.sender_wants_to_say ul.media-list li.media,
div.receiver_wants_to_say ul.media-list li.media {
    align-items: center;
}

body.its_job_in_detail_page .t_i_wrpr a.img_pro img {
    width: 100%;
    min-height: 90px;

}

div.sender_wants_to_say ul.media-list {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}

div.sender_wants_to_say>p,
div.receiver_wants_to_say>p {
    display: flex;
    padding: 10px 25px;
    min-height: 50px;
    align-items: center;
    line-height: 1.1;
    flex-flow: wrap;
    max-width: 660px;
}

div.receiver_wants_to_say ul.media-list li.media {
    display: block;
    /*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-flow: column;*/
}

div.sender_wants_to_say,
div.receiver_wants_to_say {
    /*border: 1px solid black;*/
    /*    border-radius: 5px;
    max-width: 800px;
    width: 100%;*/
}

body.its_job_in_detail_page span.custom_checkbox::after {
    left: 4px !important;
    top: 0 !important;
}

div.sender_wants_to_say>p {
    text-align: right;
     background-color: #efefef;
    padding: 0.75rem 0.5rem;
    border-radius:10px;
    color: #000;
}

body.for_pro_people div.sender_wants_to_say>p {
    background-color: #efefef;
    padding: 0.75rem 0.5rem;
    border-radius:10px;
    color: #000;
}

div.receiver_wants_to_say>p {
     background-color: #efefef;
    padding: 0.75rem 0.5rem;
    border-radius:10px;
    color: #000;
}

body.for_pro_people div.receiver_wants_to_say>p {
    background-color: #efefef;
    padding: 0.75rem 0.5rem;
    border-radius:10px;
    color: #000;
}

div.sender_wants_to_say {
    align-items: flex-end;
}

div.receiver_wants_to_say {
    align-items: flex-start;
}

div.sender_wants_to_say,
div.receiver_wants_to_say {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
}

div.sender_wants_to_say li.media {
    flex-flow: row-reverse;
}

div.sender_wants_to_say li.media img {
    margin-right: 0 !important;
}

div.sender_wants_to_say li.media .media-body {
    /*margin-right: 0;*/
}

/* ********************************************************** */
body.for_pro_people a.post_job,
body.for_pro_people .find_professionals_main .btn_wraper li a,
body.for_pro_people .cost_guid {
    background: #293980;
}

body.for_pro_people a.post_job:hover,
body.for_pro_people .find_professionals_main .btn_wraper li a:hover,
body.for_pro_people .cost_guid:hover {
    background: #526489;
}

body.for_pro_people .quckpro_client_main .text_wrap .get_started {
    background: var(--pro_primary);
}

body.for_pro_people .quckpro_client_main .text_wrap .get_started:hover {
    background: var(--pro_secondary);
    color: var(--pro_primary);
}

body.for_pro_people .banner_inner_wrp form select.location {
    background: var(--pro_primary);
    color: var(--clWhite);
}

body.for_pro_people .banner_inner_wrp i.fa.fa-map-marker {
    color: var(--pro_primary);
}

body.for_pro_people .mana_emply {
    background: var(--pro_primary);
    color: var(--clWhite);
}

body.for_pro_people .color_primary {
    color: var(--pro_primary);
}

body.for_pro_people .find_professionals_main {
    background: var(--pro_bg_light);
}

body.for_pro_people .how_price_wrks_main .heading_wrp h2 .color_primary {
    color: var(--pro_secondary);
}

body.for_pro_people .cost_estimated_main .image_wrp_inner .apsolute_text_wrp {
    background: var(--pro_primary);
}

body.for_pro_people .why_pros_lv_main .inner_col {
    /*background: var(--pro_bg_light);*/
}

body.for_pro_people .contact_us_form button.btn {
    background: var(--pro_primary);
}

section.quckpro_client_main .box-inner figure {
    height: 225px;
    text-align: center;
}

.cove_letter_wrapper {
    /*    background: var(--pro_bg_light);
    padding: 10px;
    border-radius: 4px;*/
}

.status_of_job {
    /*    padding: 5px 0;
    margin-top: 5px;
    line-height: 1; */
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    body.for_pro_people .right_well_float .well .m-10>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.for_pro_people .right_well_float .well:last-child>.row>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .job_appli {
        order: -2;
    }

    /*  .right_well_float {
        order: -1;
        margin-bottom: 10px;
    }*/
    div.sender_wants_to_say ul.media-list li.media a img,
    div.receiver_wants_to_say ul.media-list li.media a img {
        /*max-width: 50px;
        height: 50px;*/
    }

    .back_btn a {
        width: 100%;
    }
}

body.for_pro_people .its_main_outer_pannel .col-lg-5.col-md-5 .well {
    /*background: var(--pro_bg_light);*/
}

@media screen and (max-width: 767px) {
    body.its_job_in_detail_page .about_the_client {
        margin-bottom: 30px;
    }

    body.its_job_in_detail_page .its_main_outer_pannel>.panel-body>div {
        padding: 0;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .attach_support_docs .well {
        flex-flow: column;
    }

    .attach_support_docs .well>div {
        width: 100%;
    }

    /*  .t_i_wrpr {
        flex-flow: column;
    }
    .t_i_wrpr > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }*/
}

/*
********************
23 - May - 2020 
********************
*/
body.bids_reports table a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--pro_primary)), to(var(--pro_primary)));
    background: linear-gradient(to bottom, var(--pro_primary) 0%, var(--pro_primary) 100%);
    color: var(--pro_primary);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    text-decoration: none;
    -webkit-transition: background-size .5s, color .5s;
    transition: background-size .5s, color .5s;
    text-decoration: none;
    display: inline-block;
}

body.bids_reports table a:hover {
    background-size: 4px 50px;
    text-decoration: none;
    color: var(--clWhite) !important;
    text-decoration: none !important;
}

div#containermessagess {
    /*padding: 20px;*/
    /*    border-radius: 5px;
    max-width: 800px;
    width: 100%;*/
}

body.for_pro_people div#containermessagess {
    /*    padding: 20px;
    border-radius: 5px;
    background: var(--pro_bg_light);
    max-width: 800px;
    width: 100%;*/
}

body.its_job_in_detail_page span.d_btn i {
    cursor: pointer;
    color: var(--pro_secondary);
}

body.its_job_in_detail_page span.d_btn {
    color: var(--pro_primary);
    cursor: default;
    text-transform: capitalize;
}

body.its_job_in_detail_page div.d_box {
    /*    background: var(--bg_light);
    border: 1px solid #6464;
    padding: 15px;
    border-radius: 4px;*/
    display: none;
}

body.its_job_in_detail_page.for_pro_people div.d_box {
    /*background: var(--pro_bg_light);
    border: 1px solid #6464;
    padding: 15px;
    border-radius: 4px;*/
    display: none;
}

.pad_t_b .goto_direct_btn a {
    white-space: initial;
}

.modal-backdrop {
    z-index: 0;
}

/*
********************
25 - May - 2020 
********************
*/
body.for_pro_people .profile_info h3,
body.for_pro_people .pq_inner_w div#pills-tabContent h3 {
    color: var(--pro_primary);
}


body.for_pro_people .social.bor_btm a {
    color: var(--pro_primary);
    border-color: var(--pro_primary);
}

body.for_pro_people .social.bor_btm a:hover {
    background: var(--pro_primary);
    color: #fff !important;
}

body.for_pro_people .main_wrapper ul.sidebar_nav.nav-pills .nav-link:hover {
    background: var(--pro_primary);
}

.start_wrpr {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width: 767px) {
    .footer .row h3 {
        margin-bottom: 8px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 991px) {
    .header.foo_is_online div#desk_head {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    div#mob_head {
        display: none !important;
    }
}

/*.modal-open .modal {
    padding-right: 17px;
}
*/
@media screen and (min-width: 1400px) {
    section.home_banner>img {
        width: 100%;
         min-height: 100vh;
    }
}

body.only_for_profile input#userfile::before {
    /*width: 109px;*/
}

body.only_for_profile input#userfile {
    /* margin-top: 10px; */
    padding-left: 30px;
    width: 15px;
    /*margin-left: 5px;*/
    height: 30px;
}

body.like_profile_page.only_for_profile .profile_avatar input[type="file"]::after {
    content: "\f040";
    padding-top: 0;
    color: #fff;
    /*margin-right: 8px;*/
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 18px;
    padding-left: 9px;
}

body.like_education_profile div#addeducation-popup input#userfile {
    max-width: 115px;
    width: 100%;
}

/*
********************
26 - May - 2020 
********************
*/
.post_job_item .post_job {
    color: #fff !important;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.static_wrppr {
    background: var(--bg_light);
}

body.for_pro_people .static_wrppr {
    background: var(--pro_bg_light);
}

body.like_message_inbox_page .wrapper.bg-silver-lighter {
    padding: 10px 0;
}

.msd_count {
    /*    display: inline-block;
    background: #526489;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;*/
}

body.for_pro_people.modal-open .modal-header {
    /*    background: var(--pro_bg_light);
    color: var(--pro_primary);
    border-bottom: 1px solid;*/
    padding: 1rem 30px;
}

body.for_pro_people.modal-open .modal-body {
    /*background:var(--pro_bg_light);*/
}

body.for_pro_people.modal-open .modal-header h4.model-title {
    margin-bottom: 0;
    font-size:16px;
}

/*
********************
27 - May - 2020 
********************
*/
section.home_banner img.img-fluid {
    object-fit: cover;
    width: 100%;
}

body.its_contact_for_job_page .panel-body {
    /*    padding: 20px 10px;
    background: var(--bg_light);
    border-radius: 4px;*/
}

@media screen and (max-width: 600px) {
    body.its_contact_for_job_page .panel-body {
        padding: 15px 0px;
    }

    .heading_history_wrapper {
        margin-bottom: 10px;
    }

    .heading_history_wrapper .breadcrumb {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1200px) {
    body.proffessional_page .checkbox.inpt_wrapper label {
        line-height: 1.4;
        font-size:14px;
        text-transform: capitalize;
    }

}

.contract_status .well {
    background: #fff;
    color: #757575;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 550px) {
    body.its_bid_view_page .panel-body>.form-row .header_wrapper {
        order: -2;
    }

    body.its_bid_view_page .panel-body>.form-row .contract_status {
        order: -1;
    }

}

/*body.like_message_chat div#containermessagess{
    padding: 20px;
}*/

/*
********************
28 - May - 2020 
********************
*/
@media screen and (min-width: 1200px) and (max-width: 1380px) {
    .modal-open header.header {
        padding-right: 17px;
    }

}

.modal-open .modal {
    background: rgba(0, 0, 0, 0.25);
    margin-top: 25px;
}

.working_wrapper .panel-body hr {
    display: none;
}

.modal span.cus_radio label input[type="radio"]:checked~.custom_radio::before {
    display: block;
}

.modal span.cus_radio label .custom_radio::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 2px;
    background: var(--pro_primary);
    left: 2px;
    border-radius: 50%;
    display: none;
}

.cus_radio label {
    cursor: pointer;
}

.cus_radio label input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    opacity: 0;
}

div.bid_confirmation .modal-dialog {
    max-width: 630px;
}

span.cus_check label {
    position: relative;
}

span.cus_check label input[type="checkbox"] {
    opacity: 0;
}

span.cus_check label span.custom_checkbox {
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 2px;
    border: 2px solid #00cded;
    position: absolute;
    display: inline-block;
    top: 2px;
    left: -3px;
}

span.cus_check label input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    left: 3px;
    top: -1px;
}

.modal-body {
    padding: 30px;
}

@media screen and (max-width: 550px) {
    .line {
        width: 38%;
    }
}

/*
********************
29 - May - 2020 
********************
*/
button:focus {
    outline: none;
}

.view_profile {
    align-items: flex-start;
}

button.more_inputs_skill,
button.less_inputs_skill,
.checkbox.inpt_wrapper label {
    cursor: pointer;
}

.checkbox.inpt_wrapper label:hover {
    color: #00cded;
}

.inpt_wrapper label a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.services_sec .selection_side .jRatingColor {
    height: 100% !important;
    top: -6px !important;

}

.services_sec .selection_side .jRatingAverage {
    height: 100% !important;
    top: -26px !important;
}

.services_sec .selection_side .jStar {
    height: 100% !important;
}

.inpt_wrapper label {
    display: block;
    width: 100%;
}

@media screen and (max-width: 767px) {
    section.services_sec {
        /*padding-top: 50px;*/
    }
}

.main_content .feedback_rating .jRatingAverage {
    top: -15px !important;
}

.main_content .feedback_rating .jRatingColor {
    top: -1px !important;
}

.main_content .feedback_rating {
    height: 20px !important;
    width: 100px !important;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.main_content .feedback_rating .jStar {
    width: 95px !important;
    height: 20px !important;
    top: -30px !important;
    background: url('https://www.developerdonald.com/Quiqpro/development/public/templates/skin1/plugins/jRating/jquery/icons/stars.png') repeat-x !important
}

div#feedback_ratings a {
    color: rgb(5, 38, 78);
    cursor: pointer;
    text-decoration: none !important;
}

section.quckpro_client_main .container .row>div {
    margin-bottom: 30px;
}

span.right_navbar_wrp img {
    /*border: 1px solid #cccccc;*/
    margin: -5px 5px 0 0 !important;
}

body.its_my_bids_view.modal-open span.radio.m-nill {
    display: block;
}

span.credits_coin img {
    margin: 0 0 6px 0 !important;
    max-width: 28px;
}

div#contractCloseForm-popup .alert.alert-warning {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}


div#contractCloseForm-popup .alert.alert-warning p {
    margin: 0;
}

body.its_my_bids_view.for_pro_people div#containermessagess {
    padding: 0;
}

body.its_my_bids_view.for_pro_people .cove_letter_wrapper {
    /*padding: 20px;*/
}

div#containermessagess ul.attached-document {
    padding: 0;
    list-style: none;
}

div.sender_wants_to_say ul.attached-document .document-name,
div.sender_wants_to_say ul.attached-document .document-file {
    text-align: right;
}

div.receiver_wants_to_say ul.attached-document .document-name,
div.receiver_wants_to_say ul.attached-document .document-file {
    text-align: left;
}

div.sender_wants_to_say ul.attached-document .document-name a,
div.receiver_wants_to_say ul.attached-document .document-name a {
    font-size: 14px;
}


@media screen and (max-width: 330px) {
    .t_i_wrpr .col {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 767px) {

    body.its_job_in_detail_page .its_main_outer_pannel>.panel-body .col-lg-7.col-md-7>.col-md-12,
    body.its_job_in_detail_page .its_main_outer_pannel>.panel-body .col-lg-7.col-md-7>.col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 600px) {
    body.its_job_in_detail_page.for_pro_people div.d_box .text-right {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) {
    .t_i_wrpr>div.col-md-6.col.col-sm-4.col-lg-5 {
        flex: 0 0 130px;
        max-width: 130px;
    }
}

@media screen and (max-width: 570px) and (orientation: landscape) {
    .t_i_wrpr>div.col-md-6.col.col-sm-4.col-lg-5 {
        flex: 0 0 130px;
        max-width: 130px;
    }
}

@media screen and (max-width: 767px) {
    .modal-body {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .attach_support_docs .well .clearfix {
        display: none !important;
    }

    .attach_support_docs .well {
        /*justify-content: flex-start;*/
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .primary_foot {
        /*margin-top: 90px;*/
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .attach_support_docs .well {
        flex-flow: column;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .bor_btm.rating_star {
        flex-flow: column !important;
        align-items: flex-start;
    }

    .bor_btm.rating_star .start_wrpr {
        flex-flow: column;
    }
}

@media screen and (min-width: 1024px) {
    .desk_avtr>.dropdown-menu {
        /*display: none;*/
        min-width: 12rem;
        padding: 0;
        margin: .125rem 0 0;
        color: #fff;
    }

    .desk_avtr>.dropdown-menu {
        box-shadow: 0px 10px 55px 0px rgba(0, 0, 0, 0.1);
    }

    body.for_pro_people .desk_avtr>.dropdown-menu.show .credits_coin {
        /*color: #fff;*/
    }

    body.for_pro_people .desk_avtr>.dropdown-menu .credits_coin {
        /*background: var(--pro_primary);*/
        color: var(--pro_secondary) !important;
    }

    /*body.for_pro_people  .desk_avtr > .dropdown-menu .credits_coin :hover {
    cursor: default !important;
    background: #526489 !important;
    color: #fff !important;
  }*/
}

/*
*************************************
Professional Page
*************************************
*/

span.review_wrrpr {
    display: inline-block;
    background: #00cded;
    border-radius: 3px;
    padding: 4px 6px;
    color: #fff;
    line-height: 1;
}

.wrapper_of_t_a {
    justify-content: space-between;
    max-width: 550px;
}

.add_nd_soc {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 465px;
    justify-content: space-between;
}


/*
********************
30 - May - 2020 
********************
*/
/*.card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 0%;
    background: #00cded;
    width: 4px;
    animation-name: top_to_bottom;
    animation-duration: 2s;
}
.card {
    position: relative;
}
@keyframes top_to_bottom {
    0% {height: 0%}
    10% {height: 10%}
    20% {height: 0%}
    30% {height: 30%}
    40% {height: 40%}
    50% {height: 50%}
    60% {height: 60%}
    70% {height: 70%}
    80% {height: 80%}
    90% {height: 90%}
    100% {height: 100%}
}
*/

@media screen and (max-width: 330px) {
    .card_wrapper span.custom_badge:not(:first-child) {
        margin: 4px 4px 0 0;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .card_wrapper .add_nd_soc {
        flex-flow: column;
        max-width: 100%;
    }

    .card_wrapper .view_profile {
        flex-flow: column;
    }

    .card_wrapper .view_profile>div {
        width: 100%;
    }

    .card_wrapper .view_profile a.custom_btn {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .card_wrapper .view_profile>div:first-child {
        margin-bottom: 5px;
    }

    .wrapper_of_t_a {
        max-width: 100%;
        flex-flow: column !important;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .card_img {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
        padding: 0 !important;
    }

    .posts_wrapper .card_wrapper img {
        min-width: 70px;
        max-width: 70px;
        height: 70px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .card_img {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
    }

    .posts_wrapper .card_wrapper img {
        min-width: 70px;
        max-width: 70px;
        height: 70px;
        margin-right: 8px;
    }

    .card_wrapper .card .card-block>.primary {
        display: none;
    }

    .footer_para {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .card>.card_img>.primary {
        display: none !important;
    }

    section.services_sec {
        /*padding-top: 50px;*/
    }

    .card_wrapper .left_item h6 {
        flex-flow: row;
        align-items: flex-start;
    }

    .card_wrapper .view_profile {
        flex-flow: column;
    }

    .card_wrapper .view_profile>div {
        width: 100%;
    }

    .card_wrapper .view_profile a.custom_btn {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .card_wrapper .view_profile>div:first-child {
        margin-bottom: 5px;
    }

    body.proffessional_page .checkbox.inpt_wrapper label {
        line-height: 1.3 !important;
    }

}

@media screen and (min-width: 768px) {
    .card>.card_img>.primary {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .wrapper_of_t_a>div:first-child {
        max-width: 130px;
    }

    .wrapper_of_t_a>div:last-child {
        min-width: 330px;
    }

    .wrapper_of_t_a {
        max-width: unset;
    }

    .add_nd_soc {
        max-width: 100%;
    }

    .add_nd_soc>p:first-child {
        max-width: 220px;
    }
}

@media screen and (min-width: 1200px) {
    .wrapper_of_t_a>div:first-child {
        min-width: 400px;
    }

    .wrapper_of_t_a>div:last-child {
        min-width: 330px;
    }

    .wrapper_of_t_a {
        max-width: unset;
        justify-content: flex-start;
    }

    .add_nd_soc {
        max-width: 100%;
    }

    .add_nd_soc>p:first-child {
        min-width: 400px;
    }
}

@media screen and (max-width: 1023px) {
    .result-info .title.row>.col-sm-12.col-md-12 {
        display: flex;
        flex-flow: column;
    }
    div#cookieConsent {
        padding-right: 1rem !important;
    }
    button.navbar-toggler.avtr_title::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        color: rgb(5, 38, 78);
    }

    button.navbar-toggler.avtr_title span {
        color: rgb(5, 38, 78) !important;
    }

    a.nav-link.post_job {
        display: inline-flex;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    button.navbar-toggler.avtr_title {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 331px) and (max-width: 767px) and (orientation: portrait) {
    .card_wrapper span.custom_badge {
        margin: 4px 4px 0 0;
    }
}


/*
********************
01 - June - 2020 
********************
*/
@media screen and (min-width: 1200px) {
    section.quckpro_client_main .box-inner figure img {
        height: 100%;
        /*min-width: 100%; */
    }

}

.login .login-content .alert.alert-success,
.login .login-content .alert.alert-warning {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/*
*******************************************
        Banner Search box
*******************************************
*/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: text;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    /*min-height: 32px;*/
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    /*display: none; */
    list-style: none;
    /* padding: 0; */
    /*    margin-top: 0.5rem;
    width: 100%;*/
    margin-bottom: 0rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    margin-bottom: -2.4rem;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 0;
    margin-left: 0;
    /*padding: 0;*/
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    /*border: 1px solid #aaa;*/
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option--selectable {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    /*padding: 5px;*/
}

.select2-search--dropdown .select2-search__field {
    padding: 9px 0 9px 15px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #bbb;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    /*border: 1px solid #aaa;*/
    border-radius: 4px;
    cursor: text;
    padding-bottom: 0;
    padding-right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    /* cursor: default;*/
    /*padding-left: 2px;
    padding-right: 5px;
    font-size: 14px;*/
    color: #526489;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: none;
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid transparent;
    border-radius: 0 5px 5px 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    box-shadow: 0 50px 20px -10px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
    padding: 0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00cded !important;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
    padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

/*.banner_inner_wrp .select2-container--default .select2-search--inline {
    display: block;
    flex: 1 1 auto;
    max-width: 405px;
}*/

/*
*************************************
Profile checkboxes
*************************************
*/
.grp_of_payment_cat label {
    position: relative;
    padding-left: 6px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.grp_of_payment_cat label input[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
}

.grp_of_payment_cat label input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    /*    left: 5px;
    top: 0px;*/
}

.grp_of_payment_cat label .email-checkbox label span.custom_checkbox:after {
    left: 4px;
    top: 0px;
    width: 8px;
    height: 13px;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.grp_of_payment_cat label {
    width: 25%;
}

.grp_of_payment_cat {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
}

.grp_of_payment_cat label {
    align-items: flex-start;
    margin-bottom: 6px;
}

@media screen and (min-width: 300px) {
    .grp_of_payment_cat label {
        flex: 0 0 auto;
        width: auto;
        margin-right: 15px;
    }
}


@media screen and (min-width: 992px) {
    .grp_of_payment_cat label {
        width: 33.33%;
        margin-right: 0;

    }
}

@media screen and (min-width: 1299px) {
    .grp_of_payment_cat label {
        width: 25%;
    }
}

/*
***************************************
02 - June - 2020
***************************************
*/
.main_wrapper .heding_text2.bor_btm>ul {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 0;
}

section.home_banner .banner_inner_wrp span.select2>span.selection {
    width: 100%;
    display: inline-block;
    height: 100%;
}

section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection span.select2-selection__arrow {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    transition: all ease 0.25s;
    position: relative;
    order: 2;
    right: 10px;
}

section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection {
    border: 0;
    height: 100%;
    /*display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    align-items: center;
    border: none;*/
    border-radius: 0 5px 5px 0;
    outline: none;
}

section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection span#select2-locationZip-container {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    order: 1;
    padding: 0 15px;
    font-weight: 900;
    font-size: 20px;
    color: #7e7e7e;
}

/*section.home_banner .banner_inner_wrp span.select2 > span.selection span.select2-selection span.select2-selection__arrow:hover {
    background: #00cded;
    
}*/
/*section.home_banner .banner_inner_wrp span.select2 > span.selection span.select2-selection span.select2-selection__arrow:hover b{
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
}*/


section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection button.select2-selection__clear {
    order: 3;
    height: 100%;
    margin-right: 0;
    padding: 0 10px;
    background: #00cded;
    font-weight: 900;
    font-size: 30px;
    border: none;
    color: #fff;
    transition: ease-in-out .15s;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: none !important;
    user-select: none;
}

section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection button.select2-selection__clear:hover {
    display: none !important;
    background: #526489;
}

body.for_pro_people section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection button.select2-selection__clear {
    order: 3;
    height: 100%;
    margin-right: 0;
    padding: 0 10px;
    background: var(--pro_primary);
    font-weight: 900;
    font-size: 30px;
    border: none;
    color: #fff;
    transition: ease-in-out .15s;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.for_pro_people section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection button.select2-selection__clear:hover {
    background: #526489;
}

.banner_inner_wrp span.select2 {
    width: 100% !important;
}


@media screen and (max-width: 767px) {
    .banner_inner_wrp form input {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 4px;
    }

    .banner_inner_wrp i.fa.fa-map-marker {
        top: 5px;
        transform: unset;
    }

    .banner_inner_wrp span.select2 {
        width: 87% !important;
        height: 28px;
    }

    section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection button.select2-selection__clear {
        line-height: 1;
        font-size: 30px;
        display: none !important;
    }

    .banner_inner_wrp form {
        flex-flow: wrap;
        box-shadow: unset;
        /*filter: drop-shadow(2px 4px 14px #bfbfbf);    */
    }

    .banner_inner_wrp button.btn.btn_theme_color_blue.btn_theme_pro_color_blue {
        width: 100%;
    }

    section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection span#select2-locationZip-container {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .banner_inner_wrp {
        max-width: 665px;
        width: 100%;
    }

    .banner_inner_wrp form div>input {
        /*border-right: 2px solid #00cded !important;*/
    }

    section.mobile_app_download .col-sm-12>img {
        max-width: 590px;
        display: block;
        margin: 0 auto;
        padding-bottom: 6rem;
    }
}


/*
***************************************
03 - June - 2020
***************************************
*/
@media screen and (max-width: 767px) {
    body.like_message_inbox_page #messagesContainer li .email-info {
        width: 100%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
    }

    body.like_message_inbox_page #messagesContainer li {
        flex-flow: wrap;
    }
}

/*
******************************************
       June, 05 2020
******************************************
*/
@media screen and (min-width: 1200px) {
    section.home_banner img.img-fluid {
        object-fit: cover;
        height: 87vh;
        width: 100%;
    }
}

section.quckpro_client_main .container .row>div>div {
    border-radius: 5px;
}

.cost_estimated_main .row>div:nth-child(n+5) {
    display: none;
}

body.home_page .how_price_wrks_main {
    display: none;
}

body.home_page.for_pro_people .how_price_wrks_main {
    display: block;
}

.inner .image_wrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner .image_wrp {
    height: 260px;
    overflow: hidden;
}

.wrrpr {
       border: 1px solid #adadad;
    border-radius: 5px;
    height: 100%;
    transition: all .3s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.text_wrrpr .avtr {
    text-align: center;
    margin-top: -35px;
    padding-bottom: 6px;
}

.text_wrrpr .avtr img {
    border-radius: 50%;
    display: inline-block;
    height: 35px;
   margin: 25px 80px 0 0px;
    vertical-align: middle;
    width: 35px;
}

.text_wrrpr a {
    color: rgb(5, 38, 78);
    text-decoration: none;
}

.text_wrrpr h4 {
    min-height: 53px;
    font-size: 21px;
}

.text_wrrpr a:hover {
    color: #00cded;
    text-decoration: none;
}

.text_wrrpr ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.text_wrrpr {
    padding: 0 20px 20px;
}

.text_wrrpr ul div {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;

}

.goto_parti {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

section.news_blog_of_quiqpro .heading_wrp h2 font {
    font-family: "Plus Jakarta Sans", sans-serif;
}


/*
******************************************
       June, 08 2020
******************************************
*/
@media screen and (max-width: 767px) and (orientation: portrait) {
    body.jobs_listing_page div#skill_cat>label {
        width: 100%;
        line-height: 1.4;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: end;
        justify-content: flex-start;
    }

    body.jobs_listing_page div#skill_cat>label::before {
        left: 1px;
        top: 2px;
    }

    body.jobs_listing_page div#skill_cat>label.form-check-label label::before {
        left: -17px;
        top: 4px;
    }

    body.jobs_listing_page div#skill_cat>label label {
        padding-left: 5px;
        line-height: 1.5;
    }

    body.jobs_listing_page .result-info>.float-left a {
        display: inline-block;
        margin-top: 8px;
        width: 100%;
    }

    body.jobs_listing_page .result-info>.float-left {
        padding: 0;
    }

    body.jobs_listing_page .result-info p.desc.ad_dec_job {
        margin-bottom: 20px !important;
    }

    body.jobs_listing_page .result-info .location>span {
        display: block;
    }


}

@media screen and (min-width: 1200px) {
    .banner_inner_wrp span.select2 button {
        display: none !important;
    }

    section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection {
        justify-content: space-between;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 22px;
        padding-left: 20px;
    }
}

section.find_pro_in_near_cities .heading_main h2 {
     font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
}

/*section.find_pro_in_near_cities .m_wrrpr{
  background: #ffffff url('https://via.placeholder.com/') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/
section.find_pro_in_near_cities .m_wrrpr .img {
    position: relative;
    /*height: 100%;*/
}

section.find_pro_in_near_cities .m_wrrpr .img img {
    position: absolute;
    z-index: -1;
    width: auto;
    max-width: unset;
    /*object-fit: fill;*/
    height: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    filter: brightness(0.8);
}

section.find_pro_in_near_cities .container>.row>div {
    height: 390px;
    overflow: hidden;
}

section.find_pro_in_near_cities a {
    text-decoration: none !important;
    display: block;
    height: 100%;
}

section.find_pro_in_near_cities .container>.row>div:last-child>.row>div {
    height: 180px;
}

section.find_pro_in_near_cities .container>.row>div:last-child>.row {
    min-height: 180px;
    overflow: hidden;
}

section.find_pro_in_near_cities .container>.row>div:last-child>.row:first-child {
    margin-bottom: 30px;
    overflow: hidden;
}

section.find_pro_in_near_cities .container>.row>div:last-child>.row:first-child img {
    /*height: fit-content;
    display: inline-block;*/
}

section.find_pro_in_near_cities .m_wrrpr {
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
}

section.find_pro_in_near_cities .m_wrrpr .main_text {
    height: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-end;
}

section.find_pro_in_near_cities .m_wrrpr .main_text .innner_wrrpr {
    background: -webkit-linear-gradient(0deg, hsla(0, 0%, 0%, 1.89) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, hsla(0, 0%, 0%, 1.89) 0%, rgba(0, 0, 0, 0) 100%);
    padding-bottom: 30px;
    width: 100%;
    text-align: center;
}

section.find_pro_in_near_cities .m_wrrpr .main_text .innner_wrrpr h5 {
    margin-bottom: 3px;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #fff;
}

section.find_pro_in_near_cities .m_wrrpr .main_text .innner_wrrpr h6 {
    margin-bottom: 3px;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #fff;
}

section.find_pro_in_near_cities .m_wrrpr:hover .main_text .innner_wrrpr h5 {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
}

section.find_pro_in_near_cities .m_wrrpr:hover .main_text .innner_wrrpr h6 {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
}

section.find_pro_in_near_cities .m_wrrpr:hover div.img img {
    transform: scale(1.05);
}

@media screen and (max-width: 767px) {

    section.find_pro_in_near_cities .container>.row>div,
    section.find_pro_in_near_cities .container>.row>div:last-child>.row:first-child {
        margin-bottom: 20px
    }

    section.find_pro_in_near_cities .container>.row>div:last-child>.row:first-child {
        min-height: 320px;
    }

    section.find_pro_in_near_cities .container>.row>div:last-child>.row:first-child img {
        height: -webkit-fill-available;
    }

    section.find_pro_in_near_cities .container>.row>div:last-child {
        height: auto;
    }

    section.find_pro_in_near_cities .container>.row>div:last-child>.row:last-child {
        min-height: unset;
        height: auto;
    }

    section.find_pro_in_near_cities .container>.row>div:last-child>.row:last-child>div {
        min-height: 320px;
        margin-bottom: 20px;
    }

    section.find_pro_in_near_cities .m_wrrpr .img img {
        height: 350px;
        width: 100%;
    }

    section.find_pro_in_near_cities .container>.row>div:first-child {
        min-height: 320px;
        height: unset;
    }

    section.news_blog_of_quiqpro .col-md-4 {
        margin-top: 15px;
    }
}

/*
******************************************
       June, 09 2020
******************************************
*/
.find_professionals_main {
    padding-top: 110px !important;
}

section.why_pros_lv_main .vid_cont {
    border-radius: 5px;
    overflow: hidden;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

section.logo_with_service .l_s_con a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

section.logo_with_service .l_s_con a i {
    font-size: 30px;

}

section.logo_with_service .container>.row>.col-sm-12 {
    position: relative;
}

section.logo_with_service .container>.row>.col-sm-12 .l_s_con {
    position: absolute;
    top: -68px;
    left: 50%;
    transform: translateX(-50%);
}

section.logo_with_service .l_s_con a span {
    display: inline-block;
}

section.logo_with_service .l_s_con>div {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

section.logo_with_service .l_s_con a {
    padding: 10px;
    width: 100%;
    max-width: 130px;
    flex: 1 0 130px;
    min-height: 130px;
    background: #00cded;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-radius: 5px;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .42);
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

section.logo_with_service .l_s_con {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

section.logo_with_service .l_s_con a:hover {
    background: #526489;
    color: #fff;
}

section.logo_with_service .l_s_con a h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.banner_inner_wrp .banner_text h2 {
    text-align: center;
    color: #526489;
}

/*.banner_inner_wrp .select2-container--default .select2-search--inline {width: 100%;position: relative;display: block;}*/
.banner_inner_wrp .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 16px;
    background: #fff !important;
    color: #526489 !important;
    border-radius: 0 5px 5px 0;
    max-width: 100% !important;
    
}

.banner_inner_wrp .select2-container--default .select2-search--inline .select2-search__field[aria-controls="select2-professionalSearch-results"] {
       padding: 10px 0 8px 40px;
    max-width: 700px;
    width: 100% !important;
    opacity: 1;
}

/*.banner_inner_wrp .select2-container--default .select2-search--inline input.select2-search__field.valid {
    opacity: 0;
    width: 0 !important;
    padding: 0;
    display: none;
}*/

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 20px;
    font-weight: 500;
    display: block;
    padding-top: 8px;
}

.banner_inner_wrp .select2-container--default ul::before {
    /*.select2-search--inline*/
    content: "\f007";
    color: #00cded;
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 49%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 24px;
    left: 15px;
}

/*.banner_inner_wrp span.select2.select2-container--open ul {
    width: 0;
    padding-top: 0;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-top: 0;
}*/
.banner_inner_wrp .banner_text h2 {
    /*background: rgba(0, 0, 0, 0.3);*/
    padding: 15px 0;
    border-radius: 5px;
    font-size: 40px;
    line-height: 50px;
    font-weight:700;
   color: rgb(5, 38, 78);
    font-family: "Plus Jakarta Sans", sans-serif;
}

.banner_work h2
{
    border-radius: 5px;
    font-size: 24px;
    line-height: 50px;
    font-weight: 700;
    color: rgb(5, 38, 78);
    font-family: "Plus Jakarta Sans", sans-serif;
    margin-top: 15px;
    justify-content: center;
    display: flex;
}



/*section.home_banner img.img-fluid {*/
/*    filter: brightness(0.5);*/
/*}*/

.banner_inner_wrp form>div>input {
    border-right: 1px solid #d2d2d2;
}

section.find_professionals_main .items>.single_item h4 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
        font-size: 22px;
    
    color:#05264e;
}

body.home_page .find_professionals_main .btn_wraper li:last-child {
    display: none;
}

body.home_page.for_pro_people .find_professionals_main .btn_wraper li:first-child {
    display: none;
}

body.home_page .find_professionals_main .btn_wraper li:first-child {
    display: block;
}

body.home_page.for_pro_people .find_professionals_main .btn_wraper li:last-child {
    display: block;
}

@media (max-width: 991px) and (min-width: 768px) {
    section.home_banner {
        height: 50vh;
    }

    section.home_banner img.img-fluid {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1099px) {
    section.mobile_div_for_tab div#messages {
        display: block;
    }
}

@media (max-width: 1400px) and (min-width: 1300px) {

    section.cost_estimated_main button.slick-prev,
    section.news_blog_of_quiqpro button.slick-prev {
        left: -10px;
    }

    section.cost_estimated_main button.slick-next,
    section.news_blog_of_quiqpro button.slick-next {
        right: -10px;
    }
}

body.home_page.for_pro_people section.logo_with_service .l_s_con a {
    background: #293980;
}

body.home_page section.quckpro_client_main {
    display: none;
}

body.home_page.for_pro_people section.quckpro_client_main {
    display: none;
}

@media screen and (min-width: 1200px) {
    section.find_pro_in_near_cities .container>.row>div {
        height: 490px;
    }

    section.find_pro_in_near_cities .container>.row>div:last-child>.row {
        min-height: 230px;
    }
}

/*
******************************************
       June, 10 2020
******************************************
*/

.slick-next:before,
.slick-prev:before {
    color: #00cded !important;
}

.client_write_tous_main {
    background-image: unset;
}

.lady_img {
    display: block;
    padding-top: 120px;
    text-align: right;
}

.lady_img img {
    min-width: 570px;


}

@media screen and (max-width: 767px) {
    section.logo_with_service .container>.row>.col-sm-12 .l_s_con {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        padding-top: 15px;
    }

    section.logo_with_service .l_s_con>div {
        flex-flow: wrap;
    }

    section.logo_with_service .l_s_con a {
        margin-bottom: 10px;
    }

    section.home_banner>img {
        min-height: 55vh !important;
    }

    .lady_img {
        padding-top: 0;

    }

    section.find_professionals_main .items>.single_item h4 {
        font-size: 14px;
         font-family: "Plus Jakarta Sans", sans-serif;
    }

    .lady_img img {
        min-width: unset;
        width: 100%;
    }

    .why_pros_lv_main .inner_col {
        padding-top: 20px;
    }

    .banner_inner_wrp .banner_text h2 {
        font-size: 20px !important;
        margin-top:-50%;
    }

    .banner_inner_wrp form>div {
        flex-flow: column;
    }

    .banner_inner_wrp form>div .select2-container .select2-selection--multiple {
        min-height: 28px;
    }

    .banner_inner_wrp form>div {
        flex-flow: column;
    }

    .banner_inner_wrp form>div>input[name="zipcode"] {
        margin-bottom: 5px;
    }

    .banner_inner_wrp .select2-container--default .select2-search--inline .select2-search__field {
        height: 100%;
        font-size: 14px;
    }

    .banner_inner_wrp .select2-container--default .select2-search--inline {
        height: 100%;
    }

    .banner_inner_wrp .select2-container--default .select2-search--inline::before {
        font-size: 18px;
        left: 5px;
    }

    section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection {
        border-radius: 4px !important;
    }

    .find_professionals_main {
        padding-top: 40px !important;
    }

    .slick-next {
        right: 18px !important;
    }

    .slick-prev {
        left: 10px !important;
    }

    body.home_page .slick-next {
        right: 0 !important;
    }

    body.home_page .slick-prev {
        left: 0 !important;
    }

    .slick-prev,
    .slick-next {
        z-index: 9 !important;
    }

    section.home_banner .banner_inner_wrp span.select2>span.selection {
        display: block;
    }
}

@media screen and (max-width: 350px) {
    .cost_estimated_main .image_wrp_inner {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1199px) {
    .lady_img img {
        min-width: unset;
    }
}

@media screen and (max-width: 1023px) {
    .lady_img {
        padding-top: 0;
        text-align: center;
    }
}

/*
******************************************
       June, 11 2020
******************************************
*/
@media screen and (max-width: 767px) and (orientation: portrait) {

    section.find_pro_in_near_cities .container>.row>div:last-child>.row:last-child>div,
    section.find_pro_in_near_cities .container>.row>div:last-child {
        margin-bottom: 0;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 14px;
        width: 100%;
        display: inline-block;
    }

    section.find_pro_in_near_cities .container>.row>div:last-child>.row:last-child>div:first-child {
        margin-bottom: 20px;
    }

    body.home_page section.app_andriod_apple .btns_wrap>a {
        width: 45%;
    }

    body.home_page section.app_andriod_apple .btns_wrap>a img {
        width: 100%;
    }

    section.logo_with_service {
        padding: 10px 0 30px;
    }
}

.static_wrppr a {
    word-break: break-all;
}

.login-buttons {
    margin-top: 15px;
}

body.register_user_type .login-header {
    background: rgba(255, 255, 255, 0.3) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 4px 4px 0 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative !important;
    top: unset !important;
    justify-content: space-between;
}

body.register_user_type .login-header .icon {
    position: unset !important;
    top: unset !important;
    left: unset;
    color: rgb(5, 38, 78);
}

.dash_boadrd .widget {
    box-shadow: 0px 0px 6px -4px #696969;
    background-color: #fff;
    flex-flow: row;
    color: #565656;
    transition: ease 0.25s;
}

.dash_boadrd .widget:hover {
    box-shadow: 0 0 1rem -0.6rem #696969;
}

body.for_pro_people .bg_light_pro div#content {
    padding-top: 0px;
}


body.its_job_notification div#content {
    /*    background: url('https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/v211batch10-aum-61-mail_1_1.jpg?bg=transparent&con=3&cs=srgb&dpr=1&fm=jpg&ixlib=php-3.1.0&q=65&usm=15&vib=3&w=800&s=4ed886d937c128fd2a188977fec035ea');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: auto;*/
}

body.its_job_notification .noti_img {
    right: 0;
    position: sticky;
    top: 80px;
    z-index: -999;
}

body.its_job_notification .noti_img img {
    max-width: 600px;
    width: 100%;
}

/*
******************************************
       June, 11 2020
******************************************
*/

@media screen and (min-width: 1200px) {
    body.home_page>span.select2-container.select2-container--default.select2-container--open {
        /*top: 46vh !important;*/
    }
}

.select2-search--dropdown .select2-search__field {
    outline: none;
}

section.cost_estimated_main .heading_wrp h2,
section.find_pro_in_near_cities .heading_main h2,
section.find_professionals_main .heading_main h2,
section.news_blog_of_quiqpro h2.doted_heading {
       font-size: 36px;
    line-height: 45px;
    color: #05264e;
    font-style: normal;
    font-weight: 700;
     font-family: "Plus Jakarta Sans", sans-serif;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    section.logo_with_service .l_s_con>div {
        flex-flow: wrap;
        width: 100%;
    }

    section.logo_with_service .container>.row>.col-sm-12 .l_s_con {
        width: 100%;
        position: relative;
    }

    section.logo_with_service .l_s_con a {
        width: 10%;
        margin-bottom: 10px;
        max-width: 120px;
        height: 120px;
        flex: 1 0 120px;
    }

    section.logo_with_service .container>.row>.col-sm-12 {
        margin-top: -130px;
    }

    section.logo_with_service .container>.row>.col-sm-12 .l_s_con {
        top: 60px;
        width: 100%;
        position: relative;
    }

}


/*  13 06 20 */
body.profile_page section.history {
    background-color: #fff;
}

body.profile_page section.history a,
body.profile_page section.history .col-sm-12 {
    color: #fff;
}




body.profile_page section.primary_detail {
    background-color: #fff;
}

body.profile_page section.primary_detail .wrppr {
    /*       display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
        justify-content: space-between;*/
}

body.profile_page section.primary_detail .img_p_det {
    /*display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;*/

}

body.profile_page section.primary_detail .image {
    /*margin-right: 30px;
        width: 100%;
    max-width: 130px;
        max-height: 130px;*/
}

body.profile_page section.primary_detail .image {
    height: 120px;
    max-width: 120px;
    min-width: 120px;
    width: 100%;
    display: inline-block;
    /*width: 100%;
        height: 100%;*/
}

body.profile_page section.primary_detail .img_p_det>div:first-child {
    /*          margin-right: 30px;
            margin-right: 30px;
            width: 100%;
            max-width: 130px;
            max-height: 130px;
            height: 100%;*/
}

body.profile_page section.primary_detail .name_back {
    /*         display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
              align-items: center;*/
}

body.profile_page section.primary_detail .per_det {
    /*    width: 100%;
          max-width: 540px;*/
}

body.profile_page section.primary_detail .share_save {
    /*display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
          justify-content: flex-end;*/
}

body.profile_page section.primary_detail .per_det .head_wrrp {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 1139px;
}

body.profile_page section.primary_detail .per_det .head_wrrp .about_pro {
    width: 100%;
    max-width: 100%;
}

.list_style_none {
    list-style: none;
}

body.profile_page span.blue_star_mark {
    font: status-bar;
    background: #29aae1;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

body.profile_page .all_details .services_items {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
}

body.profile_page .all_details .sevice_item {
    flex: 1 0 370px;
    max-width: initial;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
    padding-right: 0;
    margin-bottom: 10px;
    width: 100%;
}

@media (max-width: 568px) {
    body.profile_page .all_details .sevice_item {
        flex: 1 0 auto;
        max-width: initial;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
        line-height: 1.3;
        padding-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
}

body.profile_page .all_details .wrpr {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

body.profile_page .all_details .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

body.profile_page .all_details .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 30%;
    max-width: 30%;
}

body.profile_page .all_details .inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:10px;
}

body.profile_page .box:last-child ul li:not(:last-child) {
    margin-bottom: 10px;
}



body.profile_page section.review {
    background-color: #f7fbfe;
    margin-bottom: -88px;
    padding-bottom: 128px;
}

section.review .review .rev_wrppr {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

section.review .review .rev_wrppr .input_wrppr {
    max-width: 890px;
    width: 100%;
    margin-right: 70px;
}

section.review .review .rev_wrppr .input_wrppr input[type="text"] {
    width: 100%;
}

.mark_loc,
.marker_icon {
    max-width: 15px;
    width: 100%;
    text-align: center;
    color: #00cded;
}

body.profile_page section.primary_detail .wrppr .connet_tabs {
    /*display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    flex-flow: column;
    align-items: flex-end;*/
}

body.profile_page .work_exp_items {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

body.profile_page .work_exp_items .work_exp_item {
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    justify-content: space-between;
    /*min-height: 140px;*/
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    padding-right: 15px;

}

section.primary_detail .per_det .bdge p {
    background: #00cded;
    color: #fff;
    border-radius: 50px;
    padding: 2px 12px 2px 8px;
    align-items: center;
    justify-content: center;
    /*    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    max-height: initial;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-width: 230px;*/
}

.font_size_14 {
    font-size: 14px !important;
}

.font_size_16 {
    font-size: 14px !important;
     font-family: "Plus Jakarta Sans", sans-serif !important;
}

.work_his_wrappper .work_exp_items .work_exp_item {
    /*    box-shadow: 1px 2px 4px -2px #cccccc;
    transition: box-shadow ease 0.25s;
    cursor: pointer;*/
}

.work_his_wrappper .work_exp_items .work_exp_item:hover {
    /*box-shadow: 1px 2px 8px 0px #cccccc;*/
}

body.its_free_cost_estimates .cost_estimated_main .row>div:nth-child(n+5) {
    display: block;
}

body.profile_page .fa-trophy {
    color: darkgoldenrod;
}

section.review .review .rev_wrppr .input_wrppr {
    position: relative;
}

section.review .review .rev_wrppr .input_wrppr span.placeholder {
    position: absolute;
    bottom: 7px;
    color: var(--secondary);
    left: 15px;
   font-family: "Plus Jakarta Sans", sans-serif;
}

section.review .review .rev_wrppr .input_wrppr input.form-control:focus+span.placeholder {
    display: none;
}

body.profile_page .work_exp_items .work_exp_item .fa-history {
    color: #29aae1;
}

body.profile_page .work_exp_items .work_exp_item a {
    color: #29aae1;
}

body.profile_page .work_exp_items .work_exp_item .rating {
    /*display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    flex-flow: column;
    align-items: flex-end;*/
}

/*    16 June 2020    */

section.home_banner .banner_inner_wrp span.select2>span.selection span.select2-selection span.select2-selection__arrow {
    display: none;
}

.slick-slide {
    outline: none;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0 5px 5px 0;
}

body.profile_page section.primary_detail .image img {
    height: 100%;
    width: 100%;
}

body.profile_page section.primary_detail .personal_checked {
    /*   display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    flex-flow: wrap;*/
}

.font_bold {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size:16px;
}

.font_size_18 {
    font-size: 18px !important;
}

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

.font_size_10 {
    font-size: 10px !important;
}



@media screen and (max-width: 767px) {
    body.profile_page section.primary_detail .wrppr {
        flex-flow: column;
    }

    body.profile_page section.primary_detail .img_p_det {
        flex-flow: column;
    }

    body.profile_page .all_details .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.profile_page .all_details .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.profile_page .work_exp_items .work_exp_item {
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        min-height: unset;
    }

    body.profile_page section.review {
        margin-bottom: -158px;
        padding-bottom: 198px;
    }

    section.review .review .rev_wrppr {
        flex-flow: column;
    }

    section.review .review .rev_wrppr .snd_rev {
        padding-top: 18px;
    }

}

@media screen and (max-width: 991px) {
    div#content {
        padding-top: 52px;
    }
}

/*  17 June 2020  */
.cost_estimated_main .image_wrp_inner figure {
    max-width: 300px;
    max-height: 276px;
    overflow: hidden;
}

.cost_estimated_main .image_wrp_inner figure img {
    object-fit: cover;
    min-height: 276px;
}


ul.price_items {
    height: 100%;
    overflow: hidden;
}

.pay_method_cat {
    /*    height: 50px;
    overflow: hidden;*/
}

/*  18 June 2020  */
section.services_sec .card_wrapper .primary.desktop .left_item {
    width: unset;
    padding-right: 10px;
}

.title_pro h4 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

body.profile_page section.primary_detail .name_back.mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    section.services_sec .card_wrapper .primary.desktop {
        display: none;
    }

}

@media screen and (max-width: 767px) and (orientation: portrait) {
    section.services_sec .card_wrapper .footer_para {
        -webkit-line-clamp: 3;
        word-break: break-word;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .outer_itmes ._heading h5 {
        flex-flow: column;
        align-items: flex-start;
    }

    section.services_sec .card_wrapper .primary.mobile .left_item {
        width: 100%;
        max-width: 190px;
    }

    section.services_sec .card_wrapper .primary.mobile {
        width: 100%;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    section.services_sec .card_wrapper .primary.desktop .left_item {
        width: 100%;
        max-width: 170px;
    }
}

@media screen and (max-width: 767px) {
    section.primary_detail .wrppr .connet_tabs {
        margin-top: 10px;
    }

    section.history .history_tab {
        font-size: 14px;
    }

    section.primary_detail .wrppr .connet_tabs {
        width: 100%;
    }

    body.profile_page section.primary_detail .name_back.desktop {
        display: none;
    }

    body.profile_page section.primary_detail .name_back.mobile {
        flex-flow: column;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start !important;
    }

    body.profile_page section.primary_detail .img_p_det>div:first-child {
        /*     display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;*/
    }

    body.profile_page section.primary_detail .image {
        margin-right: 20px;
    }

}

@media screen and (max-width: 767px) and (orientation: portrait) {
    ul.price_items {
        height: auto;
    }

    body.profile_page .all_details .wrpr>div {
        width: auto;
    }
}

@media only screen and (max-width: 567px) {
    body.login-v_2 .login {
        padding-top: 70px !important;
    }
}

body.profile_page div.popover {
    box-shadow: rgb(176, 176, 176) 0px 0px 10px -2px;
}


body.login-v_2 .login-buttons {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.login-v_2 .login-buttons>div {
    width: 47%;
}


div.share_modal .modal-body ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}


div.share_modal .modal-body ul li {
    flex-grow: 1;
    text-align: center;
    padding: 8px;
}

div.share_modal .modal-body ul li a {
    display: inline-block;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 5px 0px #ccc;
    transition: all ease 0.25s;
}

div.share_modal .modal-body ul li a:hover {
    box-shadow: 2px 2px 4px 1px #ccc;
}

@media screen and (max-width: 360px) {

    body.login-v_2 .login-content form#frmRegister>input.btn,
    body.login-v_2 .login-content form#frmRegister>a.btn {
        width: 100%;
        margin-bottom: 8px;
    }
}

/* 22 JUne 2020 */
.w-80 {
    width: 80%;
}

.flex-flow-wrap {
    flex-flow: wrap !important;
}

body.its_job_notification ul.timeline li:not(:last-child) {
    margin-bottom: 15px;
    box-shadow: 0px 0 40px -10px rgba(0, 0, 0, 0.1);
    transition: all ease 0.25s;
    background: #fff;
}

body.its_job_notification ul.timeline li:not(:last-child):hover {
    box-shadow: 0px 0 30px -5px rgba(0, 0, 0, 0.2);
}

body.its_job_notification ul.timeline li:last-child .timeline-body {
 font-family: "Plus Jakarta Sans", sans-serif;
}

body.its_job_notification ul.timeline li:last-child .timeline-body {
    /*   display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    justify-content: space-between;*/
}

body.its_job_notification ul.timeline li .timeline-body>.timeline-header {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}

body.its_job_notification ul.timeline li .timeline-body>.timeline-header a {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
}

body.its_job_notification ul.timeline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    background: #00cded;
    height: calc(100% - 90px);
}

body.for_pro_people ul.timeline li:not(:last-child)::before,
body.for_pro_people ul.timeline::before {
    background: var(--pro_primary);
}






body.like_education_profile div.education .docs_table {
    overflow-x: auto;
}

body.its_job_notification ul.timeline li:last-child .timeline-body {
    background: #fff;
    /*display: flex !important;*/
    /*justify-content: space-between;*/
}

body.its_job_notification ul.timeline li:last-child>div {
    width: 100%;
    flex: 0 1 100%;
    /*text-align: right;    */
}

@media screen and (max-width: 767px) {
    body.its_job_notification div#content {
        padding-top: 50px;
    }

    body.its_job_notification div#content {
        background-size: contain;
        background-position: bottom center;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    body.its_job_notification div#content {
        background-size: 50%;
        background-position: 120%;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1024px) {
    body.its_job_notification div#content {
        background-size: 60%;
        background-position: 120%;
    }
}

.pac-container:after {
    /*Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown*/

    background-image: none !important;
    height: 0px;
}

.font_size_15 {
    font-size: 15px;
}

/* Heart beat animation */
.heart {
    font-size: 150px;
    color: #e00;
    animation: beat .25s infinite alternate;
    transform-origin: center;
}


@keyframes beat {
    to {
        transform: scale(1.4);
    }
}

.heart {
    font-size: 150px;
    color: #e00;

    -webkit-animation: beat .25s infinite alternate;
    -moz-animation: beat .25s infinite alternate;
    -ms-animation: beat .25s infinite alternate;
    -o-animation: beat .25s infinite alternate;
    animation: beat .25s infinite alternate;

    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}


@keyframes "beat" {
    to {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -o-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }

}

@-moz-keyframes beat {
    to {
        -moz-transform: scale(1.4);
        transform: scale(1.4);
    }

}

@-webkit-keyframes "beat" {
    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }

}

@-ms-keyframes "beat" {
    to {
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }

}

@-o-keyframes "beat" {
    to {
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

}

/* Heart beat animation */




body.profile_page .slick-prev::before,
body.profile_page .slick-next::before {
    color: #fff !important;
    font-size: 34px;
    opacity: 1;
    filter: drop-shadow(1px 2px 4px black);
}


/* 24 June 2020 */
body.profile_page section.slider_car .img_wrapper .single_img {
    min-height: 300px !important;
    overflow: hidden;
}

body.profile_page section.slider_car .img_wrapper .single_img>img {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
    width: 100%;
}

body.only_for_profile .banner_imgs>div>div.single_item {
    flex: 0 0 70px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 70px;
}

body.only_for_profile .banner_imgs .bnnr_items {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


body.only_for_profile .banner_imgs>div>div.single_item img {
    display: block;
    width: 100%;
    border-radius: 2px;
    object-fit: cover;
}

body.only_for_profile .banner_imgs>div>div.single_item a {
    position: absolute;
    top: -7px;
    right: -5px;
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: rgb(5, 38, 78);
    filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.5));
    text-decoration: none !important;
}

/*@media screen and (max-width: 600px) {
  body.only_for_profile .banner_imgs > div > div.single_item {
      flex: 0 0 48%;
      max-width: 48%;
  }

}*/

input[type="file"] {
    border-radius: 5px;
    position: relative;
    /*    -webkit-appearance: none;
    color: #00cded;
    border: 2px solid #00cded;
    background: #fff;*/
}

body.for_pro_people input[type="file"] {
    /*    color: var(--pro_primary) !important;
    border-color: var(--pro_primary);*/
}

body.like_profile_page.only_for_profile input[type="file"]::before {
    /*   content: "Browse";
    color: #fff;
    position: absolute;
    background: #00cded;
    height: 100%;
    border-radius: 5px 0 0 5px;
    padding: 0 20px;
    left: -4px;
   display:-webkit-flex;
 display:-webkit-box;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    top: 0;
    font-weight: 600;
    width: 117px;*/
}

body.like_profile_page.only_for_profile input[type="file"] {
    font-size: 12px;
    cursor: pointer;
    outline: unset;
}

body.like_profile_page.only_for_profile .profile_avatar input[type="file"]::before {
    /*  content: "Change Avatar";
    position: absolute;
    font-size: 14px;
     font-family: "Plus Jakarta Sans", sans-serif;
    width: 100%;
    background: #fff;
    color: #00cded;
    line-height: 1.7;*/
}

span.upload_avatr i.fa.fa-camera {
    padding-top: 0;
    color: #00cded;
    margin-right: 8px;
    display: none;
}

span.upload_avatr {
    background: rgba(100, 100, 100, 0.5);
    /*padding: 3px 0;*/
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0 0 4px 0;
}

body.like_profile_page .profile_wrap {
	    overflow: hidden;
    position: relative;
}

body.like_profile_page.only_for_profile.only_for_profile input[type="file"]::before {
    display: none;
    /*width: 115px;*/
}

body.like_profile_page.only_for_profile.only_for_profile i.fa.fa-pencil {
    display: none;
}

body.like_profile_page.only_for_profile.for_pro_people input[type="file"]::before {
    /*background: var(--pro_primary);*/
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    body.like_profile_page.only_for_profile input[type="file"] {
        width: 70% !important;
        max-width: 260px;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    section.why_pros_lv_main {
        /*padding-bottom: 180px !important;*/
    }
}



/*
body.dash_boadrd .like_inner_container {
    padding: 20px 60px 0;
    margin-top: 56px;
}
body.dash_boadrd {
    background-color: #f7f7f7;
}









*/

body.dash_boadrd .like_inner_container .page-header {
    color: #575f67;
    font-family: "Plus Jakarta Sans", sans-serif;
}



/* 25 June 2020 */

.progress-bar.pink_bar {
    /*background: linear-gradient(45deg, #dd5e89, #f7bb97) !important;*/
}

.progress-bar.light_blue_bar {
    /*background: linear-gradient(45deg, #00ced1, #08e5e8) !important;*/
}

.progress-bar.purple_bar {
    /*background: linear-gradient(45deg, #a890d3, #edbae7) !important;*/
}

.progress-bar.dark_blue_bar {
    /*background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;*/
}

.progress-bar.green_bar {
    /*background: linear-gradient(45deg, #20e91e, #91ffb1) !important;*/
}

body.dash_boadrd .widget .progress .progress-bar {
    background: #1f94c1;
}

body.dash_boadrd.for_pro_people .widget .progress .progress-bar {
    background: var(--pro_secondary);
}

.row.secondary_wrapper {
    color: #575f67;
}

.secondary_wrapper .well {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    background: #fff;
    border-radius: 6px;
    height: 100%;
    padding: 30px;
}

.secondary_wrapper .right_img {
    min-width: 210px;
    display: flex;
    align-items: center;
}

.row.secondary_wrapper .well p {
    line-height: 1.3;
}

.btn_theme_pro_color_red {
    background-color: var(--secondary);
}

/* reponsive dashboard */
@media screen and (max-width: 767px) {
    .secondary_wrapper .well {
        flex-flow: column-reverse;
        padding: 20px;
    }

    .secondary_wrapper>div {
        margin-bottom: 10px;
    }

    body.dash_boadrd.for_pro_people .like_inner_container {

        margin-top: 50px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .secondary_wrapper .well {
        flex-flow: column-reverse;
        justify-content: flex-end;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .secondary_wrapper .right_img {
        min-width: 140px;
    }
}

body.its_bid_view_page {
    background-color: #f7f7f7;
}

/* 26 June  2020*/

.pro_about a.img_pro {
    width: 100%;
    max-width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 18px;
}

.pro_about a.img_pro img {
    height: 100%;
}


div.chat_box_full {
    background: #fff;
    color: #757575;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}


body.its_bid_view_page .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #00cded;
    outline: 0;
    box-shadow: none;
}


section.app_andriod_apple .row .col-6:first-child .bg_left {
    position: relative;
    z-index: -9999;
}

section.app_andriod_apple .row .col-6:first-child .bg_left img {
    position: absolute;
    height: 100%;
}

section.app_andriod_apple .row .img_wrppr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    min-height: 450px;
}


section.app_andriod_apple .text_content {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

section.app_andriod_apple .text_content h2.font_bold {
    color: #05264e;
    line-height: 45px;
    font-size:36px;
    font-weight:700;
     font-style: normal;
}

section.app_andriod_apple .text_content p {
    font-size: 18px;
}

/* 27 June 2020 */
section.app_andriod_apple {
    background-color: #f3f3f3;
}

section.app_andriod_apple {
    min-height: 450px;
    height: 100%;
}

section.app_andriod_apple .container,
section.app_andriod_apple .row,
section.app_andriod_apple .row>.col-sm-6,
section.app_andriod_apple .row>.col-sm-6>div {
    min-height: 450px;
    height: 100%;
}

@media screen and (max-width: 767px) {
    section.app_andriod_apple {
        padding: 0 0 30px;
    }

    section.app_andriod_apple .row {
        flex-flow: wrap-reverse;
    }

    section.app_andriod_apple .container,
    section.app_andriod_apple .row,
    section.app_andriod_apple .row>.col-sm-6,
    section.app_andriod_apple .row>.col-sm-6>div {
        min-height: auto;
        height: 100%;
        margin:0;
    }

    section.app_andriod_apple .row>.col-sm-6:last-child {
        padding-bottom: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section.app_andriod_apple .row .img_wrppr img {
        min-height: auto;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    section.app_andriod_apple .row .img_wrppr img {
        object-fit: contain;
    }

    section.app_andriod_apple {
        padding: 25px 0;
    }

    section.app_andriod_apple,
    section.app_andriod_apple .container,
    section.app_andriod_apple .row,
    section.app_andriod_apple .row>.col-sm-6,
    section.app_andriod_apple .row>.col-sm-6>div,
    section.app_andriod_apple .row .img_wrppr img {
        min-height: 380px;
    }

    section.news_blog_of_quiqpro .inner .image_wrp {
        height: 200px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    section.app_andriod_apple .row .img_wrppr {
        display: flex;
        align-items: center;
    }

    section.news_blog_of_quiqpro .inner .image_wrp {
        height: 200px;
    }

    section.app_andriod_apple .row .img_wrppr img {
        object-fit: contain;
    }
}

@media screen and (max-width: 991px) {

    section.app_andriod_apple .btns {
        display: flex;
    }

    section.app_andriod_apple .btns a {
        display: block;
    }

    section.app_andriod_apple .btns a img {
        width: 100%;
        height: auto;
    }

    section.app_andriod_apple .text_content h2.font_bold {
        font-size: 24px !important;
    }
}


@media screen and (min-width: 1200px) {
    body.proffessional_page .view_profile {
        position: relative;
        
    }

    body.proffessional_page .card_footer_item {
        width: 20%;
    }
}

div.main_cov_letter {
    background: #fff;
    color: #757575;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

/* 29 June 2020 */
body.for_pro_people .its_inner_panel .panel-body p:first-child {
    white-space: break-spaces;
    word-break: break-word;
}

body.its_bid_view_page .content-box.container .badge,
body.its_my_bids_view .content.container .badge {
    font-size: 0.8rem;
    border: 1px solid;
    padding: 4px 8px;
    text-transform: uppercase;
    line-height: 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

body.like_message_inbox_page .wrapper.bg-silver-lighter .btn-toolbar>.btn_group {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

body.like_message_inbox_page #messagesContainer li .email-checkbox {
    margin-right: 20px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

body.like_message_inbox_page #messagesContainer li .email-title {
    width: 100%;
    justify-content: space-between;
}

body.like_message_inbox_page #messagesContainer li .email-title .main_heading {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

body.like_message_inbox_page #messagesContainer li .email-info {
    width: 100%;
}

.font_size_13 {
    font-size: 13px;
}


body.like_message_inbox_page #messagesContainer li .email-title .main_heading a {
    color: #00cded;
}

body.like_message_inbox_page #messagesContainer li {
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    border: 0 !important;
    margin-bottom: 1px;
}

body.like_message_inbox_page #messagesContainer li:hover {
    background: #eceeef;
}

body.its_job_in_detail_page {
    background: #f7f7f7;
}

body.for_pro_people div#content {
    padding-top: 0;
}



.box_wrap {
    background: #fff;
    color: #757575;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

body.its_job_in_detail_page .its_main_outer_pannel .attach_item {
    /*    max-width: 23%;
    flex: 0 0 23%;
    margin-right: 1%;
    margin-left: 1%;*/
}

body.its_job_in_detail_page .its_main_outer_pannel .attach_items {
    flex-flow: wrap;
}

body.its_job_in_detail_page .its_main_outer_pannel .tbl_cont .table thead th {
    color: rgb(5, 38, 78);
    font-family: "Plus Jakarta Sans", sans-serif;
}

body.its_job_in_detail_page .its_main_outer_pannel .tbl_cont .table {
    color: #526489;
}

body.its_job_in_detail_page .its_main_outer_pannel .attach_item .well {
    /*    border-radius: 6px;
    overflow: hidden;*/
}

.bg_f7f7f7 {
    background: #f7f7f7;
}

body.its_job_in_detail_page span.d_btn {
    cursor: pointer;
}

/* 01 July 2020 */

body.its_job_in_detail_page #content .badge {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: .7142em;
    background-color: transparent;
    border: 1px solid;
    border-radius: .875rem;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    line-height: 12px;
   font-family: "Plus Jakarta Sans", sans-serif;
}

body.its_job_in_detail_page .badge.badge-success {
    border-color: #28a745;
    color: #fff;
}

body.its_job_in_detail_page .t_i_wrpr a.img_pro {
    max-width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 18px;
    width: 100%;
}

/*body.its_job_in_detail_page .badge.badge-info {
    color: #17a2b8;
}*/
body.its_job_in_detail_page #content .its_inner_panel a.badge-info {
    background: #17a2b8;
    color: #fff;
}

body.its_contact_for_job_page div.img_wrpr {
    max-width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 18px;
    width: 100%;
}

@media screen and (min-width: 1200px) {
    body.its_contact_for_job_page .panel.panel-default {
        max-width: 1120px;
        margin: 0 auto;
    }
}

.clr_575f67 {
    color: #575f67;
}

body.its_contact_for_job_page div.head_wrp .title small {
    color: #17a2b8;
    background: transparent;
    border: 1px solid;
}

body.its_contact_for_job_page .form-control:focus {
    box-shadow: unset;
    border-color: #00cded;
}

/* 02 July 2020 */
body.its_job_in_detail_page .its_inner_panel p.bg_f7f7f7,
body.its_my_bids_view .its_inner_panel p {
    max-height: 100px;
    overflow-y: auto;
    word-break: break-all;
    white-space: break-spaces;
}

body.its_job_in_detail_page .its_main_outer_pannel .attach_item .well .mg_wrpr {
    /*    height: 79px;
    overflow: hidden;*/
}

body.its_job_in_detail_page .its_main_outer_pannel .attach_item .well .mg_wrpr img {
    /*    height: 100%;
    width: 100%;
    object-fit: cover;*/
}

body.for_pro_people .result-list .bg_color_job p.desc.ad_dec_job {
    word-break: break-all;
}

/* custome scroll bar */
.navbar-expand-lg .navbar-nav .dropdown-menu {
    max-height: 340px;
    overflow-y: auto;
    box-shadow: 0px 10px 55px 0px rgba(0, 0, 0, 0.1);
}

.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #f1f1f1;
    border-radius: 10px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    background: #c1c1c1;
}

li.dropdown.drop_down .dropdown-toggle {
    position: relative;
}

li.dropdown.drop_down .dropdown-toggle::after {
    /*display: none;*/
    color: #fff;
    margin: 0 !important;
}

li.dropdown.drop_down .dropdown-toggle span.label {
    position: absolute;
    top: -10px;
    left: 15px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

li.dropdown.drop_down .dropdown-toggle {
    position: relative;
    text-decoration: none;
}


li.dropdown.drop_down .dropdown-menu {
    min-width: 230px;
    padding: 10px 0 0;
}

li.dropdown.drop_down li.dropdown-footer a {
    color: #293980 !important;
}

li.drop_down .dropdown-menu li.dropdown-footer {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 10px !important;
    box-shadow: 0px 0 13px -3px rgba(0, 0, 0, 0.2);
    text-align: center;
}


@media (min-width: 1200px) {

    body.like_message_inbox_page .container.content.content-full-width,
    section.single_blog_page>.container {
        max-width: 1120px !important;
    }
}

body.message_compose .primary_for_doing.pt-4 {
    padding-top: 0 !important;
}

@media (max-width: 767px) and (orientation: portrait) {
    body.for_pro_people div#content {
        padding-top: 50px;
    }

    body.its_job_in_detail_page .job_type {
        display: flex;
        flex-flow: wrap;
    }

    body.its_job_in_detail_page .its_main_outer_pannel .attach_item {
        /*max-width: 48%;
        flex: 0 0 48%;
        margin-bottom: 10px;*/
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    body.its_job_in_detail_page .its_main_outer_pannel .attach_item {
        max-width: 31.33%;
        flex: 0 0 31.33%;
    }
}

@media (max-width: 991px) {
    body.its_job_in_detail_page .tbl_cont .table tbody tr td:nth-child(3) {
        min-width: 150px !important;
    }

    body.its_job_in_detail_page .its_main_outer_pannel .attach_item .title_d>h6 {
        max-width: 180px;
    }
}

.contract_status .amount_bid {
    justify-content: space-between;
}

.contract_status .amount_bid .price {
    min-width: 130px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.about_client_wrapper a.img_pro {
    width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 18px;

}

.status_of_job .btn-outline-primary:hover {
    color: #fff;
    background-color: #293980;
    border-color: #293980;
}

.status_of_job .btn-outline-primary {
    color: #293980;
    background-color: transparent;
    background-image: none;
    border-color: #293980;
}

.status_of_job .btn-outline-primary:focus {
    box-shadow: unset;
}

.status_of_job .btn-outline-primary:active {
    color: #293980 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #293980 !important;
}




@media (max-width: 767px) and (orientation: portrait) {
    .contract_status .amount_bid .price {
        flex-flow: column;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .contract_status .amount_bid .price>h5.font_bold {
        margin-left: 0px;
    }

    body.like_message_inbox_page #messagesContainer li .email-title {
        flex-flow: column;
    }

    body.like_message_inbox_page #messagesContainer li .email-title .main_heading {
        flex-flow: wrap;
    }

    body.like_message_inbox_page #messagesContainer li .email-checkbox {
        flex-grow: 1;
        margin: 0;
    }

    body.like_message_inbox_page #messagesContainer li a.email-user {
        margin-right: 8px;
    }

    body.like_message_inbox_page #messagesContainer li p.email-desc {
        width: 100%;
        max-width: unset;
    }


}

@media (max-width: 991px) and (min-width: 768px) {
    .status_main a {
        width: 100%;
        margin-top: 6px;
    }
}

@media (max-width: 991px) {
    .about_client_wrapper a.img_pro {
        width: 100%;
    }

    .about_client_wrapper a.img_pro img {
        height: 100%;
    }

    .breif_status .alert {
        display: flex;
        align-items: baseline;
    }

    .contract_status .amount_bid .price {
        align-items: flex-start;
    }

    body.its_my_bids_view .box_wrap.about_client_wrapper a.img_pro img,
    body.its_my_bids_view .box_wrap.about_client_wrapper a.img_pro {
        width: 90px !important;
    }

    body.its_my_bids_view .box_wrap.about_client_wrapper .name_review>div {
        display: flex;
        flex-flow: row !important;
        align-items: flex-start;
    }
}

@media (max-width: 580px) {

    body.its_my_bids_view .box_wrap.about_client_wrapper a.img_pro img,
    body.its_my_bids_view .box_wrap.about_client_wrapper a.img_pro {
        width: 90px !important;
        margin-right: 10px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .contract_status .amount_bid {
        flex-flow: row !important;
        justify-content: space-between;
    }

    .contract_status .amount_bid .price {
        align-items: flex-start;
    }

    .status_main {
        display: flex;
        flex-flow: column;
        align-items: flex-end;
    }

    .status_main a {
        width: 100%;
        margin-bottom: 6px;
    }
}

@media (max-width: 580px) {
    body.like_message_inbox_page .mobile {
        display: block;
    }

    body.like_message_inbox_page .desktop {
        display: none !important;
    }

}

@media (min-width: 581px) {
    body.like_message_inbox_page .mobile {
        display: none !important;
    }

    body.like_message_inbox_page .desktop {
        display: block;
    }

}

/* 06 July 2020 */

@media (max-width: 991px) and (min-width: 768px) {
    body.profile_page section.primary_detail .per_det .head_wrrp {
        width: 80%;
    }

    body.profile_page section.primary_detail .share_save a {
        margin: 8px 10px 8px 0 !important;
    }

    body.profile_page .slick-next {
        right: 50px;
    }

    body.profile_page .slick-prev {
        left: 40px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    body.profile_page section.primary_detail .per_det .head_wrrp {
        width: 85%;
    }
}

@media (max-width: 1299px) and (min-width: 1200px) {
    body.profile_page section.primary_detail .per_det .head_wrrp {
        width: 87%;
    }
}

@media (max-width: 767px) {

    body.profile_page .slick-prev::before,
    body.profile_page .slick-next::before {
        font-size: 24px;
    }

    body.profile_page section.primary_detail .image {
        height: 90px;
        min-width: 90px;
        max-width: 90px;
    }

    body.profile_page .mobile {
        display: block;
    }

    body.profile_page .desktop {
        display: none !important;
    }

    body.profile_page section.primary_detail .name_back {
        flex-wrap: nowrap !important;
    }

    body.profile_page section.primary_detail .share_save a {
        margin: 8px 10px 8px 0 !important;
    }

    div#workexperiences p.m-0.text-secondary span {
        word-break: break-word;
        white-space: normal;
    }
}

@media (min-width: 768px) {
    body.profile_page .mobile {
        display: none !important;
    }

    body.profile_page .desktop {
        display: block;
    }
}

ol.breadcrumb.pull-right {
    padding: 0;
    background: transparent;
    font-size: 15px;
}

table.dataTable {
    float: unset !important;
    float: none !important;
}

/* 070 July 2020 */
body.like_education_profile .table .badge,
body.like_page_my_bids table.dataTable .badge,
body.job_profile_search_page table.dataTable .badge,
body.like_jobs_bid_page table.dataTable .badge,
.result-list .badge {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 8px;
    background: transparent;
}


.result-list .badge.badge-pill {
    border-radius: 50px;
}

.result-list .badge-secondary {
    color: #526489;
    border: 1px solid #526489;
}


body.like_page_my_bids table.dataTable .badge-info,
body.job_profile_search_page table.dataTable .badge-info,
body.like_jobs_bid_page table.dataTable .badge-info,
.result-list .badge-info {
    color: #17a2b8;
    border: 1px solid #17a2b8;
}

body.its_bid_view_page .content.container .badge-success,
body.like_education_profile .table .badge-success,
body.like_page_my_bids table.dataTable .badge-success,
body.job_profile_search_page table.dataTable .badge-success,
body.like_jobs_bid_page table.dataTable .badge-success {
    color: #28a745;
    border: 1px solid #28a745;
}

body.like_education_profile .table .badge-warning,
body.like_page_my_bids table.dataTable .badge-warning,
body.job_profile_search_page table.dataTable .badge-warning,
body.like_jobs_bid_page table.dataTable .badge-warning {
    color: #ffc107;
    border: 1px solid #ffc107;
}

body.like_education_profile .table .badge-danger,
body.like_page_my_bids table.dataTable .badge-danger,
body.job_profile_search_page table.dataTable .badge-danger,
body.like_jobs_bid_page table.dataTable .badge-danger {
    color: #dc3545;
    border: 1px solid #dc3545;
}

body.like_page_my_bids table.dataTable .badge-secondary,
body.job_profile_search_page table.dataTable .badge-secondary,
body.like_jobs_bid_page table.dataTable .badge-secondary {
    color: #526489;
    border: 1px solid #526489;
}



.btn_gol {
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
    overflow: hidden;
    margin-right: 6px
}

.table-striped tbody tr.archived {
    background-color: #eccfc1;
}

@media (min-width: 1200px) {

    body.like_jobs_bid_page table.dataTable thead th:last-child,
    body.job_profile_search_page table.dataTable thead th:last-child {
        width: 120px !important;
    }
}


@media (max-width: 991px) and (min-width: 768px) {
    .like_jobs_bid_page .panel-body .radio-list>label:not(:last-child) {
        margin-right: 12px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .like_jobs_bid_page .panel-body .radio-list {
        padding-bottom: 10px;
        flex-flow: wrap;
    }

    body.like_page_my_bids table.dataTable tbody tr td:last-child,
    body.job_profile_search_page table.dataTable tbody tr td:last-child,
    body.like_jobs_bid_page table.dataTable tbody tr td:last-child {
        display: flex;
    }

    .btn_gol {
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin-right: 5px;
    }

    body.like_page_my_bids table.dataTable .badge,
    body.job_profile_search_page table.dataTable .badge,
    body.like_jobs_bid_page table.dataTable .badge {
        font-size: 12px;
    }

    .working_wrapper .panel-body .radio-list label:not(:last-child) {
        margin-left: 0;
        margin-right: 10px;
    }
}


/* 08 July 2020 */
@media (min-width: 1200px) {

    body.like_profile_page div.content.container,
    body.like_setting_profile div.content.container,
    body.like_socail_links_profile div.content.container,
    body.like_change_pass_profile div.content.container,
    body.like_skills_profile div.content.container,
    body.like_work_exprience div.content.container,
    body.like_education_profile div.content.container {
        max-width: 1140px;
    }
}


body.like_profile_page .profile_avatar img {
    border-radius: 4px;
    max-width: 200px;
    min-width: 200px;
    width: 100%;
    height: 200px;
}

body.like_profile_page .custom_upload input#banner_images {
    display: inline;
    width: 180px;
    z-index: 9;
    opacity: 0;
}

body.like_profile_page .custom_upload {
    position: relative;
}

body.like_profile_page .custom_upload span {
    position: absolute;
    left: 0;
    background: #e2e2e2;
    width: 180px;
    top: -1px;
    display: flex;
    border-radius: 2px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.currently_avai label {
    position: relative;
    display: block;
    width: 250px;
    line-height: 1.5;
    height: 22px;
}

.currently_avai label input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.currently_avai label input[type=checkbox]+.back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.31);
    transition: background 0.25s linear;
    border-radius: 40px;
    margin-left: 8px;
    cursor: pointer;
    font-size: 14px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
}

.currently_avai label input[type=checkbox]:checked+.back {
    background: rgba(0, 0, 0, 0.31);
    /*green*/
}

.currently_avai label input[type=checkbox]+.back .toggle {
    display: block;
    position: absolute;
    content: ' ';
    background: var(--pro_primary);
    width: 50%;
    height: 100%;
    transition: transform 150ms linear;
    border: 1px solid #808080;
    border-radius: 40px;
}

.currently_avai label input[type=checkbox]:checked+.back .toggle {
    transform: translateX(125px);
    background: var(--pro_primary);
    /*green*/
}

.currently_avai label .label {
    display: block;
    position: absolute;
    width: 50%;
    color: #fff;
    text-align: center;
}

.currently_avai label .label.on {
    left: 0px;
}

.currently_avai label .label.off {
    right: 0px;
}

.currently_avai label input[type=checkbox]:checked+.back .label.on {
    color: #fff;
}

.currently_avai label input[type=checkbox]+.back .label.off {
    color: #fff;
}

.currently_avai label input[type=checkbox]:checked+.back .label.off {
    color: #fff;
}


/* 09 July 2020 */


body.only_for_profile ul#ioniconsTab li.active a::before {
    content: "\f061";
    position: absolute;
    left: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit:;
    left: -6px;
    top: 10px;
}

body.only_for_profile ul#ioniconsTab li a {
    color: #9c9c9c;
}

body.only_for_profile ul#ioniconsTab li a:hover {
    color: rgb(5, 38, 78);
}

body.only_for_profile ul#ioniconsTab li.active a {
    position: relative;
    color: #00cded;
}

body.for_pro_people.only_for_profile ul#ioniconsTab li.active a {
    color: #f6ad03;
}

body.like_education_profile.modal-open .custom_upload {
    position: relative;
}

body.like_education_profile.modal-open .custom_upload input[type="file"] {
    display: inline;
    outline: none;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}

body.like_education_profile.modal-open .custom_upload span.d-inline-block {
    cursor: pointer;
    position: absolute;
    left: 0;
    background: #dcdcdc;
    width: 100%;
    max-width: 115px;
    top: 0px;
    color: #526489;
    font-size: 14px;
    padding: 5px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

body.like_work_exprience .education .docs_table {
    overflow-x: auto;
}

@media (max-width: 600px) {

    body.like_work_exprience .education .docs_table table tbody tr td:nth-child(n+4),
    body.like_education_profile .education .docs_table table tbody tr td:nth-child(n+4) {
        white-space: nowrap;
    }

}

body.like_setting_profile .service_checks>label {
    position: relative;
    padding-left: 1px;
    margin-right: 12px;
}

body.like_setting_profile .service_checks>label input {
    opacity: 0;
    width: 20px;
    height: 20px;
    z-index: 9;
}

body.like_setting_profile .service_checks>label span.custom_checkbox::after {
    left: -20px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #00cded;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.like_setting_profile .service_checks>label input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    left: 4px;
    top: 0px;
}

.banner_imgs p,
.banner_imgs p small,
.fix_lh {
    line-height: 1;
}

@media (max-width: 767px) and (orientation: portrait) {
    body.like_setting_profile .currently_avai {
        min-height: 65px;
    }

    body.like_setting_profile .currently_avai label {
        width: 100%;
        max-width: 260px;
    }

    body.like_setting_profile .currently_avai label span.cus_avai,
    body.like_setting_profile .currently_avai label input[type=checkbox] {
        left: 0;
        top: 35px;
        margin-left: 0 !important;
        max-width: 290px !important;
        width: 100% !important;
    }

    body.like_setting_profile .currently_avai label input[type=checkbox]:checked+.back .toggle {
        transform: translateX(130px);
    }

    body.like_setting_profile .work_ability .radio {
        margin-right: 0;
    }
}

@media (max-width: 350px) and (orientation: portrait) {
    body.like_setting_profile .currently_avai label input[type=checkbox]:checked+.back .toggle {
        transform: translateX(120px);
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    body.like_setting_profile .currently_avai label {
        width: 100%;
        max-width: 260px;
    }

    body.like_setting_profile .currently_avai label input[type=checkbox]:checked+.back .toggle {
        transform: translateX(130px);
    }
}

@media (max-width: 1099px) and (min-width: 1024px) {

    body.like_setting_profile label[for="profile_access"],
    body.like_setting_profile label[for="hourly_rate"],
    body.like_setting_profile label[for="end_hourly_rate"] {
        font-size: 15px;
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    body.like_skills_profile div#skill_cat>label {
        width: auto;
        flex: 0 0 auto;
        max-width: unset;
    }

    body.only_for_profile form>div.col-md-8 {
        padding: 0;
    }

    body.like_skills_profile div#skill_cat>label label {
        line-height: 1.8;
        margin: 0 12px 6px 0
    }
}

@media (max-width: 1099px) and (min-width: 992px) {
    body.like_skills_profile div#skill_cat>label {
        width: auto;
        flex: 0 0 auto;
        max-width: unset;
    }

    body.only_for_profile form>div.col-md-8 {
        padding: 0;
    }

    body.like_skills_profile div#skill_cat>label label {
        line-height: 1.8;
        margin: 0 12px 6px 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {

    body.like_work_exprience .education .docs_table table tbody tr td:nth-child(n+4),
    body.like_education_profile .education .docs_table table tbody tr td:nth-child(n+4) {
        white-space: nowrap;
    }


}

body.like_work_exprience .education .docs_table table tbody tr td {
    vertical-align: middle;
}

body.like_work_exprience .education .docs_table table tbody tr td:last-child {
    white-space: nowrap;
}




body.add_job_page_is .min-wrp div#skill_cat>label {
    position: relative;
    flex: 0 0 50%;
    width: 50%;
    margin-right: 0;
}

body.add_job_page_is .min-wrp div#skill_cat {
    display: flex;
    flex-flow: wrap;
}

body.add_job_page_is div#skill_cat>label.form-check-label label::before {
    left: -19px;
    top: 4px;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    body.add_job_page_is .min-wrp div#skill_cat>label {
        flex: 0 0 100%;
        width: 100%;
        display: flex;
    }

    body.add_job_page_is div#skill_cat>label label {
        padding-left: 6px;
    }

    .address_wrapper label {
        padding-left: 5px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {

    body.add_job_page_is .min-wrp div#skill_cat>label {
        flex: 0 0 auto;
        width: auto;
        display: flex;
        margin-right: 15px;
    }

    body.add_job_page_is div#skill_cat>label label {
        position: relative;
        padding-left: 3px;
    }

    .address_wrapper label input {
        width: 20px;
    }

    .address_wrapper label {
        padding-left: 0px;
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    body.add_job_page_is .page-header-fixed .post_job_panel {
        padding: 40px 25px;
    }
}

.address_wrapper input[type="checkbox"]:checked+span.custom_checkbox::after {
    content: "";
    display: block;
    /*    left: 5px;
    top: 0px;*/
}

body.add_job_page_is .address_wrapper label {
    position: relative;
    padding-left: 5px;
    margin-right: 12px;
    line-height: 1.9;
}

/* 11 July 2020 */

.containermessagesDiv {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
    overflow-x: hidden;
}

body.like_message_chat .side_bar {
    background: #fff;
    color: #757575;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}


body.like_message_chat .side_bar ul.nav {
    flex-flow: column;
}

.containermessagesDiv::-webkit-scrollbar,
body.its_job_in_detail_page .its_inner_panel p.bg_f7f7f7::-webkit-scrollbar,
body.its_my_bids_view .its_inner_panel p::-webkit-scrollbar {
    width: 8px;
}

.containermessagesDiv::-webkit-scrollbar-track,
body.its_job_in_detail_page .its_inner_panel p.bg_f7f7f7::-webkit-scrollbar-track,
body.its_my_bids_view .its_inner_panel p::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    background: #f1f1f1;
    border-radius: 10px;
}

.containermessagesDiv::-webkit-scrollbar-thumb,
body.its_job_in_detail_page .its_inner_panel p.bg_f7f7f7::-webkit-scrollbar-thumb,
body.its_my_bids_view .its_inner_panel p::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    background: #c1c1c1;
}

body.like_message_chat .side_bar ul.nav li {
    padding-bottom: 5px;
}

body.like_message_chat .side_bar ul.nav li a {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 15px;
    margin-left: 0 !important;
}

body.like_message_chat .side_bar .heading_with_buttons_wrappper {
    display: block !important;
}

body.jobs_listing_page section.service_sec {
    position: sticky;
    top: 0;
    z-index: 9;
}

body.jobs_listing_page section.service_sec form {
    padding-top: 12px;
}

/*body.jobs_listing_page .link_eff,
body.jobs_listing_page .link_eff:hover {
    color: #293980;
}*/

.result-list {}

.clr_757575 {
    border-radius: 5px;
    font-size: 12px;
    line-height: 18px;
    min-width: 42px;
    background: #e0e6f7;
    color: #3c65f5;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    
    padding-left: 0.625rem;
    padding-right: 0.625rem;
   
    transition: .2s;
    margin-top: 5px;
    font-family: Plus Jakarta Sans,sans-serif;
    border-radius: 0.25rem;
}



li.dropdown.drop_down ul.dropdown-menu li.media {
    padding: 0 15px 8px;
}

li.dropdown.drop_down .dropdown-menu li {
    padding: 0 15px;
}

li.dropdown.drop_down ul.dropdown-menu li.media a {
    display: flex;
    color: #575f67;
}

li.dropdown.drop_down ul.dropdown-menu li.media a .media-left {
    padding-right: 10px;
}

li.dropdown.drop_down ul.dropdown-menu li.media a>.media-body {}

li.dropdown.drop_down ul.dropdown-menu li.media .text-muted {
    font-size: 14px;
    color: #bdbdbd !important;
}

li.dropdown.drop_down ul.dropdown-menu li.media a>.media-body h6.media-heading {
    color: #575f67;
}

li.dropdown.drop_down .dropdown-menu li.dropdown-header {
    padding-bottom: 3px;
    border-bottom: 1px solid #c5c5c5;
    width: 100%;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    body.its_contact_for_job_page .mobile {
        display: block;
    }

    body.its_contact_for_job_page .desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    body.its_contact_for_job_page .mobile {
        display: none;
    }


    body.its_contact_for_job_page .desktop {
        display: block;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    body.add_job_page_is .attachment_contains .well .title_d h6 {
        max-width: 110px;
    }

}

/* 14 July 2020 */
header .badge {
    border-radius: 50px;
    line-height: 16px;
    padding: 0 4px;
    margin: 0;
}

@media (max-width: 991px) {
    body.its_job_notification .noti_img {
        display: none;
    }
}

/* 15 july 2020*/
body.add_job_page_is .address_wrapper label input[type="checkbox"] {
    opacity: 0;
}

body.add_job_page_is .attachments_wrapper .message-file-size {
    font-size: 14px;
    line-height: 1;
    padding-top: 10px;
}

body.add_job_page_is .message-file-size {
    font-size: 14px;
    line-height: 1;
    padding-top: 10px;
}

body.add_job_page_is .message-file-size small {
    font-size: inherit;
}

body.add_job_page_is .attachments_wrapper .message-file-size small {
    font-size: inherit;
}

table.dataTable tbody tr td {
    vertical-align: middle;
}

div#job_bids_paginate a.paginate_button,
div#jobs_paginate a.paginate_button {
    width: 30px;
    height: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    font-size: 14px;
    color: #949494;
    border-color: #949494;
}

div#jobs_paginate a.paginate_button.current,
div#jobs_paginate a.paginate_button.current:hover,
div#jobs_paginate a.paginate_button.current:focus,
div#job_bids_paginate a.paginate_button.current,
div#job_bids_paginate a.paginate_button.current:hover,
div#job_bids_paginate a.paginate_button.current:focus {
    background: #526489 !important;
    border-color: #526489 !important;
    color: #fff !important;
}

div#jobs_paginate a:hover {
    background: #00cded !important;
    border-color: #00cded !important;
    color: #fff !important;
}

/* 17 July 2020 */

body.login-v_2 div#page-container,
body.add_job_page_is div#page-container {
    background-image: url('https://www.quiqpro.com/public/templates/skin1/frontend/new_templates/images/login-signup-bg');
    background-size: cover;
    background-repeat: no-repeat;
}

body.login-v_2 .login-content .alert {
    justify-content: space-between;
}

.heading_with_buttons_wrappper ul li.active a.btn {
    background: #526489 !important
}

.like_jobs_bid_page .panel-body .radio-list label.checkbox-inline input[type="checkbox"] {
    opacity: 0;
}

/* 20 July 20 */
@media (min-width: 1200px) {

    body.like_jobs_bid_page table.dataTable thead th:nth-child(4),
    body.job_profile_search_page table.dataTable thead th:nth-child(4),
    body.like_jobs_bid_page table.dataTable thead th:nth-child(5),
    body.job_profile_search_page table.dataTable thead th:nth-child(5) {
        width: 130px !important;
    }
}

body.like_profile_page .profile_avatar h4 {
    text-transform: capitalize;
}

td {
    vertical-align: middle !important;
}

body.only_for_profile .alert {
    display: flex;
    justify-content: space-between;
}

body.like_education_profile div.education .docs_table tbody tr td:last-child {
    white-space: nowrap;
}

body.jobs_listing_page .ad_dec_job {
    word-break: break-word;
}


.w-100-150 {
    width: calc(100% - 150px);
}

/* loader spinner */
.lds-spinner {
    color: rgb(5, 38, 78);
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* loader spinner closer */

.card_wrapper span.custom_badge {
    border-color: #bfbfbf !important;
    color: #526489 !important;
    border-radius: 50px;
    line-height: 1.1;
}

.services_sec .posts_wrapper .for_dd>span.btns {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.services_sec .posts_wrapper .for_dd {
    position: relative;
    height: 25px;
    overflow: hidden;
}

.services_sec .posts_wrapper .for_dd>span.btns>span {
    width: 20px;
    height: 20px;
    background: #526489;
    display: flex;
    border-radius: 50%;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    font-size: 18px;
    color: #fff;
}

.offer_wrappper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clr_pro_pri {
    color: var(--pro_secondary);

}

@media (min-width: 1200px) {
    body.jobs_listing_page .custom_container {
        max-width: 1140px;
    }
}

.dash_boadrd .widget:hover {
    background: #f5f4f4;
}

.widget_wrapper>div a {
    text-decoration: none !important;
}


body.like_setting_profile .service_checks {
    display: flex;
    flex-flow: column;
}

.cov_lett .media_file a:not(:last-child)::after,
.cove_letter_wrapper .media_file a:not(:last-child)::after {
    content: "\f111";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    margin: 0 6px;
    color: #575f67;
}

button[disabled="disabled"],
textarea[disabled="disabled"] {
    cursor: not-allowed;
}


body.its_user_profile_info .img_wrrper {
    height: 154px;
    overflow: hidden;
}

body.its_user_profile_info .img_wrrper img {
    height: 100%;
}

body.its_user_profile_info .result-list .desc.ad_dec_job {
    word-break: break-all;
}

li.select2-results__option.select2-results__message {
    display: none;
}

.alert_alig .alert {
    display: flex;
    justify-content: space-between;
}


/* 30 July 2020 */
.scroll_noti {
    padding: 20px 8px 0 0;
    margin-bottom: 15px;
    max-height: 500px;
    overflow-y: auto;
}

.scroll_noti::-webkit-scrollbar {
    width: 10px;
}

.scroll_noti::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.scroll_noti::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c1c1c1;
}

.image-upload>input {
    display: none;
}




/* 31 July 2020 */

@media (max-width: 767px) and (orientation: portrait) {
    .main_section {
        display: grid;
        grid-template-columns: 10% 90%;
    }

    .main_section {
        display: grid;
        display: -ms-grid;
        grid-template-columns: 100%;
        -ms-grid-columns: 100%;
        grid-template-areas: "services services";
    }

    .services_sec .selection_side {
        grid-area: services;
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .services_sec .main_content {
        grid-area: services;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
}

body.proffessional_page .title_pro input#search_keyword {
    width: 100%;
    max-width: 500px;
}

body.proffessional_page .title_pro {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto 15px;
    flex-flow: wrap;
}

body.proffessional_page .checkbox.inpt_wrapper span.custom_checkbox {
    top: 2px;
}

@media (max-width: 991px) {
    .open_for_main .btn {
        word-break: break-word;
        white-space: normal;
        line-height: 1.2;
    }
    .main_section {
        display: grid;
        display: -ms-grid;
        grid-template-columns: 100%;
        -ms-grid-columns: 100%;
        grid-template-areas: "services services";
    }

}

.image-upload i {
    font-size: 20px;
    /*background: #e9e9e9;*/
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    position:relative;
    top:-20px;
}

.image-upload i:hover {
    background: #cccccc;
}

body.like_message_chat a.img_pro {
    max-width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 18px;
}

body.like_message_chat a.img_pro img {
    height: 100%;
}

/* 04 Aug 2020 */

/*body.profile_page #userReviews {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

body.profile_page div#workexperiences {
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto;
}*/


body.profile_page #userReviews::-webkit-scrollbar,
body.profile_page div#workexperiences::-webkit-scrollbar {
    width: 8px;
}

body.profile_page #userReviews::-webkit-scrollbar-track,
body.profile_page div#workexperiences::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(183 183 183 / 30%);
    background: #f1f1f1;
    border-radius: 10px;
}

body.profile_page #userReviews::-webkit-scrollbar-thumb,
body.profile_page div#workexperiences::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(219 219 219 / 50%);
    background: #c1c1c1;
}

div#buyCrediys-PopUp .creditDiv>.radio-inline label {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 20px;
    border: 1px solid #a9a9a9;
    height: 100%;
    border-radius:15px;
}

div#buyCrediys-PopUp .creditDiv>.radio-inline label:hover
{
       border: 1px solid #293980 !important;
}

div#buyCrediys-PopUp .creditDiv {
    display: flex;
    flex-flow: wrap;
}

div#buyCrediys-PopUp .creditDiv>.radio-inline:nth-child(even) {
    margin-left: 2%;
}

div#buyCrediys-PopUp .creditDiv .radio-inline {
    width: 48%;
    margin-bottom: 10px;
}

div#buyCrediys-PopUp .creditDiv .radio-inline span.cus_radio {
    display: inline-block;
    height: 100%;
    width: 100%;
}

body.for_pro_people .custom_radio {
    
    top: 5px;
}




div#buyCrediys-PopUp .creditDiv .radio-inline span.cus_radio span.credits_coin img {
    margin: 0 0 3px 0 !important;
    max-width: 22px;
}


.active_check {
    background: #e9e9e9;
}

/* 05 Aug 2020 */
@media (min-width: 1200px) {
    section.find_pro_in_near_cities .container>.row>div:last-child>.row>div[class*="col-"] {
        height: 230px;
    }

    section.app_andriod_apple .row .img_wrppr img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right;
        width: unset;
        height: unset;
        max-width: 622px;
        min-height: 450px;
        min-height: 450px;
    }
}

/* 05 Aug 2020 */
@media (max-width: 600px) {
    body.proffessional_page .title_pro input#search_keyword {
        max-width: 100%;
    }

    body.proffessional_page .title_pro>div {
        width: 100%;
    }

    body.proffessional_page .card .secondary .location {
        display: flex;
        flex-flow: column;
    }

    section.services_sec .card_wrapper .primary.mobile .left_item {
        display: flex;
    }

    section.services_sec .card_wrapper .primary.mobile .left_item .status {
        margin-left: 10px;
    }
}

@media (min-width: 350px) and (max-width: 767px) {
    .posts_wrapper .card_wrapper img {
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        min-height: 90px;
    }
}

.form-control:focus {
    border-color: #00cded !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;
}

.for_pro_people .form-control:focus {
    color: #495057 !important;
    border-color: #293980 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;
}

.filter_btn {
    position: sticky;
    top: 33px;
    z-index: 12;
}


@media screen and (max-width: 767px) and (orientation: portrait) {
    body.login-v_2 .login-content span.custom_checkbox {
        top: 4px;
    }

    body.dash_boadrd .secondary_wrapper .right_img {
        justify-content: center;
        margin-bottom: 15px;
    }

    body.its_job_notification ul.timeline li:not(:last-child)::before {
        font-size: 14px;
        width: 30px;
        height: 30px;
        left: -39px !important;
         font-family: "Plus Jakarta Sans", sans-serif;
        top: 0;
    }

    body.its_job_notification ul.timeline {
        padding-left: 24px;
        margin-left: 20px;
    }

    body.its_job_notification ul.timeline::before {
        top: 5px !important;
    }

    body.its_job_notification {
        background: #f7f7f7;
    }

    .heading_with_buttons_wrappper ul li a {
        font-size: 14px;
    }

    table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
    table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
        top: 50% !important;
        transform: translateY(-50%) !important;
        left: 1px !important;
    }

    body.jobs_listing_page form#frmSearchJobs {
        padding: 20px 0 10px;
    }

    div#buyCrediys-PopUp .creditDiv .radio-inline {
        width: 100%;
    }

    div#buyCrediys-PopUp .creditDiv>.radio-inline:nth-child(even) {
        margin-left: 0;
    }

    body.for_pro_people.modal-open .modal-header {
        padding: 1rem 20px;
    }
}


/*06 jul 2020*/

@media (max-width: 350px) {
    .working_wrapper .panel-body .radio-list label {
        width: 100%;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    div.dataTables_paginate {
        float: left !important;
        width: 100% !important;
        max-width: 340px !important;
    }

   

    body.add_job_page_is .post_job_panel {
        margin: 20px 0 !important;
    }

    body.its_job_in_detail_page .its_main_outer_pannel .tbl_cont .table tbody tr td:nth-child(2) img {
        height: 50px;
    }

    body.its_job_in_detail_page .its_main_outer_pannel .tbl_cont .table tbody tr td:nth-child(2) a {
        white-space: nowrap;
    }

    body.add_job_page_is .btn_wraper {
        display: flex;
    }

    body.like_jobs_bid_page .panel-body .radio-list>label {
        margin: 0 !important;
        width: 50%;
    }

    body.like_jobs_bid_page .panel-body .radio-list {
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    div.dataTables_filter label {
        float: left !important;
    }

    body.like_jobs_bid_page table#job_bids tbody tr td a {
        white-space: nowrap;
    }

    textarea#message {
        height: 170px;
    }

    body.its_my_bids_view .job_type>span {
        display: block;
    }

    body.my_freelancer_page table#my_freelancers tbody tr td:nth-child(2) img {
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    body.jobs_listing_page section.widget .filters_body {
        max-height: 100px;
        overflow-y: auto;
    }



}

div#buyCrediys-PopUp .creditDiv .radio-inline span.cus_radio p {
    display: inline-block;
    color: #f6ad03;
   font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 0;
    text-transform: capitalize;
}

div#buyCrediys-PopUp .creditDiv .radio-inline:first-child img {
    opacity: 0;
}

body.my_freelancer_page table#my_freelancers tbody tr td:nth-child(2) img {
    width: 60px;
    height: 60px;
    border-radius: 4px;
}

body.my_freelancer_page table#my_freelancers tbody tr td:nth-child(3) a {
    text-transform: capitalize;
}

body.my_freelancer_page table#my_freelancers tbody tr td:nth-child(3) .mbm {
    font-size: 20px;
    line-height: 1.3;
    margin-top: 5px;
    display: flex;
}

body.my_freelancer_page table#my_freelancers tbody tr td:nth-child(3) .mbm i {
    margin-right: 5px;
}

body.its_job_in_detail_page .panel-body.tbl_cont img.img-fluid {
    width: 50px;
    height: 50px;
}

body.my_freelancer_page table.dataTable tbody tr td:nth-child(4)>div {
    max-height: 70px;
    overflow-y: auto;
}

body.my_freelancer_page table.dataTable tbody tr td:nth-child(4)>div::-webkit-scrollbar {
    width: 8px;
}

body.my_freelancer_page table.dataTable tbody tr td:nth-child(4)>div::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

body.my_freelancer_page table.dataTable tbody tr td:nth-child(4)>div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c1c1c1;
}

body.my_freelancer_page table.dataTable tbody tr td:nth-child(4)>div:first-child {
    margin-bottom: 8px;
}

body.my_freelancer_page table.dataTable tbody tr td:nth-child(4)>div strong {
  font-family: "Plus Jakarta Sans", sans-serif;
    width: 100%;
    display: inline-block;
    background: #fff;
    position: sticky;
    top: 0;
}

/* 07 Aug 2020 */

@media (max-width: 600px) and (orientation: portrait) {

    .select2-container--open .select2-dropdown--below {
        border: 0 !important;
        border-radius: 4px;
    }

    .select2-search--dropdown {
        padding: 0;
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 0 !important;
        padding: 3px 2px 3px 10px;
        border-radius: 4px;
        font-size: 14px;
    }

    section.app_andriod_apple .text_content h3,
    section.app_andriod_apple .text_content h2 {
        font-size: 18px;
    }

    body>span.select2-container.select2-container--default.select2-container--open {
       
        z-index: 1;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        font-size: 14px;
        padding-top: 4px;
    }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding-left: 22px;
    }

    section.mobile_app_download.d-block.d-sm-none {
        height: auto;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        width: 100%;
        padding: 1px 0 0 10px;
    }

    .banner_inner_wrp form select.location {
        height: 28px !important;
    }

    .banner_inner_wrp form>div>input {
        border-right: 0;
    }
}

body.add_job_page_is .page-header-fixed .ticket_panel {
    padding-right: 0;
    padding-left: 0;
    background: #fff;
    padding: 40px 35px;
    border-radius: 5px;
    margin-bottom: 0;
    margin: 0 auto;
    color: rgb(5, 38, 78);
}

span.upload_avatr i.fa.fa-pencil {
    display: none;
}

span.upload_avatr i.fa.fa-pencil {
    display: inline-block;
    position: absolute;
    left: 11px;
    top: 8px;
    color: #fff;
    font-size: 18px;
}

body.its_regiter_page .t_and_c {
    margin-bottom: 15px;
}

body.its_regiter_page .t_and_c span.custom_checkbox {
    top: 4px;
}

body.like_profile_page .select_arr i {
    background: rgba(0, 0, 0, 0);
}

body.ticket_create_page .post_job_panel {
    max-width: 600px !important;
}

body.ticket_create_page .post_job_panel h4 {
    margin-bottom: 15px;
}

body.ticket_create_page .post_job_panel .attachments_wrapper>div,
body.ticket_view_page .attachments_wrapper>div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    margin-top: 10px;
}

body.ticket_create_page .post_job_panel .attachments_wrapper>div label,
body.ticket_view_page .attachments_wrapper>div label {
    margin-right: 20px;
}

body.ticket_create_page .post_job_panel .attachments_wrapper>div input,
body.ticket_view_page .attachments_wrapper>div input {
    cursor: pointer;
    outline: 0 !important;
}

@media (max-width: 600px) {
    body.ticket_create_page .post_job_panel {
        margin-bottom: 25px !important;
        margin-top: 25px !important;
    }

}

div#tickets_length>label,
div#tickets_filter>label {
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    body.ticket_view_page div#content {
        max-width: 1170px;
    }

}

.select_arr i {
    display: none;
}

select {
    background-image: url(../images/dd-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px top 50% !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-left: 10px;
}



option {
    font: -moz-pull-down-menu;
}

input[type="file"] {
    font-size: 15px;
    position: relative;
    background: transparent;
    border: 0 !important;
    width: 100%;
    max-width: 250px;
}

input[type="file"]::before {
    ;
    position: absolute;
    width: auto;
    background: #526489;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    padding: 0 12px;
}

input[name="userfile[]"]::before {
    content: "Upload Files"
}

input[name="userfile"]::before {
    content: "Upload File"
}


.banner_inner_wrp form select.location {
    background: #fff !important;
    appearance: none !important;
}

body.proffessional_page .selection_side .frequncy .frequncy_inputs {
    max-height: 460px;
    overflow-y: auto;
    padding-right: 8px;
}

body.proffessional_page .selection_side .frequncy .frequncy_inputs::-webkit-scrollbar {
    width: 10px;
}

body.proffessional_page .selection_side .frequncy .frequncy_inputs::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

body.proffessional_page .selection_side .frequncy .frequncy_inputs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c1c1c1;
}



div#contractCloseForm-popup div#message {
   font-family: "Plus Jakarta Sans", sans-serif;
}

.about_client_wrapper a.img_pro img {
    height: 100%;
    width: 100%;
}

body.message_compose input[name="userfile[]"]::before {
    content: "Upload File";
}

body input#banner_images::before {
    content: "Upload File"
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    body.like_skills_profile div#skill_cat {
        flex-flow: column !important;
    }

    div.dataTables_paginate span {
        display: flex;
    }

    div.dataTables_paginate a.paginate_button.previous,
    div.dataTables_paginate a.paginate_button.next {
        margin-left: 0;
    }

    div.dataTables_paginate>span a {
        margin: 0 2px;
    }

    div.dataTables_paginate {
        display: flex;
        flex-flow: row;
    }

 

    body.its_my_bids_view i.fa.fa-map-marker {
        line-height: 20px;
    }
}

body.ticket_create_page .btn {
    border: 0 !important;
}

body.its_contact_for_job_page div.img_wrpr img {
    height: 100%;
}

div.dataTables_processing {
    padding-top: 4px;
    margin-left: 6px;
}

div.dataTables_length label {
    padding-right: 10px;
}

body.add_job_page_is .title_d .btns a:first-child {
    margin-right: 5px;
}

body.add_job_page_is .title_d {
    width: auto;
    flex-grow: 1;
}

body.add_job_page_is .title_d .btns {
    max-width: 120px;
    display: flex;
    width: 100%;
}

body.like_education_profile .docs_table td:nth-child(3) a.text-info {
    overflow: hidden;
    max-width: 140px;
    overflow-y: hidden;
}

body.like_education_profile .docs_table td:nth-child(3) span {
    display: flex !important;
}

@media (max-width: 767px) {
    div#buyCrediys-PopUp .creditDiv {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

    div#buyCrediys-PopUp .creditDiv .radio-inline {
        width: 48%;
    }

    div#buyCrediys-PopUp .creditDiv span#credits-error-container {
        width: 100%;
    }

    div#buyCrediys-PopUp .creditDiv>.radio-inline label {
        padding: 10px;
    }

    .banner_inner_wrp .select2-container--default ul::before {
        font-size: 14px;
        left: 6px;
        top:25px;
    }

    .banner_inner_wrp .select2-container--default .select2-search--inline .select2-search__field {
        border-radius: 5px;
    }
}

body.proffessional_page .card_footer_item .price {
    font-size: 14px;
    color: #526489;
    font-family: "Plus Jakarta Sans", sans-serif;
    white-space: nowrap;
    margin-top: 5px;
    font-weight:800;
    
}

body.proffessional_page .view_profile .price_profile {
    display: flex;
    flex-flow: column;
    
}

.card_wrapper h5 a {
    color: rgb(5, 38, 78);
    text-decoration: none !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    section.find_pro_in_near_cities .m_wrrpr .img img {
        width: auto;
        max-width: none;
    }

    .banner_inner_wrp .banner_text h2 {
        text-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.6);
    }

    .banner_inner_wrp form>div {
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    }

    .dash_boadrd .widget {
        box-shadow: 0px 0px 10px -4px #696969;
    }

    .scroll_noti {
        scrollbar-track-color: #f1f1f1;
        scrollbar-arrow-color: #FFFFFF;
        scrollbar-face-color: #c1c1c1;
        scrollbar-shadow-color: #fff;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
    }

    .scroll_noti::after {
        content: "";
        height: 32px;
        display: block;
    }

    .page-header-fixed header.header .navbar_custom {
        box-shadow: 0px 0px 9px -3px #9c9c9c;
    }

    span.upload_avatr i.fa.fa-pencil {
        display: inline-block;
        position: absolute;
        left: 11px;
        top: 8px;
        color: #fff;
        font-size: 18px;
    }

    span.upload_avatr input {
        background-color: rgba(0, 0, 0, 0);
        opacity: 0;
    }

    .select_arr i {
        display: none;
    }

    body.add_job_page_is input.form-control,
    body.add_job_page_is input[type="text"] {
        line-height: 0.2;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .cus_file_upload {
        background: #526489;
        color: #fff;
        display: inline-block;
    }

    .cus_file_upload {
        width: 200px;
        height: 38px;
        display: block;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #c6c6c6;
        font-size: 14px;
        position: relative;
        color: #FFF;
        overflow: hidden;
    }

    .cus_file_upload::before {
        content: "Select a file!";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff
    }
    body.add_job_page_is input#userfile {
        opacity: 0 !important;
        width: 200px;
        height: 38px !important;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        left: -10px;
    }

    .cus_file_upload input#userfile {
        opacity: 0 !important;
        height: 38px !important;
        cursor: pointer !important;
        position: relative;
        left: -10px;
    }

    table.dataTable {
        float: none !important;
    }

    body.like_jobs_bid_page table.dataTable thead th:last-child,
    body.job_profile_search_page table.dataTable thead th:last-child {
        width: 110px !important;
    }

    div#job_bids_paginate a.paginate_button,
    div#jobs_paginate a.paginate_button {
        padding: 7px !important;
    }

    div#job_bids_paginate a.paginate_button.next,
    div#jobs_paginate a.paginate_button.previous,
    div#my_freelancers_paginate a.paginate_button.next,
    div#my_freelancers_paginate a.paginate_button.previous,
        {
        padding-left: 6px !important;
    }

    section.home_banner {
        overflow: hidden;
    }

    body.dash_boadrd.for_pro_people .widget .progress .progress-bar {
        background: #f6ad03;
    }

    .dash_boadrd .widget:hover {
        box-shadow: 0 0 1rem -0.3rem #696969;
    }

    .dash_boadrd .widget .stats-title {
        font-size: 0.95rem !important;
    }

    select {
        background-color: #fff !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        -o-appearance: none !important;
        appearance: none !important;
        padding-right: 20px !important;
    }

    select::-ms-expand {
        display: none !important;
        padding-right: 20px !important;
    }

    .clr_pro_pri {
        color: #f6ad03;
    }

    body.profile_page {
        background: #fff !important;
    }

    div.receiver_wants_to_say ul.media-list li.media {
        margin-bottom: 10px;
    }

    div.sender_wants_to_say ul.media-list li.media {
        display: block !important;
    }

    body.message_compose input#subject {
        padding-bottom: 10px;
    }

    body.like_message_inbox_page #messagesContainer li p.email-desc {
        max-height: 20px;
        overflow: hidden;
    }

    .containermessagesDiv {
        padding-right: 20px;
    }

    div.receiver_wants_to_say>p {
        padding-right: 20px;
    }

    div#my_freelancers_wrapper label input[type="search"] {
      
        height: 35px;
    }

    div#my_freelancers_wrapper label select {
        border: 1px solid rgb(118, 118, 118);
    }

    div#tickets_wrapper label input[type="search"] {
        height: 35px;
    }

    div#tickets_wrapper label select {
        border: 1px solid rgb(118, 118, 118);
        border-radius: 4px;
    }

    div#tickets_paginate a#tickets_previous {
        padding-right: 10px !important;
        padding-left: 7px !important;
    }

    div#tickets_paginate a#tickets_next {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    div#my_freelancers_paginate a#my_freelancers_previous {
        padding-right: 10px !important;
        padding-left: 7px !important;
    }

    div#my_freelancers_paginate a#my_freelancers_next {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .select2-container--default .select2-search--inline .select2-search__field{
        max-width: 100%;
        width: 100%;
    }
}

header .app-download_button {
    background: #fff;
}

span.select2.select2-container.select2-container--default.select2-container--above {
    width: 100% !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}


.home_page .pac-container span {
    display: none;
}

.home_page .pac-container span.pac-icon.pac-icon-marker,
.home_page .pac-container span.pac-item-query,
.home_page .pac-container span.pac-item-query span {
    display: initial;
}

.home_page .pac-container span.pac-item-query,
.home_page .pac-container span.pac-item-query span {
    display: inline;
}

.alert.homePageAlert {
    position: relative;
    padding: .75rem 1.25rem !important;
    margin-bottom: 0px !important;
}

header.header.fixedHeader {
    top: 0;
    animation: smoothScroll 1s forwards;
    position: fixed !important;
    z-index: 99999;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20, 20, 20, 0.7);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position: fixed;
    bottom: 50px;
    left: 100px;
    right: 800px;
    display: none;
    z-index: 9999;
    border-radius: 10px;
}

#cookieConsent a {
    color: #d62212;
    color: #00cded;
    text-decoration: none;
}

#closeCookieConsent {

    cursor: pointer;
    
}


#cookieConsent a.cookieConsentOK {
    
    color: #fff !important;
	    background-color: #00cded;
    color: rgb(5, 38, 78);
    display: inline-block;
    cursor: pointer;
}
#closeCookieConsent {

    background: #d62210;
color: #fff !important;
    margin-left: 8px;
    background-color: #00cded;
    color: rgb(5, 38, 78);
    display: inline-block;
    border-radius: 4px;
    padding: 0 20px;
    cursor: pointer;
}



@media (max-width : 1023px) {
    div#cookieConsent {
        bottom: 0px;
    }
}





/*Mobile tabs*/
@media (max-width : 1099px) {
    section.mobile_div_for_tab ul.nav.nav-tabs {
       
        margin: 4rem auto 0 auto;
        padding: 0;
    }

    section.mobile_div_for_tab ul.nav.nav-tabs li a{
    	    margin-right: 2rem;
    width: 100%;
    height: 100%;
       
    }

    .only_desktop.home_banner {
        display: none !important;
    }

    section.mobile_div_for_tab ul.nav.nav-tabs li a.active {
        color: #00cded !important;
        font-weight: 600;
        border-bottom: 3px solid #00cded;
        text-decoration: none;
    }

    section.mobile_div_for_tab ul.nav.nav-tabs li a {
        color: #526489 !important;
        font-size: 13px;
    }
}

@media (min-width : 1100px) {
    section.mobile_div_for_tab .container {
        max-width: 100% !important;
    }

    section.mobile_div_for_tab ul.nav.nav-tabs {
        display: none;
    }
}


@media (max-width : 1099px) {
    section.mobile_app_download.d-block.d-sm-none.pt-2 {
        display: block !important;
    }
}


@media (min-width : 767px) and (max-width :1099px) {
    body section.mobile_div_for_tab ul.nav.nav-tabs {
        width: 100% !important;
    }

    body section.mobile_div_for_tab ul.nav.nav-tabs li a {
        font-size: 17px !important;
    }
}

body.profile_page div#content {
    padding-top: 0;
}

div[class*="dataTables"] label select,
div[class*="dataTables"] label input {
    padding-left: 5px;
    border: 1px solid #ccc;
    border-radius: 3px !important;
    margin-left: 4px;
    outline: 0;
}

body.like_page_my_bids .radio-list label[for="status"] {
    margin-left: 0 !important;
}


@media (min-width: 768px) and (max-width: 991px) {
    body.only_for_profile ul#ioniconsTab li.nav-item a {
        white-space: normal;
    }

    section.services_sec .card_wrapper>.card {
        flex-wrap: wrap;
    }

    section.services_sec .card_wrapper>.card>.card_img {
        width: 20%;
    }

    section.services_sec .card_wrapper>.card>.card-block {
        width: 80% !important;
        flex-shrink: 1;
        flex-grow: 1;
    }

    section.services_sec .card_wrapper>.card>.card_footer_item {
        flex-grow: 1;
        padding-left: 20%;
    }
}

@media (min-width: 992px) {

    header.header .middle_menu_wrp {
        flex-flow: row !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.header .middle_menu_wrp li.nav-item a i {
        display: flex;
        align-items: center;
    }
    header.header .middle_menu_wrp li.nav-item a {
        display: flex !important;
        flex-flow: row;
    }

    header.header .middle_menu_wrp>*:not(:last-child) {
        margin-right: 5px;
    }

    header.header .middle_menu_wrp li.pr-4 {
        padding-right: 8px !important;
        padding-top: 7px;
    }
}

@media (max-width: 991px) {

    header.header .avtr_title>span {
        font-size: 14px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    header.header .avtr_title>span {
        line-height: 1.5 !important;
    }

    header.header .avtr_title::after {
        top: 7px;
        position: relative;
    }
}

header.header .middle_menu_wrp li.nav-item a span:first-child {
    margin-right: 5px;
}

.alert.homePageAlert p {
    margin-bottom: 0;
}

.wrrpr p.text-center.clr_575f67 {
    min-height: 48px;
}

section.single_blog_page .avatar_img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}


body.no_click .inner_div_no_click {
    display: block;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(111,111,111,0.5);
    background: rgb(0 0 0 / 0.3);
    top: 0;
    z-index: 99999;
    overflow: hidden !important;
}
div#cookieConsent {
     font-family: "Plus Jakarta Sans", sans-serif;
        background: #fff !important;
    color: rgb(5, 38, 78);
    padding: 1rem;
    font-size: 14px;
    line-height: 22px;
    right: 17px !important;
  
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    border-radius: 0;
    width: 100%;
    text-align: center;
    transition: ease 0.25s;
}
body.no_click {
      height: 100%;
      overflow: hidden;
      width: 100%;
      position: relative;
}
body.no_click > section{
    overflow: hidden;
}
div#cookieConsent a#closeCookieConsent.custom_btn {
	    background: transparent;
    color: #00cded !important;
    border: 1px solid #00cded;
}
div#cookieConsent a.cookieConsentOK.custom_btn {}
div#cookieConsent .action_wrapper > a {
    width: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0;
    margin: 0;
    border-radius: 4px !important;
    border: 1px solid #00cded;
}
div#cookieConsent .action_wrapper > a:hover {
    opacity: 0.8;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .filter_btn {
        display: none;
    }
    .services_sec .selection_side{
        display: block;
    }
    .services_sec .selection_side {
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        max-width: 25%;
    }
    .services_sec .main_content {
        flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        max-width: 75%;
        grid-area: unset;
        -ms-grid-row: unset;
        -ms-grid-row-span: unset;
        -ms-grid-column: unset;
    }
    .services_sec .selection_side {
        grid-area: unset;
        -ms-grid-row: unset;
        -ms-grid-column: unset;
    }
    .main_section {
        display: flex !important;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex !important;
        grid-template-columns: unset;
        -ms-grid-columns: unset;
        grid-template-areas: unset;
    }
    .services_sec .selection_side {
        position: relative;
        display: block;
        background: #fff;
        z-index: 9;
        width: unset;
        height: unset;
        left: unset;
        transform: unset;
        width: 100%;
        box-shadow: unset;
        max-width: unset;
        padding-top: 3rem !important;
    }

}





/*=========================12 Sept===========================================*/

/*Removing master z-index footer*/
body.job_profile_search_page table#jobs tbody tr td:last-child i.fa.fa-info-circle {
    position: absolute;
    top: 35%;
    right: 5%;
}
body.job_profile_search_page table#jobs tbody tr td:last-child {
    position: relative;
    display:flex;
}
body.for_pro_people footer.footer.primary_foot.pb-4 {
    z-index: 10 !important;
}
body.for_pro_people header.header.fixedHeader {
    z-index : 99 !important;
}

/*Modal filter for header*/
body.dash_boadrd.for_pro_people.modal-open header.header {
    filter: brightness(0.5);
}


a.loadMoreWorkExperiences {
    width: 120px;
}

body li.select2-selection__choice span {
    color: #526489 !important;
}
body li.select2-selection__choice span.select2-selection__choice__remove {
    background: #f4ad05 !important;
}

body .select2-results__option[aria-selected=true], li.select2-results__option.select2-results__option--highlighted {
    background: #00cded !important;
    border-bottom: 0px solid rgb(5, 38, 78)00026;
}
body .select2-results__option[aria-selected=true]:hover {
    background: #00cded !important;
}
.child_checkboxes.custom_child_skills label.form-check-label>label {
    padding-left: 2rem;
    position: relative;
}
.child_checkboxes.custom_child_skills label.form-check-label>label:before {
    content: "";
    border: 1px solid #293980;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    left: 0;
}
.child_checkboxes.custom_child_skills label.form-check-label>input[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    z-index: 9;
}
.child_checkboxes label.form-check-label {
    padding-left: 0 !important;
}
.child_checkboxes.custom_child_skills label.form-check-label>input[type="checkbox"]:checked + label:after {
    content:"\f00c";
    font-family:'FontAwesome';
    position : absolute;
    left : 1px;
    color : #293980;
    font-size : 14px;
    top : 2px;
    transform: rotate(-7deg);
}

.banner_inner_wrp .select2-container--default .select2-search--inline .select2-search__field{
        max-height: 40px !important;
    height: 100% !important;
    margin-top: 8px !important;
}

@media (max-width: 768px) {
    body.add_job_page_is div#skill_cat>label.form-check-label label::before {
        left: -16px !important;
    }
}

@media (min-width: 768px) {
    body.add_job_page_is div#skill_cat>label.form-check-label label::before {
        left: -20px !important;
        top: 3px !important;
    }
}



/*
************************************
      Community Guidelines
************************************
*/
section#community_guide h1.mb-0 {
  
 
  font-size: 70px;
    font-weight: 700;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", sans-serif;
     filter: drop-shadow(0px 3px 1px rgba(0,0,0,0.33));
    
    float: left;
}

section#community_guide {
    background-image: url('../images/Background-cg.png');
    padding: 7.8rem 0 4.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section#community_guide.how_quiqpro_works {
    background-image: url('../images/how-it-works.png');
}

.bg-eaf6fa {
  background-color: #fff !important;
}
.text-3b8ec0 {
  color: #00cded !important;
}

.posts_wrapper .card_wrapper .offer_items img#offer_img {
    border-radius: 0 !important;
    min-width: unset !important;
    height: auto !important;
    width: 40px !important;
    min-height: unset !important;
    max-height: unset !important;
}

section#policies_for h2.mb-3.text-center {

    font-weight: 600;
    font-size: 36px;
    color: #00cded;
}

section#policies_for p.mb-4.text-center {
    max-width: 772px;
    font-size: 20px;
    line-height: 26px;
    color: #515151;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

section#poster_master h4 {
    font-size: 25px;
    color: #515151;
    font-weight: 600;
}

section#poster_master p {
    font-size: 20px;
    line-height: 24px;
    color: #5c5c5c;
}
section#poster_master .wrap {
    border-radius: 4px;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.25));
    background-color: #ffffff;
    transition: all ease 0.25s;
        padding: 2.6rem;
}
section#poster_master .wrap:hover {
    filter: drop-shadow(0px 30px 27px rgba(29,67,84,0.25));
}
section#poster_master a{
    text-decoration: none !important;
  outline: 0;
}
@media (min-width: 1090px) {
  section#poster_master .container {
      max-width: 1030px;
  }
}

@media (min-width: 992px) {
section#poster_master.cover_shield_qa .container {
    max-width: 960px;
}
}

@media (min-width: 1200px) {
section#poster_master.cover_shield_qa .container {
    max-width: 1140px;
}

}
@media only screen and (min-width: 1305px) {
section#poster_master.cover_shield_qa .container {
    max-width: 1305px;
}

}
section#poster_master.cover_shield_qa .container .text_wrap p{
	font-size: 14px;
	line-height: 21px;
	color: rgb(5, 38, 78)000;
	font-weight: 400;
	 font-family: "Plus Jakarta Sans", sans-serif;
}

section#poster_master.cover_shield_qa .container .wrap {
	filter: drop-shadow(0 0 2.5px rgba(0,0,0,0.33));
}
section#poster_master.cover_shield_qa .container .wrap:hover {
	filter: drop-shadow(0px 23px 35px rgba(22,50,95,0.2));
}
@media (max-width: 768px) {
    section#poster_master .wrap{
        padding: 1rem;
    }
    section#poster_master .wrap br{
        display: none;
    }
    section#poster_master h4 {
        font-size: 20px;
    }
    section#poster_master p {
          
            font-size: 14px;
             font-family: "Plus Jakarta Sans", sans-serif;
        }
        section#poster_master .wrap img.mr-4 {
    max-width: 55px;
    height: auto;
}

}

.text-30 {
	font-size: 30px !important;
}
.text-18 {
	font-size: 14px !important;
		color:rgb(82, 100, 137);
}
.text-22 {
	font-size: 22px !important;
}
.text-25 {
	font-size: 25px !important;
}
.text-000 {
	color: rgb(5, 38, 78) !important;
}

.text-bold {
font-family: "Plus Jakarta Sans", sans-serif!important;
color:rgb(5, 38, 78);
}
.text-heavy {
font-family: "Plus Jakarta Sans", sans-serif !important;
color: rgb(5, 38, 78) !important;
font-size:22px !important;
font-weight:600;
line-height:45px;
}
.text-light {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	color:rgb(82, 100, 137);
}






.dashed_above{
	position: relative;
}
.dashed_above::after{
	    position: absolute;
    content: "";
    width: 120px;
    top: 0;
    left: 2px;
    border-top: 1px dashed #526489;
}
.dashed_above.center_dashed::after {
	left: 50%;
	transform: translateX(-50%);
}

section.post_job .wrap .text_wrp p {
    max-width: 648px;
    width: 100%;
}
section.post_job .wrap .btn_wrap a {
    border-radius: 4px;
    background-color: #00cded;
    color: #fff;
    padding: 0.85rem 1.3rem;
    font-size: 25px;
    border: 1px solid #00cded;
    transition: all ease 0.25s;
        text-decoration: none;
}
section.post_job .wrap .btn_wrap a:hover {
	color: #00cded;
    background-color: #fff;
}
section.ladiij .wrap{
	transition: all ease 0.25s;
	filter: unset;
	transform: translateY(0);
}
section.ladiij .wrap img {height: 250px;width: auto;}

section.ladiij .wrap:hover {
	filter: drop-shadow(0px 26px 46px rgba(0,0,0,0.13));	
	transform: translateY(-1.4rem);
}
section.ladiij {
    padding: 5rem 0 !important;
}


section.services_workin .grid-container {
	height: 120vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 0.6rem 0.6rem;
  grid-template-areas:
    "box1 box2 box3"
    "box1 box4 box5"
    "box6 box7 box7";
}

section.services_workin .box1 { 
	grid-area: box1;
	background-image: url('../images/box1.png');
}

section.services_workin .box2 { grid-area: box2;background-image: url('../images/box2.png'); }

section.services_workin .box3 { grid-area: box3;background-image: url('../images/box3.png'); }

section.services_workin .box4 { grid-area: box4;background-image: url('../images/box4.png'); }

section.services_workin .box5 { grid-area: box5;background-image: url('../images/box5.png'); }

section.services_workin .box6 { grid-area: box6;background-image: url('../images/box6.png'); }

section.services_workin .box7 { grid-area: box7;background-image: url('../images/box7.png'); }
section.services_workin .box {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #c4c4c4;
    position: relative;
}

section.services_workin .box h3{
	    position: absolute;
    bottom: 1rem;
    top: auto;
    background-color: #00cded;
    width: 100%;
    padding: 1rem 0 0.7rem 2rem;
}

section#poster_master.cover_shield_qa {
    padding-bottom: 5rem !important;
}
section.rating_chat {
    padding: 5rem 0 !important;
    position: relative;
}
section.rating_chat .text_one .wrap {
    border-radius: 8px;
    filter: drop-shadow(0px 30px 27px rgba(29,67,84,0.09));
    background-color: #ffffff;
    position: relative;
}
section.rating_chat::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 210px;
    z-index: 9;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/connecting.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
section.rating_chat .col-md-6.text_one .wrap::after{
	    z-index: -1;
content: "";
    position: absolute;
    top: 45%;
    width: 0;
    height: 0;
    border-left: 30px solid #fff;
    border-top: 30px solid #fff;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-radius: 8px 0 0 0;
    filter: drop-shadow(0px 30px 27px rgba(29,67,84,0.09));
    background-color: #ffffff;
}

section.rating_chat .col-md-6.left.text_one .wrap::after {
	    left: calc(100% - 2rem);
	transform: translateY(-50%) rotate(135deg);
}
section.rating_chat .col-md-6.right.text_one .wrap::after{
	right: calc(100% - 2rem);
	transform: translateY(-50%) rotate(-45deg);
}

@media (max-width: 767px) {
	section.ladiij .wrap img {
		max-width: 100%;
		height: auto;
	}
	section.ladiij .col-md-4:not(:last-child) {
		margin-bottom: 2.2rem;
	}
	section.ladiij {
	    padding: 3rem 0 !important;
	}
}
@media (max-width: 1199px) {
	section.ladiij .wrap h4 br{
		display: none;
	}
	section.ladiij .wrap img {
		max-width: 100%;
		height: auto;
	}
	.text-25 {
		font-size: 20px !important;
	}
	section.post_job .wrap .btn_wrap a {
	    padding: 0.5rem 0.9rem;
	    font-size: 18px;
	}	
	section.services_workin .box h3 {
	    padding: 0.6rem 0 0.3rem 1rem;
	    font-size: 18px !important;
	}

	section.rating_chat .img_one img {
	    max-width: 80%;
	    width: auto;
	}
	section.rating_chat::after {
	    width: 170px;
	}
	.text-30 {
		font-size: 26px !important;
	}
	section.rating_chat .col-md-6.left.text_one .wrap::after {
		left: calc(100% - 3rem);
	}
	section.rating_chat .col-md-6.right.text_one .wrap::after{
		right: calc(100% - 3rem);
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	section.services_workin .grid-container {
	    height: 60vh;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	section.services_workin .grid-container {
	    height: 100vh;
	}

}
@media (max-width: 767px) {
	section.services_workin .box h3 {
		font-size: 15px !important;'
		padding: 0.6rem 0.5rem 0.3rem 1rem;
	}
	section.rating_chat::after{
		display: none;
	}
	section.rating_chat .row1.mb-2 {
	    margin-bottom: 2.2rem !important;
	}
	section.rating_chat .img_one img {
	    margin: 0 auto;
	    display: block;
	}
	section.rating_chat .row2{
		flex-direction: column-reverse;
	}
	section.rating_chat .img_one {
		margin-bottom: 3.4rem;
	}

	section.rating_chat .col-md-6.text_one .wrap::after {
		    bottom: calc(100% - 2.2rem);
    top: unset !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(45deg) !important;
    z-index: -1;
	}

}
@media (max-width: 568px) {
	section.services_workin .grid-container {
		    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, 250px);
    grid-gap: 0.6rem 0;
    grid-template-areas:
        "box1"
        "box2"
        "box3"
        "box4"
        "box5"
        "box6"
        "box7";
	}


.banner_inner_wrp form>div>input[name="zipcode"] {
    margin-bottom: 10px;
    padding: 10px 10px 10px 20px !important;
        font-size: 14px !important;
}
.banner_inner_wrp i.fa.fa-map-marker {
    top: 7px;
    transform: unset;
}
.banner_inner_wrp .select2-container--default .select2-search--inline .select2-search__field{
    padding: 10px 10px 10px 20px !important;
        font-size: 14px !important;

}
.banner_inner_wrp span.select2 {
    width: 87% !important;
    height: 35px;
}




}




@media (min-width: 768px){
div#cookieConsent > .d-flex > span {
    flex: 0 0 86%;
    text-align: left;
}    


div#cookieConsent > .d-flex {
    align-items: flex-start !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
div#cookieConsent > .d-flex > span {
    flex: 0 0 80%;
    text-align: left;
}
}

section#banner_aym {
    background: url('../images/image-2.png');
    padding: 10rem 0;
        background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

section#banner_aym {}

section#banner_aym h3 {margin-bottom: 1.2rem;}

section#banner_aym h1 {
    font-size: 70px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

section#banner_aym p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 3rem;
    max-width:450px;
}

section#banner_aym .actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;}

section#banner_aym .actions a {
    background: #f6ad03;
    color: #fff;
    font-size: 14px;
     font-family: "Plus Jakarta Sans", sans-serif;
    padding: 1rem 1.6rem;
    border-radius: 4px;
    text-decoration: none;
        transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    border: 2px solid #f6ad03;
}

section#banner_aym .actions span {
color: #fff;
    font-size: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
    margin-left: 1rem;
}

section#banner_aym .actions a:hover {
    background: transparent;
    color: #f6ad03;
}
section#benefits_to_masters .wrapper {
    padding: 50px 45px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #ffffff;
    box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
    color: rgb(82, 100, 137);
    background: #fff;
    height: 100%;
}

section#benefits_to_masters {
    margin-top: -3rem;
        padding-bottom: 4rem;
}

section#benefits_to_masters .wrapper .main_text {
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

section#benefits_to_masters .wrapper .icon {
    padding: 2rem 0;}

section#benefits_to_masters .wrapper img {
	height: 100px;
}

section#benefits_to_masters .wrapper h5.sub_text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
}

section#benefits_to_masters .wrapper:hover {
    transform: translateY(-30px);
    background: #293980;
    color: #fff;
}

section#benefits_to_masters .wrapper .icon img.normal {
    display: inline-block;

        transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}
section#benefits_to_masters .wrapper .icon img.over {
    display: none;

        transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}

section#benefits_to_masters .wrapper:hover .icon img.normal {
    display: none;
}
section#benefits_to_masters .wrapper:hover .icon img.over {
    display: inline-block;
}


section#faqs_to_masters .wrapper {
    padding:30px 20px;;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #ffffff;
    box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
    color: rgb(82, 100, 137);
    background: #fff;
    height: 100%;
}



section#faqs_to_masters .wrapper .main_text {
    font-size: 20px;
   font-family: "Plus Jakarta Sans", sans-serif;
}

section#faqs_to_masters .wrapper .icon {
    padding: 2rem 0;}

section#faqs_to_masters .wrapper img {
    height: 100px;
}

section#faqs_to_masters .wrapper h5.sub_text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
}

section#faqs_to_masters .wrapper:hover {
    transform: translateY(-30px);
    background: #293980;
    color: #fff;
}

section#faqs_to_masters .wrapper .icon img.normal {
    display: inline-block;

        transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}
section#faqs_to_masters .wrapper .icon img.over {
    display: none;

        transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}

section#faqs_to_masters .wrapper:hover .icon img.normal {
    display: none;
}
section#faqs_to_masters .wrapper:hover .icon img.over {
    display: inline-block;
}

section#large_scale_bussiness {
    position: relative;
}
section#large_scale_bussiness::before {
    background: #293980;
    position: absolute;
    top: 0;
    left: 0;
    width: 47.666667%;
    height: 100%;
    display: block;
    content: "";
    z-index: -1;
}
section#large_scale_bussiness::after {
    background: #f6ad03;
    position: absolute;
    top: 0;
    right: 0;
    width: 52.333333%;
    height: 100%;
    display: block;
    content: "";
    z-index: -1;
}
section#large_scale_bussiness h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 0;
}
section#large_scale_bussiness .bg_fixed_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 58.333333%;
    height: 100%;
    display: block;
    z-index: -1;   
    background-attachment: fixed;
    background-image: url('../images/image-2612.jpg');
}
section#large_scale_bussiness .bg_fixed_img::before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(41,57,128,0.90);
}
section#large_scale_bussiness .custom_btn {
    display: inline-block;
    position: relative;
    padding: 15px 32px 15px;
    line-height: 24px;
    background: none;
    color: #ffffff;
    font-size: 14px;
     font-family: "Plus Jakarta Sans", sans-serif;
    border-radius: 4px;
    letter-spacing: 1px;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-decoration: none;
        transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}
section#large_scale_bussiness a.custom_btn:hover{
	color: rgb(82, 100, 137);	
	background: #fff;
}

section#services_to_masters .row .grid-container .box h3 {
	background: #293980;
}

section#master_app_offer .card .card-title {
    font-family: "Plus Jakarta Sans", sans-serif;
        color: rgb(82, 100, 137);
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 10px;
}

section#master_app_offer .card .card-text {
	    color: #555555;
    font-size: 14px;
    line-height: 1.6em;
     font-family: "Plus Jakarta Sans", sans-serif;
}
section#master_app_offer .card img.card-img-top {
    height: 260px;
    width: auto;
    object-fit: cover;
    object-position: bottom;
}
section#process_for_masters {
    background: rgb(41 57 128 / 0.1);
}

section#process_for_masters::after {
    background-image: url('../images/bel.png');
        width: 215px;
    background-position: center bottom 22%;

}
#testimonial_from_clients ul.slick-dots {
    display: inline-block !important;
    width: auto;
    bottom: 50px;
}
section#testimonial_from_clients .clients_saying .card .card-text:first-child {
    margin-top: 3rem;
    padding-right: 7rem;
}
#testimonial_from_clients ul.slick-dots li button:before{
	font-size: 12px;
	color: #293980;
}




section#master_app_offer .row1 > .right {
    padding: 5rem 1rem 5rem 3.6rem !important;
}
section#master_app_offer .right .left p {
    position: relative;
    padding-left: 2.8rem;
    font-size:14px;
}

section#master_app_offer .right .left p.mb-0::before {
    content: url(../images/medal.png);
    position: absolute;
    left: -0.9rem;
    transform: scale(0.7);
    top: -0.4rem;
}

section#master_app_offer .row1 > .left img{
  
    display: none;
}
section#master_app_offer .row1 > .left {
    background: url('../images/mission_history.png');
background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
}
section#master_app_offer .row2  .right .p-xl-5.p-md-4.p-3.bg-dark.text-white {
    padding: 5rem 2rem !important;
    position: relative;
}
section#master_app_offer .row2  .right .p-xl-5.p-md-4.p-3.bg-dark.text-white::before{
            content: url(../images/quotation_mark.png);
    position: absolute;
    transform: scale(0.7);
    top: -65px;
    right: 20px;

}
section#master_app_offer .row1 .right h3.primary_heading {
    font-size: 28px;
        color: #293980 !important;
}
@media (max-width: 1199px) {
	section#testimonial_from_clients .clients_saying .card .card-text:first-child {
		    margin-top: 0;
    		padding-right: 0;
	}
	#testimonial_from_clients ul.slick-dots{
		bottom: 0;
	}
	section#process_for_masters::after{
		width: 190px;
    	background-position: center bottom 40%;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	section#master_app_offer .row1 > .right {
	    padding: 5rem 1rem 5rem 1.5rem !important;
	}
}
@media (max-width: 991px) and (min-width: 768px) {

	section#benefits_to_masters .wrapper .main_text {
	    font-size: 20px;
	    height: 72px;
    }
    section#benefits_to_masters .wrapper img {
	    height: 80px;
	}
    section#faqs_to_masters .wrapper .main_text {
        font-size: 20px;
        height: 72px;
    }
    section#faqs_to_masters .wrapper img {
        height: 80px;
    }
	section#master_app_offer .row1 > .left {
	    padding: 25%;
	}
}


@media (max-width: 991px) {
	section#benefits_to_masters .wrapper {
	    padding: 1.6rem;
	}
	section#benefits_to_masters .wrapper .main_text br {
		display: none;
	}
	section#benefits_to_masters .wrapper .icon {
	    padding: 1rem 0;
	}
    section#faqs_to_masters .wrapper {
        padding: 1.6rem;
    }
    section#faqs_to_masters .wrapper .main_text br {
        display: none;
    }
    section#faqs_to_masters .wrapper .icon {
        padding: 1rem 0;
    }
	section#large_scale_bussiness::before{
		width: 100%;
		height: 50%
	}
	section#large_scale_bussiness::after{
		width: 100%;
		height: 50%;
	    bottom: 0;
	    top: unset;
	}
	section#large_scale_bussiness .bg_fixed_img{
		width: 100%;
	}
	#testimonial_from_clients ul.slick-dots{
		    width: 100%;
	    display: block !important;
	    bottom: -50px;
	}
	
	section#process_for_masters::after{
		width: 170px;
    background-position: center bottom 90%;
	}

}


@media (max-width: 767px) {
	section#banner_aym h3 {
	    font-size: 24px;
	}

	section#banner_aym h1 {
	    font-size: 44px;
	}

	section#banner_aym p {
		    font-size: 18px;
	    margin-bottom: 1rem;
	}
	section#banner_aym .actions span {
	    margin: 1rem 0 1rem;
	}

	section#benefits_to_masters .wrapper:hover{
		transform: translateY(0);
	}
	section#benefits_to_masters .wrapper img {
	    height: 120px;
	}

    section#faqs_to_masters .wrapper:hover{
        transform: translateY(0);
    }
    section#faqs_to_masters .wrapper img {
        height: 120px;
    }

	section#large_scale_bussiness::after{
		height: 60%;
	}
    section#master_app_offer .row1 > .right {
        padding: 2rem 1rem 0 !important;
    }
    section#master_app_offer .row1 > .left img{
        height: auto !important;
    }

	section#master_app_offer .row1 > .left {
	    padding: 50%;
	}
	section#master_app_offer .row1 .right h3.primary_heading {
	    font-size: 32px;
	    margin-bottom: 0.4rem !important;
	}

}


/*cities css*/

.professional-city-grid{
    display: grid;
    grid-template-rows: repeat(4,minmax(0,1fr));
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 1rem;
}
.professional-city {
    position: relative;
    overflow: clip;
}
.professional-city > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
        filter: brightness(0.7);
}
.professional-city:hover img {
    transform: scale(1.1);
}

.professional-city-content {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out;
    padding: 1rem;
    width: 100%;
}

.professional-city:hover .professional-city-content {
    transform: translateY(0);
}

.professional-city-content span {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 0.5rem;
}

.professional-city-content h5 {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.professional-city-content p {
    color: #fff;
    margin: 0;
    text-transform:capitalize !important;
}
.professional-city-1 {
    grid-row: span 2/span 2;
    grid-column: span 3/span 3;
}
.professional-city-2 {
    grid-row: span 2/span 2;
    grid-column-start: 4;
    grid-column: span 3/span 3;
}
.professional-city-3 {
    grid-row-start: 3;
    grid-row: span 2/span 2;
    grid-column: span 2/span 2;
}
.professional-city-4 {
    grid-row-start: 3;
    grid-row: span 2/span 2;
    grid-column-start: 3;
    grid-column: span 2/span 2;
}
.professional-city-5{
    grid-row-start: 3;
    grid-row: span 2/span 2;
    grid-column-start: 5;
    grid-column: span 2/span 2;
}
@media (max-width: 768px) {
    .professional-city-grid{
        display: block;
    }
    .professional-city{
        margin: 1rem 0;
    }
}

/*cities css*/

/*professional css*/
 .professionals-section {
        max-width: 1280px;
        width: 90%;
        margin: 0 auto;
      }
      .professionals-heading {
        font-weight: 700;
        font-size: 2.25rem;
        line-height: 45px;
        text-align: center;
        max-width: 42rem;
        margin: 0 auto;
            color: #05264e;
        margin-bottom: 0.5rem;
      }
      .professionals-item {
        position: relative;
        overflow: hidden;
      }
      .professionals-grid {
        display: grid;
        grid-template-rows: repeat(6, minmax(0, 1fr));
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1rem;
      }
      .professionals-item-1 {
        grid-row: span 3 / span 3;
        grid-column: span 6 / span 6;
      }
      .professionals-item-2 {
        grid-row: span 3 / span 3;
        grid-row-start: 4;
        grid-column: span 6 / span 6;
        grid-column-start: 1;
      }
      .professionals-item-3 {
        grid-row: span 3 / span 3;
        grid-row-start: 1;
        grid-column: span 4 / span 4;
        grid-column-start: 7;
      }
      .professionals-item-4 {
        grid-row: span 2 / span 2;
        grid-row-start: 1;
        grid-column: span 2 / span 2;
        grid-column-start: 11;
      }
      .professionals-item-5 {
        grid-row: span 2 / span 2;
        grid-row-start: 3;
        grid-column: span 2 / span 2;
        grid-column-start: 11;
      }
      .professionals-item-6 {
        grid-row: span 3 / span 3;
        grid-row-start: 4;
        grid-column: span 4 / span 4;
        grid-column-start: 7;
      }
      .professionals-item-7 {
        grid-row: span 2 / span 2;
        grid-row-start: 5;
        grid-column: span 2 / span 2;
        grid-column-start: 11;
      }
      .professionals-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease-in-out;
      }

      .professionals-item:hover img {
        transform: scale(1.1);
      }

      .professionals-content {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease-in-out;
        padding: 1rem;
        width: 100%;
      }

      .professionals-item:hover .professionals-content {
        transform: translateY(0);
      }

      .professionals-content h5 {
        color: #fff;
        font-weight: bold;
        font-size: 28px;
        margin: 0;
      }

      .professionals-content p {
        color: #fff;
        margin: 0;
        text-transform:capitalize
      }

      @media (max-width: 768px) {
        .professionals-grid{
          display: block;
        }
        .professionals-item{
          margin: 1rem 0;
        }
      }
/*professional css*/

   /*jobs css*/
 .job-card {
    position: relative;
    display: inline-block; /* Assuming you want these to be displayed inline */
    border-radius: 0.75rem; /* Equivalent to rounded-xl in Tailwind */
    height: 16rem !important; /* Equivalent to h-64 in Tailwind */
    width: 12rem !important; /* Equivalent to w-48 in Tailwind */
    overflow: hidden;
    margin: 0 1rem;
}

.job-card img {
    width: 100% !important;;
    height: 100% !important;;
    object-fit: cover;
    z-index: -10;
    transition: transform 0.3s ease-in-out;
}

.job-card:hover img {
    transform: scale(1.1);
}

.job-content {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(36px);
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out;
    padding: 0.5rem;
    width: 100%;
}

.job-card:hover .job-content {
    transform: translateY(0);
}

.job-content h3 {
    color: #fff;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0.5rem;
    font-size: 14px;
   text-transform: capitalize;
      
}

.job-content p {
    color: #fff;
    margin: 0;
     text-transform: capitalize;
}
.access p
{
    color:#526489 !important;
     text-transform: capitalize;
      
}


.access ,.access p
{
    color:#526489 !important;
}
.desc-blog
{
        font-size: 14px!important;
   font-weight: 400;
    line-height: 22px!important;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
   margin-bottom: 0.75rem;
    text-overflow: ellipsis;
    color:#526489;
}
.textblog
{
        color: #05264e !important;
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -.025em;
    font-weight: 700;
}
.blogflex
{
justify-content: space-between;
display:flex;
}
.home_banner>img
{
    min-height:100vh !important;
}


   /*jobs css*/
   
   /*blog css*/
   .blog-card {
        max-width: 300px; /* Equivalent to max-w-sm in Tailwind */
        background-color: #fff;
        border: 2px solid #e2e8f0; /* Equivalent to border border-gray-200 in Tailwind */
        border-radius: 0.375rem; /* Equivalent to rounded-lg in Tailwind */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); /* Equivalent to shadow in Tailwind */
        padding: 0.5rem; /* Equivalent to p-2 in Tailwind */
        display: flex;
        flex-direction: column;
        margin-right:2rem;
        min-height: 420px !important;

      }

      .blog-card a img {
        width: 100%; /* Equivalent to w-full in Tailwind */
        border-radius: 0.375rem; /* Equivalent to rounded-lg in Tailwind */
        max-height: 180px !important;

      }

      .blog-content {
        padding-top: 1.25rem; /* Equivalent to py-5 in Tailwind */
      }

      .blog-badges {
        margin-bottom: 0.5rem; /* Equivalent to mb-2 in Tailwind */
      }

      .blog-badges span {
        display: inline-block;
        background-color: #ebf4ff; /* Equivalent to bg-blue-100 in Tailwind */
        color: #1e3a8a; /* Equivalent to text-blue-800 in Tailwind */
        font-size: 0.75rem; /* Equivalent to text-xs in Tailwind */
        font-weight: medium; /* Equivalent to font-medium in Tailwind */
        margin-right: 0.5rem; /* Equivalent to me-2 in Tailwind */
        padding: 0.25rem 0.625rem; /* Equivalent to px-2.5 py-1 in Tailwind */
        border-radius: 0.25rem; /* Equivalent to rounded in Tailwind */
      }

      .blog-heading h5 {
        margin-top: 0.5rem; /* Equivalent to my-2 in Tailwind */
        font-size: 1.5rem; /* Equivalent to text-2xl in Tailwind */
        font-weight: bold; /* Equivalent to font-bold in Tailwind */
        line-height: 1.25; /* Equivalent to leading-tight in Tailwind */
        color: #2d3748; /* Equivalent to text-gray-900 in Tailwind */
      }

      .blog-para {
        margin-bottom: 0.75rem; /* Equivalent to mb-3 in Tailwind */
        font-size: 0.875rem; /* Equivalent to text-base in Tailwind */
        color: #4a5568; /* Equivalent to text-gray-700 in Tailwind */
      }

      .blog-bot {
        display: flex;
        align-items: center;
      }

      .blog-poster img {
        width: 2rem; /* Equivalent to w-8 in Tailwind */
        height: 2rem; /* Equivalent to h-8 in Tailwind */
        border-radius: 50%;
      }

      .blog-poster-detail {
        flex: 1;
        min-width: 0;
        margin-left: 0.25rem; /* Equivalent to ms-4 in Tailwind */
      }

      .blog-poster-detail p:first-child {
        font-size: 0.875rem; /* Equivalent to text-sm in Tailwind */
        font-weight: medium; /* Equivalent to font-medium in Tailwind */
        color: #2d3748; /* Equivalent to text-gray-900 in Tailwind */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
      }

      .blog-poster-detail p:last-child {
        font-size: 0.875rem; /* Equivalent to text-sm in Tailwind */
        color: #718096; /* Equivalent to text-gray-500 in Tailwind */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
      }

      .blog-read {
        margin-left: auto;
        font-size: 0.875rem; /* Equivalent to text-base in Tailwind */
        color: #2d3748; /* Equivalent to text-gray-900 in Tailwind */
      }
   /*blog css*/
   
   /*review sectioin css*/
  
      
    
     .review-card:hover {
      border-color: #00cded; /* Change border color on hover */
      border-width: 2px; /* Increase border width on hover */
    }

     .review-card {
        max-width: 22rem; /* Equivalent to max-w-sm in Tailwind */
        background-color: #fff;
        border: 1px solid #e2e8f0; /* Equivalent to border border-gray-200 in Tailwind */
        border-radius: 0.375rem; /* Equivalent to rounded-lg in Tailwind */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); /* Equivalent to shadow in Tailwind */
        padding: 0.5rem; /* Equivalent to p-2 in Tailwind */
        margin: 2rem 0;
        margin-right:2rem;
          min-height: 230px !important;
      }

      .review-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: translateY(-25%);
      }

      .review-user-img img {
        width: 3rem; /* Equivalent to w-8 in Tailwind */
        height: 3rem; /* Equivalent to h-8 in Tailwind */
        border-radius: 50%;
            margin-top: -15px;
    margin-bottom: 10px;
      }

      .review-user {
        flex: 1;
        min-width: 0;
        margin-left: 0.25rem; /* Equivalent to ms-4 in Tailwind */
      }

      .review-user-name {
        font-size: 0.875rem; /* Equivalent to text-sm in Tailwind */
        font-weight: medium; /* Equivalent to font-medium in Tailwind */
        color: #2d3748; /* Equivalent to text-gray-900 in Tailwind */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0px;
            margin-top: 10px;
      }

      .review-star-container {
        display: flex;
        justify-content: center;
      }
      .review-star-container .svg {
        width: 1rem; /* Equivalent to w-4 in Tailwind */
        height: 1rem; /* Equivalent to h-4 in Tailwind */
        margin-left: 0.25rem; /* Equivalent to ms-1 in Tailwind */
        fill: #d2d6dc; /* Equivalent to text-[#00CDED] in Tailwind */
      }
       .review-star-container .svg0 {
        width: 1rem; /* Equivalent to w-4 in Tailwind */
        height: 1rem; /* Equivalent to h-4 in Tailwind */
        margin-left: 0.25rem; /* Equivalent to ms-1 in Tailwind */
        fill: #00cded; /* Equivalent to text-[#00CDED] in Tailwind */
      }
      
      .review-star-container .svg-yellow {
        width: 1rem; /* Equivalent to w-4 in Tailwind */
        height: 1rem; /* Equivalent to h-4 in Tailwind */
        margin-left: 0.25rem; /* Equivalent to ms-1 in Tailwind */
        fill: #ffc107; /* Equivalent to text-[#00CDED] in Tailwind */
      }

      

      .review {
        margin-top: 0.5rem; /* Equivalent to my-2 in Tailwind */
      }

      .review-content{
        display: grid;
        place-items: center;
      }

      .review-content p {
        margin-bottom: 0.75rem; /* Equivalent to mb-3 in Tailwind */
        font-size: 0.875rem; /* Equivalent to text-sm in Tailwind */
        color: #4a5568; /* Equivalent to text-gray-700 in Tailwind */
        text-align: center;
        margin-top:5px;
      }

      .review-content button {
        color: #718096; /* Equivalent to text-gray-500 in Tailwind */
        font-size: 0.875rem; /* Equivalent to text-sm in Tailwind */
        cursor: pointer;
        border: none;
        background: none;
      }
      
      .dark
      {
          font-weight:400 !important;
          color:#05264e !important;
          font-size:14px !important;
          
      }
      
      .hiring
      {
          font-size: 36px;
    line-height: 45px;
    color: #05264e;
    font-style: normal;
    font-weight: 700;
     font-family: "Plus Jakarta Sans", sans-serif; 
     
      }

.review-desc
{
        overflow-y: scroll;
    max-height: 75px;
}

/*map pointcss*/

      .world-services {
        max-width: 1280px;
        width: 90%;
        margin: 0 auto;
        display: flex;
        gap: 32px;
      }
      .world-left {
        width: 33.33%;
      }
      .world-right {
        width: 66.66%;
        position: relative;
      }
      .world-right img {
        width: 100%;
        height: auto;
      }
      .world-right > div  {
        position: relative;
      }
      .world-services-head > h1,
      .world-services-head > h2 {
        color: #00cded;
          font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 36px !important;
    font-weight: 700;
    line-height: 45px;
        margin: 0;
        text-align: end;
      }
      .world-services-head > p {
        font-size: 22px;
        line-height:26px;
         font-family: "Plus Jakarta Sans", sans-serif;
         font-weight: 400;
         color:#526489;
         width: 78%;
      }
     
      .world-services-head > p {
        margin-top: 10px;
     
      }
      .continent {
        display: flex;
        justify-content: end;
        gap: 4px;
        margin-top: 10px;
      }
      
      .grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
      
      .continent:hover
      {
          cursor:pointer;
      }
      .service-numbers {
        color: #00cded;
      }
      .service-name
      {
          
           font-size: 22px;
        font-weight: 700;
        color:#05264e;
        line-height: 45px;
        font-family: "Plus Jakarta Sans", sans-serif;
      }
      .service-numbers {
        font-size: 22px;
        font-weight: 700;
        color:#00cded;
        line-height: 45px;
        font-family: "Plus Jakarta Sans", sans-serif;
      }
      
      .service-name,
      .service-numbers span
      {
          color:#526489;
         font-family: "Plus Jakarta Sans", sans-serif; 
      }
      .world-spot {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background-color: #00cded;
        animation: pulse-animation 2s infinite;
      }
      @keyframes pulse-animation {
        0% {
          box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
        }
        100% {
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        }
      }
      @media (max-width: 768px) {
        .world-services {
          flex-direction: column-reverse;
        }
        
       .total-count
       {
           text-align: center !important;
       }
        
        .continent
        
        {
               justify-content: center !important; 
        }
        .world-left, .world-right {
          width: 100%;
        }
      }


/*map pointcss*/


.text-map
{
    color: #526489;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    text-align:Center;
    margin-top:25px;
}


.single_item p
{
    font-size:14px !important;
}

.text-secondary
{
    font-size:14px !important;
    color:#212529 !important;
    line-height:21px !important;
    font-weight:normal !important;
}


@media (max-width: 768px) {
           .blogcenter
{
    margin-left:35px !important;
}
.banner_inner_wrp i.fa.fa-map-marker
{
    margin-top:3px;
}

.rcard
{
    margin-left: 45px !important;
}
.slick-next:before, .slick-prev:before
{
    display:none;
}

        }

      
   /*review section css*/
   
   
   /*profile css*/
   
    
.more_inputs_skill {
  border: none;
  padding: 0;
  background: none;
  color:#00cded;
}
.less_inputs_skill {
  border: none;
  padding: 0;
  background: none;
  color:#00cded;
}

.social ul {
      list-style-type: none;
      padding-left: 0;
    }
    
    .social a {
      background: none repeat scroll 0 0 #4390c6;
      border-radius: 100%;
      color: #ffffff;
      display: inline-block;
      float: left;
      margin-right: 5px;
      padding: 7px 3px 5px;
      text-align: center;
    }

    .left-border {
      border-left: 1px solid #D6D0D0;
    }

    body.profile_page {
      background: unset;
    }

    .slick-prev {
      left: 85px;
      z-index: 1;
    }

    .slick-next {
      right: 85px;
      z-index: 1;
    }

    .slick-list.draggable {
      padding: 0 !important;
    }
    .bcolor
    {
        background-color:#00cded;
        color:#fff;
    }
    
    .bcolor:hover
    {
       background-color:rgb(82, 100, 137);
       color:#fff;
    }
    
 

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 2px solid #00cded;
    border-radius: 50%;
    max-width: 100%;
    height: auto;
        margin-top: -75%;
}

.text-success {
    color: #00cded !important;
}

.text-info {
    color: #00cded!important;
}
.mtfb
{
    margin-top:-2%;
}


/*profile css*/

/*hiring*/

      .div-hiring {
        height: fit-content;
        width: fit-content;
        background-color: white;
        display: flex;
        align-items: center;
        border: 1px solid #00cded;
        border-radius: 10px;
        box-shadow: 0 10px 20px -5px rgba(10,42,105,.06);
        line-height: 5px;
        font-family: sans-serif;
        padding:10px;
        margin: 0 auto;
      }
      .weight
      {
           font-weight:800;
      }
     
      .hiring3 {
        margin-left: -25px;
        font-size: 20px;
        color: #526489;
         font-family: "Plus Jakarta Sans", sans-serif;
         line-height:26px !important;
         font-weight:600px !important;
      }
      .hiring1 {
        margin-top: 10px;
        margin-right: 45px;
      }
      .hiring5 {
        margin-left: 10px;
      }

      @media (max-width: 767px) {
        .div-hiring {
          height: fit-content;
          width: fit-content;
          background-color: white;
          display: flex;
          align-items: center;
          border: 1px solid rgb(144, 128, 128, 0.5);
          border-radius: 10px;
          box-shadow: 1px 1px 3px grey;
          line-height: 5px;
          padding: 15px;
          font-family: sans-serif;
        }

        .hiring1 {
          display: none;
        }

        .hiring5 {
          display: none;
        }
        .hiring3 {
          margin-left: 0px;
          font-size: 20px;
        color: #526489;
        }
        
        .banner_work h2
        {
            font-size:16px !important;
            margin-top:35px;
        }
      }

/*hiring css*/

/*exta css*/
.carddesign
{
       border: 1px solid #D9D9D9;
    border-radius: 10px;
    box-shadow: 0 10px 20px -5px rgba(10,42,105,.06);
    margin-bottom: 10px;
    padding: 0px 40px;
}

.carddesign:hover
{
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
   transition: box-shadow 0.3s ease-in-out;
}

.rev_text
{
    font-size:14px;
}


/*suggestion */

.card-related.user-card-related {
        border-top: none;
        -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05),
          0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05),
          0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
        -webkit-transition: all 150ms linear;
        transition: all 150ms linear;
        min-height: 450px;
      }

      .card-related {
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
        box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
        border: none;
        margin-bottom: 30px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        
      }

      .card-related .card-header {
        background-color: transparent;
        border-bottom: none;
        padding: 25px;
      }

      .card-related .card-header h5 {
        margin-bottom: 0;
        color: rgb(82, 100, 137);
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        margin-right: 10px;
        line-height: 1.4;
        font-family: "Plus Jakarta Sans", sans-serif;
      }

      .card-related .card-header + .card-block,
      .card-related .card-header + .card-block-big {
        padding-top: 0;
      }

      .user-card-related .card-block {
        text-align: center;
      }

      .card-related .card-block {
        padding: 25px;
      }

      .user-card-related .card-block .user-image {
        position: relative;
        margin: 0 auto;
        display: inline-block;
        padding: 5px;
        width: 110px;
        height: 110px;
      }

      .user-card-related .card-block .user-image img {
        z-index: 20;
        position: absolute;
        top: 5px;
        left: 5px;
        width: 100px;
        height: 100px;
      }

      .img-radius {
        border-radius: 50%;
      }

      .f-w-600 {
        font-weight: 600;
      }

      .m-b-10 {
        margin-bottom: 10px;
      }

      .m-t-25 {
        margin-top: 25px;
      }

      .m-t-15 {
        margin-top: 15px;
      }

      .card-related .card-block p {
        line-height: 1.4;
        font-size:14px;
      }

      .text-muted {
        color: rgb(82, 100, 137) !important;
        font-size:14px;
       
      }

      .user-card-related .card-block .activity-leval li.active {
        background-color: #2ed8b6;
      }

      .user-card-related .card-block .activity-leval li {
        display: inline-block;
        width: 15%;
        height: 4px;
        margin: 0 3px;
        background-color: #ccc;
      }

      .user-card-related .card-block .counter-block {
        color: #fff;
      }

    
      .m-t-10 {
        margin-top: 10px;
      }

      .p-20 {
        padding: 20px;
      }

      .user-card-related .card-block .user-social-link i {
        font-size: 30px;
      }

 

      .user-card-related .card-block .user-image:before {
        bottom: 0;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
      }

      .user-card-related .card-block .user-image:after,
      .user-card-related .card-block .user-image:before {
        content: "";
        width: 100%;
        height: 48%;

        position: absolute;
        left: 0;
        z-index: 10;
      }

      .user-card-related .card-block .user-image:after {
        top: 0;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
      }

      .user-card-related .card-block .user-image:after,
      .user-card-related .card-block .user-image:before {
        content: "";
        width: 100%;
        height: 48%;

        position: absolute;
        left: 0;
        z-index: 10;
      }

      .price_profile {
        display: flex;
        flex-flow: column;
        align-items: center;
      }
      
      .flex-wrap > span
      {
          font-size:14px;
      }
     
      
       a.custom_btn {
        font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
        border-radius: 4px;
        background-color: #00cded;
        color: #ffffff;
       
        border: none;
      }
      
      .price_profile .price
      {
          font-weight:800;
      }
      a.custom_btn:hover
      {
          background-color: 
rgb(82, 100, 137);
color:#fff;
      }
   
/*suggestion*/

/*new css*/
.are_you_master h3
{
    font-szie:40px;
    color:rgb(255, 255, 255);
    font-weight:700;
    line-height:32px;
}

    .banner {
        min-height: 40rem;
        padding: 0;
        display: grid;
        place-items: center;
    }
    
     .pricing
    {
        background: #526489;
    color: #fff;
    font-weight: 700;
   background: -webkit-linear-gradient(81deg, #2aafc4 20%, #00cded 50%);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }



/*new css z*/

/*new css start*/
.content{background-color: #ffffff;}
.btn.btn-primary {
  border: 0.8px solid #2f5cb9;
  font-family: arial;
  font-size: 11px !important;
  font-weight: bold;
}
.pcolor
{
    background: #008ec0;
    color: #fff;
    border-radius: 5px;
    padding: 4px 15px;
    margin-right:80%;
}

.btnrow
{
    display: flex;
    grid-column-gap: 20px;
}

 .bg-QP {
        background-color: #00cded !important;
        color: #ffffff;
      }
      .nav-QP {
        color: #495057;
      }
      .QP-active {
        border-bottom: 2px solid #00cded !important;
      }
      .QPA-active {
        border-bottom: 2px solid #293980 !important;
      }
      .hero-section {
        height: 300px;
        overflow: clip;
      }
      .hero-img {
        object-fit: cover;
      }
      .main-section {
        margin-top: -200px;
      }
      .profile-div > img {
        width: 10rem;
        height: 10rem;
        object-fit: cover;
        object-position: 0 5%;
      }
      .profile-btn {
        gap: 0.5rem;
      }
      .profile-btn > button {
        height: 2.5rem;
      }
      
      .card
      {
          text-transform: capitalize;
      }
      
      .form-control
      {
          line-height: 1.4 !important;
      }
      
      .select2-container .select2-selection--single
      {
          height:36px !important;
         
      }
      
      .select2-container--default .select2-selection--single .select2-selection__rendered
      {
             
                font-size: 16px !important;
                 padding-top:4px !important;
      }
      .select2-container--default .select2-selection--single .select2-selection__arrow b
      {
          top:65% !important;
      }
      
        
    #btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
     background-color:#00eded;
        color:#ffffff !important;
        border: 1px solid #fff;
        border-radius: 50%;
    }
    
    .down
    {
        display: flex;
    margin: 0 auto;
    position: relative;
    top: 60px !important;
    }
    
    .sizetext
    {
        font-size:16px;
    }
    
    .field-height
    {
        height:55px;
    }
    
    .new-active
    {
        position: absolute;
    margin-top: 5px;
    font-size: 0.75rem;
    }
    
     .gradntcust
    {
      background-size: 400% 400% !important;
    background: linear-gradient(280deg, #00cded, #E91E63, #03A9F4, #00cded);
    animation: titlegradient 15s ease infinite;
    color: #fff;
    }
    
    .gradnt
    {
       background-size: 400% 400% !important;
    background: linear-gradient(280deg, #FFC107, #3F51B5, #FFC107, #3F51B5);
    animation: titlegradient 15s ease infinite;
    color: #fff;
    }
    
    @keyframes titlegradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
    
.alert-warning , .alert-success
{
     text-transform: math-auto;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #293980;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #293980;
  cursor: pointer;
}

 i {
        cursor: pointer;
    }
    
    .chat-bottom-container {
    position: relative;
    border-top: 1px solid #9e9999;
    margin-top:5px;
}
 
 
      .chattextfocus {
        width: 100%;
        border: none;
        padding: 0.25rem 0.75rem;
         resize: none;
         overflow: hidden;
      }
      .chattextfocus:focus {
        outline: none;
      }
      
      .send-button {
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    right: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.chat-input {
    position: relative;
}

 .chat-header-left h4 {
    font-size: 16px;
    font-weight:700;
}
  .chat-header-left p {
    font-size: 12px;
    color: #9e9999;
}
.chat-status {
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
}
  .chat-status span {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: green;
    top: -8px;
    position: relative;
    margin-left: 20px;
}

.chat-status-red {
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
}


.chat-status-red span
{
      width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: red;
    top: -8px;
    position: relative;
    margin-left: 20px;
}
.chat-header-left {
    display: flex;
    width: 100%;
}
 
 .chat-header {
   
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #9e9999;
}
/*new css end z*/

     .mms-invoice {
        background-color: #2b3a7e;
        color: white;
        padding-bottom: 10px;
        position: relative;
        z-index: 2;
      }
      .mms-commercial {
        font-size: 15px;
        letter-spacing: 2px;
      }
      .mms-form-group {
        display: flex;
        align-items: center !important;
      }
      .mms-form-group label {
        text-align: right;
        padding-right: 12px;
        font-size: 12px;
        width: 120px;
      }

      .mms-form-group .data-field {
        border: 1px solid white;
        background-color: white;
        color: #2b3a7e;
        font-size: 12px;
        width: 40%;
        padding: 1px;
      }

      .mms-table {
        width: 100%;
        border-collapse: collapse;
      }

      .mms-td,
      .mms-th {
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 2px;
      }

      .mms-th {
        width: 18%;
        background-color: #2b3a7e;
        color: white;
      }

      .mstable {
        border-collapse: collapse;
        width: 100%;
      }

      .msth {
        background-color: #f2f2f2;
        padding: 8px;
        text-align: left;
      }

      .msdescription {
        width: 50%;
        background-color: #2b3a7e;
        color: white;
        text-align: center;
        font-size: 12px;
      }
      .mssubtotal {
        background-color: #2b3a7e;
        color: white;
        text-align: center;
        font-size: 12px;
      }

      .msquantity,
      .msprice {
        width: 10%;
        background-color: #2b3a7e;
        color: white;
        text-align: center;
        font-size: 12px;
      }

      .mstotal-amount {
        width: 20%;
        background-color: #2b3a7e;
        color: white;
        text-align: center;
        font-size: 12px;
      }

      .mstd,
      .msth {
        font-size: 12px;
        border: 1px solid #ddd;
        padding: 2px;
      }

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

      .mms-margin-right-5 {
        margin-right: 5px;
      }

      .mms-font-size-12 {
        font-size: 14px;
        font-weight: 900;
      }

      .mms-margin-0 {
        margin: 0;
      }

      .mms-font-size-8 {
        font-size: 12px;
        font-weight: 500;
      }
      .mms-last {
        border-bottom: 1.5px dashed #2b3a7e;
        margin-bottom: 90px;
      }
      .mms-design {
        width: 50px;
        height: 50px;
        position: relative;
        top: -45px;
        left: 85px;
        z-index: 0;
        transform: rotate(45deg);
        background-color: #2b3a7e;
      }
      
      /*review card*/
       .header {
        column-gap: 1rem;
      }
      .header-left img {
        width: 3rem;
        height: 3rem;
        object-fit: cover;
      }
      .header-right h5,
      .header-right p {
        margin: 0;
        font-size: 1rem;
      }
      .header-right h5 img {
        height: 1rem;
        margin-left: 0.25rem;
      }
      .header-right p {
        color: gray;
        text-transform: capitalize;
      }
      .review-body {
        margin-top: 1rem;
      }
      .star-container {
        column-gap: 12px;
      }
      .stars {
        column-gap: 4px;
      }
      .date-container p {
        margin: 0;
        font-size: 12px;
        color: gray;
      }
      .review {
        margin-top: 0.5rem;
      }
      .reply-review {
        margin-top: 1.5rem;
        padding: 1rem 2rem;
        border-left: 4px solid rgb(199, 199, 199);
      }
      .reply-img img {
        width: 3rem;
        height: 3rem;
      }
      
      
      /*review card*/
      
        
 .os
 {
     margin-left: 20px;
    margin-top: -15px;
 }