/**
Theme Name: explita
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: explita
Template: astra
*/

/*login-temp*/
.no-gutter > [class*='ast-col-'] {
    padding-right:0;
    padding-left:0;
}
.login-main{
    display: flex;
    flex-wrap:wrap;
    margin: 0;
    max-width: 100%;
}
.login-main .login-right-column{
    display:flex;
    flex: 1 1 auto;
    padding:30px 30px;
    background: #305288;
}
.login-main .login-right-column .login-right-inner{
    text-align: center;
    margin: 0px auto;
}
.login-main .login-left-column{
    display:flex;
    flex: 1 1 auto; 
    padding:30px 70px;
}
.login-right-column .login-right-title{
    font-weight:bold;
    color:#ffffff;
    font-size:30px;
    margin:20px 0px;
}
.login-right-column .login-right-list .login-right-list-text{
    font-size:22px;
    color:white;
    font-weight:400;
    line-height:36px;
}
.login-right-column .login-right-list i{
    font-size:18px;
    color:white;
    margin-right:10px;
}
.login-right-column .login-right-text{
    font-weight:lighter;
    color:white;
}
.login-left-column .user-login-wrap{
    width:100%;
}
.login-left-column .login-left-title{
    font-weight:bold;
    color:#006AAC;
    font-size:30px;
    margin:20px 0px; 
}
.login-left-column form .input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.login-left-column form .icon {
    padding: 20px 10px;
    color:#3333334D;
    min-width: 50px;
    text-align: center;
    position: absolute;
}

.login-left-column form input {
    width: 100%;
    padding: 16px 50px;
    outline: none;
    background: #f2f8ff;
    border: 1px solid #006AAC;
    border-radius: 25px;
    line-height: 1;
}
.login-left-column form input::placeholder{
    font-size:13px;
    color:#006AAC;
    line-height: 1;
}
.login-left-column form input:focus {
    border: 1px solid dodgerblue;
}
.login-left-column form input[type="submit"]{
    color: #5989B7;
    padding: 16px 20px;
    cursor: pointer;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    border: 1px solid #006AAC;
}
.login-left-column form input[type="submit"]:hover,.login-left-column form input[type="submit"]:focus{
    background:#006AAC;
    color:white;
}
.login-left-column form .Remindme{
    margin-top:30px;
    margin-bottom:15px;
}
.login-left-column form .Remindme label{
    font-size:15px;
    color:#006AAC;
    margin:0px 8px;
    line-height: 1.3;
}
.login-left-column form input[type="checkbox"]{
    width: 20px;
    height: 17px;
}
.login-left-column form .below-text{
    font-size:13px;
    color:#006AAC;
    line-height: 1;
}
.login-left-column form .below-text a{
    text-decoration: underline;
    color:#006AAC;
}
/*login-temp*/

/*freelancer signup*/
.freelancer-signup-main .freelancer-signup-inner{
    width:100%;
}
.freelancer-signup-main .signup-title{
    font-weight:bold;
    color:#006AAC;
    font-size:30px;
    margin-bottom: 20px;
}
.freelancer-signup-main .signup-title .signup-title-span{
    vertical-align: middle;
    font-size:18px;
}
.freelancer-signup-main .signup-title .signup-title-span a{
   margin: 0px 5px;
   color:#006AAC;
   font-style:italic;
   text-decoration: underline;
   font-size:15px;
}
.freelancer-signup-main .signup-title .signup-title-span a:hover{
    text-decoration: underline;
}
.freelancer-signup-main .freelancer-signup-inner .input-container{
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.freelancer-signup-main .freelancer-signup-inner .input-container .icon {
    padding: 20px 10px;
    color: #3333334D;
    min-width: 50px;
    text-align: center;
    position: absolute;
}
.freelancer-signup-main .freelancer-signup-inner input {
    width: 100%;
    padding: 16px 50px;
    outline: none;
    background: #f2f8ff;
    border: 1px solid #006AAC;
    border-radius: 25px;
    line-height: 1;
}
.freelancer-signup-main .freelancer-signup-inner input::placeholder{
    font-size:13px;
    color:#006AAC;
    line-height: 1;
}
.freelancer-signup-main .freelancer-signup-inner input:focus {
    border: 1px solid dodgerblue;
    background: white;
}
.freelancer-signup_page .freelancer-signup-inner label{
    display:none;
}
.freelancer-signup-main .freelancer-signup-inner input[type="button"]{
    color: #006AAC;
    padding: 16px 20px;
    cursor: pointer;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    border: 1px solid #006AAC;
}
.freelancer-signup-main .freelancer-signup-inner input[type="button"]:hover,.freelancer-signup-main .freelancer-signup-inner input[type="button"]:focus{
    background:#006AAC;
    color:white;
}
.freelancer-signup_page .freelancer-signup-inner .f_signup_as{
    width:unset;
    margin: 5px 5px 20px 5px;
}
.freelancer-signup_page .freelancer-signup-inner input[type="radio"]{
    margin:5px;
}
.freelancer-signup_page .freelancer-signup-inner .radio-text{
    margin-left:5px;
    margin-right: 15px;
    font-size:14px;
    color: #006AAC;
}
.freelancer-signup_page .freelancer-signup-inner .Remindme{
    margin-top:20px;
    margin-bottom:0px;
}
.freelancer-signup_page .freelancer-signup-inner .Remindme label a{
    text-decoration: underline;
}
.freelancer-signup_page .freelancer-signup-inner .Remindme label{
    font-size:14px;
    color:#006AAC;
    margin:0px 8px;
    line-height: 1.3;
    display: block;
}
.freelancer-signup_page .freelancer-signup-inner input[type="checkbox"]{
    width: 20px;
    height: 17px;
}
/*freelancer signup*/

/*client signup*/
.client-signup-main .client-signup-inner{
    width:100%;
}
.client-signup-main .signup-title{
    font-weight:bold;
    color:#006AAC;
    font-size:30px;
    margin-bottom: 20px;
}
.client-signup-main .signup-title .signup-title-span{
    vertical-align: middle;
    font-size:18px;
}
.client-signup-main .signup-title .signup-title-span a{
    color: #006aac;
    margin: 0px 5px;
    font-style: italic;
    text-decoration: underline;
    font-size:15px;
}
.client-signup-main .signup-title .signup-title-span a:hover{
    text-decoration: underline;
}
.client-signup-main .client-signup-inner .input-container{
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.client-signup-main .client-signup-inner .input-container .icon {
    padding: 20px 10px;
    color: #3333334D;
    min-width: 50px;
    text-align: center;
    position: absolute;
}
.client-signup-main .client-signup-inner input {
    width: 100%;
    padding: 16px 50px;
    outline: none;
    background: #f2f8ff;
    border: 1px solid #006AAC;
    border-radius: 25px;
    line-height: 1;
}
.client-signup-main .client-signup-inner input::placeholder{
    font-size:13px;
    color:#006AAC;
    line-height: 1;
}
.client-signup-main .client-signup-inner input:focus {
    border: 1px solid dodgerblue;
    background: white;
}
.client-signup_page .client-signup-inner label{
    display:none;
}
.client-signup-main .client-signup-inner input[type="button"]{
    color: #006AAC;
    padding: 16px 20px;
    cursor: pointer;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    border: 1px solid #006AAC;
}
.client-signup-main .client-signup-inner input[type="button"]:hover,.client-signup-main .client-signup-inner input[type="button"]:focus{
    background:#006AAC;
    color:white;
}

.client-signup_page .client-signup-inner .Remindme{
    margin-top:30px;
    margin-bottom:0px;
}
.client-signup_page .client-signup-inner .Remindme label a{
    text-decoration: underline;
}
.client-signup_page .client-signup-inner .Remindme label{
    font-size:14px;
    color:#006AAC;
    margin:0px 8px;
    line-height: 1.3;
    display: block;
}
.client-signup_page .client-signup-inner input[type="checkbox"]{
    width: 20px;
    height: 17px;
}
/*client signup*/

.login-icon i:before {
    content: "\f007";
    font-size: 17px;
    padding: 9px 10px;
    border: 1px solid #e8e3e3;
    border-radius: 50%;
    margin: 0px 6px;
}
.login-icon a{
    font-weight:500;
    color:#3a3a3a;
}
#primary-menu .menu-page{
    display:none;
}
#blogs .uabb-blog-posts-description{
    padding-top:0px;  
}
.dropdown select {
    padding: 8px 30px 8px 10px;
    line-height: 1;
    background: white;
    border: 1px solid #ddd;
    border-top-color: rgb(210, 203, 203);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(210, 203, 203);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(210, 203, 203);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(210, 203, 203);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-radius: 0px;
    background: url(/wp-content/uploads/2020/06/br_down.png) no-repeat right #fff;
    -webkit-appearance: none;
    background-position: 90% 50%;
    background-size: 12px;
    margin:10px 0px;
}
#slideform span{
    padding:0px 20px;
}
#slideform .slider-text{
    font-size:20px;
    font-weight:600;
    padding:0px 0px;
}
/*profile start*/
.profile-right-slidebar input[type="text"],.profile-right-slidebar input[type="text"]::placeholder{
    text-align: center;
}
.profile-right-slidebar input[type="text"]::placeholder,.profile-right-slidebar select::placeholder{
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}

.profile-page-wrap{
    background:#F8F8F8;
}
.profile-row{
    margin:60px 0px;
    display: flex;
    align-items: stretch;
}
.profile-left-menu{
    background: white;
    box-shadow: 0px 3px 6px #00000029;
}
.profile-main-wrap{
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    min-height:100%;
    padding: 40px;
}
.profile-main-wrap .profile-inner-wrap h3,
.profile-main-wrap .project-inner-wrap h3{
    color:#006aac;
    font-size:25px;
    font-weight:bold;
}
.profile-main-wrap .profile-inner-wrap small,
.profile-main-wrap .project-inner-wrap small{
    color:#3E3E3E;
    font-size:14px;
}
.profile-left-menu div{
    font-size: 16px;
    padding: 20px 30px;
    font-family:roboto;
    line-height: 1;
    position:relative;
} 
.profile-left-menu div:hover,.profile-left-menu .active_in{
    box-shadow: 0px 1px 5px #00000029;
}
.profile-header a{
    display: inline-block;
}
.profile-header .profile-image-wrap{
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 10px auto;
    border-radius: 50%;
    border: 5px solid lightgrey;
    overflow: hidden;
}
.profile-name{
    color:white;
    font-size:18px;
    text-transform: capitalize;
    font-weight: 500;
}
.profile-email{
    color:white;
    font-size:14px;
    text-transform: capitalize;
    font-weight: 500;
}

.profile-header{
    /* background-image: url(/wp-content/uploads/2020/08/Register-Banner.png); */
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    background: #006aac;
}
.profile-header .profile_name{
    color: white;
}
.profile-header .profile_id{
    color: white;
}
.profile-photo-left,.profile-photo-right{
    display: inline-block;
    vertical-align: middle;
}
.profile-photo-right p span{
    font-size:20px;
    color:#000000;
    margin-bottom:0px;
    font-weight:500;
}
.profile-photo-right p{
    margin:0;
}
.profile-photo-right .profile-btn{
    margin:20px 0px;
}
.profile-photo-right .profile-btn a,.expertise-btn a{  
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
} 
.profile-photo-right .profile-btn a:hover,.expertise-btn a:hover{
    background:#006aac;
    color: white;
}
.expertise-btn{
    margin-top:40px;
    text-align:center;
}
.profile-photo-left-wrap{
    width: 200px;
    overflow: hidden;
    height: 250px;
   line-height: 250px;
    text-align: center;
    position: relative;
}
.profile-photo-left .profile-photo-info{
    font-size: 12px;
    line-height: normal;
    background: black;
    color: white;
    width: 200px;
    padding: 5px 0px;
    visibility: hidden;
    position: relative;
    top: 0px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
}
.profile-photo-left .profile-photo-info::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    text-align: center;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid black;
    left: 50%;
}
.profile-photo-left:hover .profile-photo-info{
    visibility: visible;
}
.profile-photo-left-wrap:hover .profile-photo-left-wrap:after{
    visibility: visible;
}
/*.profile-photo-left-wrap:after {
    position: absolute;
    z-index: 99;
    left: 0;
    line-height: normal;
    top: 30px;
    width: 200px;
    content: "Front View Profile Picture only!";
    background: black;
    color: white;
    font-weight: 500;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 13px;
    visibility: hidden;
}*/
.profile-photo-left-wrap img{
    max-width:200px;
    max-height:250px;
    vertical-align: middle;
    border: 1px solid gray;
    border-bottom: 1px solid gray;
}
#profile-form .profile-photo-left-wrap .profile-image-remove{
    position: absolute;
    right: 10px;
    top: 6px;
    line-height: 0;
    font-size: 13px;
    background: red;
    padding: 4px 5px;
    color: white;
    border-radius: 50%;
    cursor: pointer;
}
#upload-profile-photo {

    margin-top:10px;
}
#upload-profile-photo::-webkit-file-upload-button {
    visibility: hidden;
}
#upload-profile-photo::before {
    content: 'Upload File';
    color: black;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
#upload-profile-photo:hover::before {
    border-color: white;
    color:black;
}
#upload-profile-photo:active {
    outline: 0;
}
#upload-profile-photo:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
.btn-navigation{
    border: 1px solid #006aac;
    border-radius: 30px;
    padding: 2px 10px;
}
.mandetory{
    color: red;
}

/*.profile-charges-info-wrap{
    text-align: center;
    background-color: #5788b7;
    padding: 20px;
    margin: auto;
    width: 80%;
}*/
/*expertise start*/
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 div label,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 div label{
    font-size:15px;
    color:black;
    font-weight:600;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 .form-group label{
    font-size:13px;
    color:black;
    font-weight:600;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 select.profile-domain{
    width:100%;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    margin: 10px 0px;
    color: #000000;
}

.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 select::focus{
    color: #000000;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .select2-container--default{
    width:100% !important;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    min-height: 35px;
    vertical-align: middle;
    padding: 0px 0px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #f2f8ff;
    border: 1px solid #D5E9FF;
    cursor: default;
    float: left;
    border-radius: 20px;
    padding: 3px 20px;
    margin: 2px 5px 2px 0px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    color: white;
    background: #006aac;
    padding: 0px 9px;
    border-radius: 20px;
    margin: 0px 5px;
    float: right;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .select2-container--default .select2-selection--multiple,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    width:100% !important;
    font-weight: 500;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 input[type="text"],
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 input[type="text"],
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 input[type="text"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 input[type="text"]::placeholder,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 input[type="text"]::placeholder,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 input[type="text"]::placeholder{
    color: #848080;
    text-transform: none;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 input[type="text"]{
    width:100%;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 input[type="date"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: uppercase;
    padding: 10px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .expert-date-to{
    margin-right:25% !important;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer-from{
    float:right;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 input[type="text"]:focus,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 input[type="text"]:focus,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 input[type="date"]:focus,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 input[type="text"]:focus,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 select:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 .form-group{
    margin:15px 0px; 
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group label,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group label,
.profile-right-slidebar .profile-inner-wrap .profile-expertise-3 .form-grop label{
    margin-right:10px;
    line-height:3;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-result{
    color: red;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group span{
    font-size:15px;
    color:black;
    font-weight:600;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group label span,
.profile-right-slidebar .profile-acttab-6 .form-group label span{
    padding:0px 1px;
    color: red;
    font-size:13px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .experise-level-radio label{
    margin-right:15px;
    font-size:14px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .experise-level-radio input[type="radio"]{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
    margin:0px 5px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .experise-level-radio label{
    color: #848080;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .profile-skills{
    width:90%;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .skills-msg{
    font-size:12px;
    font-weight:600;
}
.profile-left-menu div:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 40px;
    background: #f5f3f3;
    border: 1px solid #dbdada;
    border-radius: 50%;
    top:20px;
}
.profile-left-menu div .active{
    width: 14px;
    height: 14px;
    background: #5989b7;
    right: 33px;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    margin: 10px;
    top: 13px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer-addmore-wrap .wrap{
    margin: 40px 0px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer-addmore-btn{
    margin-bottom: 40px;
}
.profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer-addmore-btn a{
    font-size: 12px;
    padding: 8px 15px;
    background: #006aac;
    color: white;
    border-radius: 20px;
}
/*expertise end*/
/*educational profile start*/
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="text"],
.profile-right-slidebar .profile-inner-wrap .profile-education-addmore-wrap .form-group input[type="text"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="text"]::placeholder,
.profile-right-slidebar .profile-inner-wrap .profile-education-addmore-wrap .form-group input[type="text"]::placeholder{
    color: #848080;
    text-transform: none;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group #profile-specialization{
    margin-left: 5px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="text"]:focus,
.profile-right-slidebar .profile-inner-wrap .profile-education-addmore-wrap .form-group input[type="text"]:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group label,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .form-group label,
.profile-right-slidebar .profile-inner-wrap .profile-education-addmore-wrap .form-group label,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .form-group label{
    margin-right:10px;
    line-height:1;
    font-size:15px;
    color:black;
    font-weight:600
}
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap{
    margin: 10px 0px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group,
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-addmore-wrap .form-group,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .form-group{
    margin:15px 0px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="date"],
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-addmore-wrap .form-group input[type="date"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: capitalize;
    padding: 10px;
}   
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="date"]:focus,
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-addmore-wrap .form-group input[type="date"]:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .form-group select,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .form-group select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: capitalize;
    width:47%;   
}   
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .profile-proficiency,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .profile-proficiency{
    margin-left: 10px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .profile-language,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .profile-language{
    margin-left:60px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .form-group select:focus,
.profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .form-group select:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .profile-edu-btn{
    margin-top:40px;
    text-align:center;
}
.profile-right-slidebar .profile-edu-btn a{
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
}
.profile-right-slidebar .profile-edu-btn a:hover{
    background:#006aac;
    color: white;
}   
.profile-right-slidebar  .profile-education-1 .special{
    margin-bottom:0px !important;
    color:#000000;
    text-transform: capitalize;
}
.profile-education-1 .profile-education-addmore-div,.profile-education-2 .profile-language-addmore-div{
    margin-bottom: 30px;
}
.profile-education-1 .profile-education-addmore-div a,.profile-education-2 .profile-language-addmore-div a{
    font-size: 12px;
    padding: 8px 15px;
    background: #006aac;
    color: white;
    border-radius: 20px;
}
.profile-education-1 .profile-education-addmore-div a,.profile-education-2 .profile-language-addmore-div{
    margin-bottom: 30px;
    margin-top: 10px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-edu-from{
    float: right;
    margin-right:10px;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-1 .edu-date-to{
    margin-right:15% !important;
}
.profile-right-slidebar .profile-inner-wrap .profile-education-addmore-wrap .wrap{
    margin-top:40px;
}
/*educational profile end*/
/*hourly rate starts*/
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .profile-charges-info-wrap{
    text-align: center;
    background-color: #006aac;
    padding: 20px;
    margin: auto;
    width: 100%;
    color:white;
    margin-top: 30px;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .profile-charges-info-wrap-msg h5{
    font-weight: 600;
    color: #f1551a;
    font-size:18px;
    text-align: center;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group{
    margin: 15px 0px;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group label{
    margin-right:10px;
    line-height:1;
    font-size:15px;
    color:black;
    font-weight:600;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group input[type="text"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: capitalize;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group input[type="text"]::placeholder{
    color: #848080;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group input[type="text"]:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .profile-charges-info-wrap h4{
    color:white;
    font-size: 24px;
}
.profile-right-slidebar .profile-main-wrap .profile-acttab-4 .profile-charges-info-wrap input[type="checkbox"]{
    margin:8px;
    vertical-align: bottom;
    width: 17px;
    height: 17px;
}
.profile-right-slidebar .profile-charges-btn{
    margin-top:40px;
    text-align:center;
}
.profile-right-slidebar .profile-charges-btn a{
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
}
.profile-right-slidebar .profile-charges-btn a:hover{
    background:#006aac;
    color: white;
}
/*hourly rate ends*/
/*contact info stats*/
.profile-right-slidebar .profile-acttab-5 .form-group .ast-row div{
    margin:15px 0px;
}
.profile-right-slidebar .profile-acttab-5 .form-group label{
    margin-right:10px;
    line-height:1;
    font-size:15px;
    color:black;
    font-weight:600;
}
.profile-right-slidebar .profile-acttab-5 .form-group .country-phonecode{
    position: absolute;
    padding: 6px;
    background: #006aac;
    margin-top: 1px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    color: white;
}
.profile-right-slidebar .profile-acttab-5 .form-group .phone-pinlabel{
    white-space:nowrap;
}
.profile-right-slidebar .profile-acttab-5 .form-group input[type="text"],
.profile-right-slidebar .profile-acttab-5 .form-group select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: capitalize;
    width:90%;
}
.profile-right-slidebar .profile-acttab-5 .form-group input[type="text"]::placeholder{
    text-align:center;
    color: #848080;
}

.profile-right-slidebar .profile-acttab-5 .form-group input[type="text"]:focus,
.profile-right-slidebar .profile-acttab-5 .form-group select:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .contact-info-btn{
    margin-top:40px;
    text-align:center;
}
.profile-right-slidebar .contact-info-btn a{
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
}
.profile-right-slidebar .contact-info-btn a:hover{
    background:#006aac;
    color: white;
}
/*contact info ends*/
/*oveview and title starts*/
.profile-right-slidebar .overview-btn {
    margin-top:40px;
    text-align:center;
}
.profile-right-slidebar .overview-btn a{
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
}
.profile-right-slidebar .overview-btn a:hover{
    background:#006aac;
    color: white;
}
.profile-right-slidebar .overview-form label{
    margin:10px 0px;
    line-height:1;
    font-size:15px;
    color:black;
    font-weight:600;
    width:100%;
    white-space: nowrap;
}
.profile-right-slidebar .overview-form input[type="text"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    width:100%;
    margin: 10px 0px;
    text-align: left;
}
.profile-right-slidebar .overview-form input[type="text"]::placeholder{
    color: #848080;
    text-align: left;
}
.profile-right-slidebar .overview-form input[type="text"]:focus,
.profile-right-slidebar .overview-form textarea:focus{
    background:white;
    outline: 0;
}
.profile-right-slidebar .overview-form textarea{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    width:100;
    height: 80px;
    margin: 10px 0px;
}
/*oveview and title ends*/
/*profile info starts*/
.profile-main-wrap .profile-acttab-7 .profile-check-data-head{
    margin-top:20px;
    margin-bottom: 10px;
}
.profile-main-wrap .profile-acttab-7 .profile-check-data-head h4{
    font-size: 20px;
    color: #414141;
    font-weight: 600;
    display: inline;
}
.profile-main-wrap .profile-acttab-7 .profile-check-data-head a{
    float: right;
    font-size: 14px;
    padding: 5px 25px;
    border: 1px solid #006aac;
    border-radius: 30px;
    line-height: 1;
}
.profile-main-wrap .profile-acttab-7 .profile-check-data-head a:hover{
    background: #006aac;
    color: white;
}
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-1,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-2,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-3,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-4{
    border-bottom: 1px solid #d6d6d6;
}
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-1 table,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-2 table,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-3 table,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-4 table{
    border: none;
}
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-1 table tr td,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-2 table tr td,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-3 table tr td,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-4 table tr td{
    border: none;
    text-transform: capitalize;
}
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-1 table tr td:first-child,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-2 table tr td:first-child,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-3 table tr td:first-child,
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-4 table tr td:first-child{
    width: 40%;
    font-weight: 600;
}
.profile-main-wrap .profile-acttab-7 .profile-inner-wrap-5 h6{
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}
.page-template-freelancers-profile-php .profile-header .head-home-dashboard{
    display:none;
}
/*profile info ends*/
/*expletas test-1 stat*/
.profile-right-slidebar .expletas-test-1-btn{
    margin-top:40px;
    text-align:center;
}
.profile-right-slidebar .expletas-test-1-btn a{
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
}
.profile-right-slidebar .expletas-test-1-btn a:hover{
    background:#006aac;
    color: white;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-header{
    background: #006aac;
    color: white;
    text-align: center;
    padding: 30px 20px;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-header h3{
    color: white;
    margin-bottom: 10px;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-header div{
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo{
    margin: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .roundno h4{
    font-size:25px;
    color: #006aac;
    font-family: inherit;
    font-weight: bold;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .roundno span{
    color:#707070;
    font-size: 13px;
    font-weight: bold;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .start-btn{
    text-align:right; 
    vertical-align: middle;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .start-btn input[type="button"]{
    font-size: 15px;
    padding: 8px 25px;
    background: white;
    border-radius: 15px;
    border: 1px solid #006aac;
    color:  #006aac;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .start-btn input[type="button"]:hover{
    background:#006aac;
    color: white;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .timer{
    display: flex;
    justify-content:center;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .timer span{
    color: #006aac;
    font-family:inherit;
    font-size: 25px;
    border: 1px solid #006aac;
    padding: 3px;
    font-weight: bold;
    margin:0px 5px;
    border-radius: 5px;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .timer h6{
    text-align: center;
    color: black;
    font-size: 10px;
    text-transform: capitalize;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-objective{
    font-weight: 600;
    colo:#707070;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-questions{
    margin: 20px 0px;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-questions p{
    margin-bottom: 0px;
}
.profile-right-slidebar .profile-inner-wrap .expletas-test-questions p:first-child{
    color: #000000;
}
/*expletas test-1 end*/
/*profile end*/

/*client new project starts */
.project-name{
    color:white;
    font-size:18px;
    text-transform: capitalize;
    font-weight: 500;
}
.project-email{
    color:white;
    font-size:14px;
    text-transform: capitalize;
    font-weight: 500;
}
.project-header{
    /* background-image: url(/wp-content/uploads/2020/08/Register-Banner.png); */
    width: 100%;
    text-align: center;
    padding: 95px 0px;
    background: #006aac;
}
.project-page-wrap{
    background:#F8F8F8;
}
.project-row{
    margin:60px 0px;
    display: flex;
    align-items: stretch;
}
.project-left-menu{
    background: white;
    box-shadow: 0px 3px 6px #00000029;
}
.project-main-wrap{
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    min-height:100%;
    padding: 40px;
}
.project-main-wrap .project-inner-wrap h3,
.project-main-wrap .project-inner-wrap h3{
    color:#006aac;
    font-size:25px;
    font-weight:bold;
}
.project-main-wrap .project-inner-wrap small,
.project-main-wrap .project-inner-wrap small{
    color:#3E3E3E;
    font-size:16px;
}
.project-left-menu div{
    font-size: 16px;
    padding: 20px 30px;
    font-family:roboto;
    line-height: 1;
    position:relative;
} 
.project-left-menu div:hover,.project-left-menu .active_in{
    box-shadow: 0px 3px 6px #00000029;
}
.project-left-menu div:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    background: #f5f3f3;
    border: 1px solid #dbdada;
    border-radius: 50%;
    top:20px;
}
.project-left-menu div .active{
    width: 14px;
    height: 14px;
    background: #5989b7;
    right: 8px;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    margin: 10px;
    top: 13px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 label span{
    color: red;
    padding: 0px 1px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 label,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 label,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 label,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 label{
    margin:10px 0px;
    line-height:1;
    font-size:15px;
    color:black;
    font-weight:600;
    width:100%;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .form-group select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: capitalize;
    margin: 10px 0px;
    width: 100%;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .form-group select[selected="selected"]{
    color: black;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .form-group textarea,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .form-group textarea,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .form-group textarea{
    margin: 10px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .form-group,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .form-group,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .form-group,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .form-group{
    margin: 15px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .form-group.looking_reviews{
    display: none;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 select{
    width: 100%;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2-container--default .select2-selection--multiple{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    text-transform: capitalize;
    margin: 10px 0px;
    width: 100%;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    color: white;
    background:#598EBA;
    padding: 0px 9px;
    border-radius: 20px;
    margin: 0px 5px;
    float: right;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f2f8ff;
    border: 1px solid #D5E9FF;
    cursor: default;
    float: left;
    border-radius: 20px;
    padding: 3px 20px;
    margin: 3px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    min-height: 35px;
    vertical-align: middle;
    padding:0px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2 .select2-container .select2-container--default .select2-container--below{
    width: 100% !important;
}
.profile-right-slidebar .profile-main-wrap .client-project-acttab-2 .expertise-level label{
    margin-right: 15px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .expertise-level .ast-row div,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-time .ast-row div{
    margin: 10px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-time .ast-row div div{
    margin: 0px 0px; 
    display: inline;
    float: left;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .expertise-level input[type="radio"],
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .project-type  input[type="radio"],
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-time  input[type="radio"]{
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0px 5px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .project-type label,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .expertise-level .ast-row label,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-time .ast-row label{
    color: #848080;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .expertise-level label,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .project-type label,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-time label{
    margin-right: 10px;
    font-size: 14px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-price #project-payby{
    border-radius: 25px;
    background: #006aac;
    border: 1px solid #D5E9FF;
    color:#ffffff;
    text-transform: capitalize;
    margin: 10px 0px;
    position: relative; 
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-price #project-amount{
    margin-left: -35px;
    text-align: center;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-price input[type="text"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    font-weight: bold;
    color: #006aac;
    text-transform: capitalize;
    margin: 10px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 input[type="text"]::placeholder{
    font-weight: normal;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-price span{
    margin-left: -20px;
    font-weight: bold;
    color: #5788b7;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .looking_reviews input[type="radio"]{
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 10px 5px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-4 input[type="text"]{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color: #000000;
    text-transform: capitalize;
    margin: 10px 0px;
    text-align: center;
    position: relative;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-4 select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color: #000000;
    text-transform: capitalize;
    margin: 10px 0px;
    position: relative;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-4 input[type="text"]::placeholder{
    color: #848080;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .phone-pepend{
    position: absolute;
    left: 32px;
    z-index: 1;
    top: 18px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .overview-form textarea,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .overview-form textarea,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .overview-form textarea{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color:#000000;
    width:100;
    height: 80px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .overview-form textarea::placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .overview-form textarea::-webkit-input-placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .overview-form textarea::placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .overview-form textarea::-webkit-input-placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .overview-form textarea::placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .overview-form textarea::-webkit-input-placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 input[type="text"]::placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .overview-form textarea::-webkit-input-placeholder,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 input[type="text"]::placeholder{
    color: #848080;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .form-group select:focus,
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .overview-form textarea:focus,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .overview-form textarea:focus,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .overview-form textarea:focus,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .form-group select:focus,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .form-group input[type="text"]:focus, 
.project-right-slidebar .project-main-wrap .client-project-acttab-4 input[type="text"]:focus{
    background:white;
    outline: 0;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .title-desc-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .details-expertise-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .address-phone-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .budget-reviews-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .title-desc-btn{
    margin-top:20px;
    text-align:center;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .title-desc-btn a,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .details-expertise-btn a,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .address-phone-btn a,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .budget-reviews-btn a,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .title-desc-btn a{
    font-size: 14px;
    padding: 5px 25px;
    margin-right:20px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-1 .title-desc-btn a:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-2 .details-expertise-btn a:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-4 .address-phone-btn a:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-3 .budget-reviews-btn a:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .title-desc-btn a:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data .overview-title-data-edit-btn:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data .details-expertise-data-edit-btn:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data-edit-btn:hover,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data-edit-btn:hover{
    background:#006aac;
    color: white;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 table tr{
    display:flex;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 table tr td:first-child{
    width:42%;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 table tr td:nth-child(2){
    width:58%;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data{
    border-bottom:1px solid #d6d6d6;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data{
    margin: 30px 0px;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data h4,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data h4,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data h4,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data h4{
    font-size: 20px;
    color: #414141;
    font-family: Roboto;
    font-weight: 600;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data .overview-title-data-edit-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data-edit-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data-edit-btn,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data-edit-btn{
    font-size: 14px;
    padding: 5px 25px;
    margin:0px 20px;
    border: 1px solid;
    border-radius: 30px;
    float:right;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data table h6,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data table h6,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data table h6,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data table h6{
    font-weight: bold;
    color: black;
    font-size: 16px;
} 
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data table,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data table,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data table,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data table{
    border: none;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data table td,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data table td,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data table td,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data table td{
    border: none;
    display: flex;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data .overview-title-data-given,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data-given,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data-given,
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data-gien{
    font-size: 15px;
    line-height: normal;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 h3 .save_create_project_info{
    font-size: 14px;
    padding: 5px 25px;
    margin:0px 10px;
    border: 1px solid;
    border-radius: 30px;
    float:right;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 h3 .save_create_project_info:hover{
    background:#006aac;
    color: white;
}
.project-right-slidebar .project-main-wrap .client-project-acttab-5 .title-desc-btn{
    display: none;
}
/*client new project end*/
/*project acceptance page starts*/
.project_acceptance-main{
    padding-top: 150px;
    padding-right: 100px;
    padding-bottom: 150px;
    padding-left: 100px;
 /*  background-image: url(/wp-content/uploads/2020/08/thank-backround.png); 
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover; */
    background: #006aac;
}
.project_acceptance-main .project_acceptance-row{
    max-width: 1100px;
    margin: 0px auto;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column{
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: #ffffff;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_module{
    margin: 20px;
    text-align: center;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text{
    font-size: 19px;
    color: #707070;
    font-family: Roboto;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text div a{
    font-size:14px;
    color: #006aac;
    border: 1px solid #006aac;
    padding: 8px 25px;
    border-radius: 25px;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text div a:hover{
    background: #006aac;
    color: white;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text p{
    margin: 20px 60px;
    margin-bottom: 10px;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_icon{
    margin: 0;
    line-height: 0;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_icon i{
    font-size:60px;
    color: #6AC259;
}
.project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_separator{
    border-top: 1px solid #707070;
    width: 5%;
    display: inline-block;
}
/*project acceptance page end*/
/*freelancer dashboard starts*/
.ex-dashboard-main .freelancer-dashboard{
    max-width: 100%;
    /*  background-image: url(/wp-content/uploads/2020/08/Register-Banner.png); */
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    min-height: 250px;
    position: relative;
    z-index: 9;
    background: #006aac;
}
.ex-dashboard-main .ex-dashboard-inner .profile-header .profile_name,.ex-dashboard-main .ex-dashboard-inner .profile-header .profile_id{
    color: white;
    text-transform: capitalize;
}
.profile-header .head-home-dashboard{
    margin: 0px 20px;
    text-align: left;
}
.profile-header .head-home-dashboard i{
    color: white;
    font-size: 20px;
}
.profile-header .head-home-dashboard a{
    color: white;
    font-size: 20px;
    padding: 0px 10px;
    font-weight: 600;
}
.ex-dashboard-main .freelancer-dashboard-row{
    display: flex;
    background: #f8fafc;
}
.ex-dashboard-main .ex-left-slidebar{
    box-shadow: 0 3px 6px #00000029;
    background: #F8F8F8;
    height: 100%;
}
.ex-dashboard-main .ex-left-slidebar .ex-menu{
    margin: 0px 0px;
    padding-top: 50px;
}
.ex-dashboard-main .ex-left-slidebar .ex-menu li{
    list-style-type: none;
}
.ex-dashboard-main .ex-left-slidebar .ex-menu li:hover{
    box-shadow: 0 3px 6px #00000029;
    background: #ffffff;
}   
.ex-dashboard-main .ex-left-slidebar .ex-menu li a{
    color: #3E3E3E;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
    display: block;
}
.ex-dashboard-main .ex-right-slidebar{
    box-shadow: -1px -4px 11px -5px rgba(0,0,0,0.75);
    height: 100%;
    background: white;
}
.ex-right-slidebar .profile-right-wrap .profile-photo{
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    border: 5px solid lightgrey;
    overflow: hidden;
    z-index: 9;
    margin-top: -70px;
    position: relative;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2{
    padding: 20px 20px;
    background: white;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-points{
    text-align: center;
    color: #006aac;
    line-height: 0.5;
    margin: 20px 0px;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-points p{
    margin-bottom: 40px;
    margin-top: 35px;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-points p a{
    padding: 5px 30px;
    color: #006aac;
    border: 1px solid #006aac;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-points p a:hover{
    color: white;
    border: 1px solid #006aac;
    background: #006aac;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-points h4 span{
    font-size: 15px;
    font-weight: 600;
    color: orange;
} 
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-info table{
    border: none;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-info table tr td{
    border: none;
    line-height: 1.5;
    font-weight: lighter;
    text-transform: capitalize;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-info table td{
    padding:5px 8px;
    color: black;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-info table tr td:first-child{
    font-weight: 600;
    color: black;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-1{
    text-align: center;
    padding: 30px 0px;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-1 h3{
    color: #5788B7;
    font-size: 25px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: normal;
    font-family: Roboto;
}
.ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-1 h4{
    line-height: normal;
    font-size: 18px;
    color: #5788B7;
    text-transform: capitalize;
    font-family: Roboto;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar {
    height: 100%;
    padding: 50px 35px;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap{

}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap label{
    font-size: 23px;
    color: #707070;
    font-weight: 700;
    text-transform: capitalize;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-1 span:nth-child(2),
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-2 span:nth-child(2){
    color: #006aac;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap{
    text-transform: capitalize;
    font-size: 20px;
    color: #707070;
    font-weight: 600;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-1 a{
    float: right;
    padding: 5px 30px;
    color: #006aac;
    background: transparent;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-1 a:hover{
    color:#ffffff;
    background: #006aac;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-3{
    margin: 30px 0px;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-3 #f_about{
    margin: 20px 0px;
    padding:15px 20px;
    border: 1px solid #d7dfe8;
    font-size: 16px;
    color: #888888;
    font-weight:normal;
    min-height: 250px;
    background: white;
}
.ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap .freelancer-dashboard_data-3 #f_skills span:nth-child(2){
    font-weight: normal;
    padding-left:20px;
    color: #006aac;
}
.page-template-dashboard-php .profile-header .head-home-dashboard{
    display: none;
}
/*freelancer dashboard end*/
/*freelancer settings starts*/
.ex-freelancer-settings .profile-header h3,.ex-freelancer-settings .profile-header h4{
    color: white;
    text-transform: capitalize;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-head .settings-head-1{
    display: inline;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-head .settings-head-1 h3{
    display: inline;
    font-weight: 600;
    font-size:20px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-head .settings-head-2 h3{
    font-size: 20px;
    font-weight: 600;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-head .settings-head-2{
    display: flex;
    float:right;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-head .settings-head-2 .delete_account{
    padding: 5px 20px;
    background: #006aac;
    color: white;
    font-size: 13px;
    border-radius: 20px;
    margin-left: 20px;
    border: 1px solid #006aac;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-head .settings-head-2 .delete_account:hover{
    background:white;
    border: 1px solid #006aac;
    color: #006aac;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3{
    background: #FfffFF;
    border: 1px solid #d7dfe8;
    padding: 20px 20px;
    margin: 20px 0px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3{
    display: none;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 h4,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 h4,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 h4{
    text-align: center;
    color: black;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 table,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 table{
    border: none;
    margin: 20px 0px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 table tr,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 table tr{
    border: none;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 table tr td,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 table tr td{
    border: none;
    padding: 10px 0px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 table tr td:first-child,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 table tr td:first-child{
    color: black;
    font-weight: 600;
    text-transform: capitalize;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 table tr td input,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 table tr td input{
    padding: 8px 20px;
    width:100%;
    border: 1px solid #cac5c5;
    background: none;
    border-radius: 20px;
    color: #006aac;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 table tr td input:focus,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 table tr td input:focus{
    background: white;
    outline: 0;
    border: 1px solid #cac5c5;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 div,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 div{
    text-align: center;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 div .save-settings-basic,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 div .save-settings-security,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 div .save-settings-emails{
    width: 150px;
    background: #006aac;
    padding: 6px 20px;
    font-size: 14px;
    color: white;
    display: inline-block;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 div .save-settings-basic:hover,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 div .save-settings-security:hover,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 div .save-settings-emails:hover{
    background: white;
    color: #006aac;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-1 div p,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 .save-settings-security-res,
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 .save-settings-emails-res{
    margin-bottom: 0px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 .view_posts{
    text-align: left;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 .view_posts h5{
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    margin: 10px 0px;
    font-size: 16px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 .view_posts p{
    margin-bottom: 10px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 .view_posts p input[type="radio"]{
    width:20px;
    height: 18px;
    vertical-align:middle;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-2 .view_posts p label{
    vertical-align: middle;
    color: black;
    font-weight: 600;
    text-transform: capitalize;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 .settings_notification{
    margin: 20px 40px 20px 40px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 .settings_notification p{
    margin-bottom: 10px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 .settings_notification p label{
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    vertical-align: middle;
    padding-left: 5px;
}
.ex-freelancer-settings .ex-middle-slidebar .settings-body-container-3 .settings_notification p input[type="checkbox"]{
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
/*freelancer settings ends*/
/*freelancer proposals starts*/
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-proposals-btn h4,
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn h4{
    text-align: left;
    font-weight: bold;
    color: #707070;
    font-size: 20px;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn select{
    background: transparent;
    border: 1px solid #006aac;
    margin: 0px 10px;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn select:focus{
    outline: none;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn input[type="button"]{
    background: transparent;
    border: 1px solid #006aac;
    border-radius: 20px;
    float: right;
    color: #006aac;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn input[type="button"]:hover{
    background: #006aac;
    color: white;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-proposals-btn{
    text-align: center;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-proposals-btn input[type="button"]{
    border-radius: 20px;
    line-height: 1;
    padding: 10px 20px;
    font-size: 14px;
    background: transparent;
    border: 1px solid #006aac;
    color: #006aac;
    margin: 10px 10px;
    width: 120px;
    text-align: center;
    display: inline-block;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-proposals-btn input[type="button"]:hover,
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-proposals-btn .freelancer-get-proposals.active{
    background: #006aac;
    color: white;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table{
    margin: 20px 0px;
    overflow-x: scroll;
    border: 1px solid #006aac;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table tr th{
    text-align: center;
    text-transform: capitalize;
    white-space: pre;
    background: #006aac;
    color: white;
    font-size:15px;
    font-weight: 600;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table tr td{
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    background: #E8E8E8;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table::-webkit-scrollbar {
    width: 10px;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table::-webkit-scrollbar-thumb {
  background-color: #006aac;
  border-radius: 20px;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal{
    max-width: 800px;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal h3{
    font-weight: 600;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .pop-project-id,
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec1 div{
    display:flex;
    margin: 10px 0px;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .pop-project-id span:first-child,
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec1 div span:first-child{
    width: 15%;
    font-size: 15px;
    font-weight: 600;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .pop-project-id span,
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec1 div span{
    width: 85%;
    font-size: 15px;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec2 div{
    margin: 20px 0px;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec2 div a{
    padding: 8px 30px;
    color: #006aac;
    background: #ffffff;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
    margin-top: 10px;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec2 div a:hover{
    color: white;
    background: #006aac;
}
.page-template-freelancer-proposal-contracts-php .f_proposal_modal .close-modal{
    top: 12px;
    right: 16px;
    width: 25px;
    height: 25px;
} 
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result{
    margin: 20px 0px;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result div table{
    overflow-x: scroll;
    display: block;
    border: 1px solid #006aac;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result div table tr th{
    background: #006aac;
    color: white;
    font-size:15px;
    white-space: pre;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result div table tr td{
    white-space: pre;
    font-size: 15px;
    background: #E8E8E8;
}
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result div table::-webkit-scrollbar {
    width: 10px;
}
 
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result div table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-contracts-result div table::-webkit-scrollbar-thumb {
  background-color: #006aac;
  border-radius: 20px;
}
/*freelancer proposals ends*/
/*freelancer list of projects starts*/
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner h2{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
    margin: 10px 0px;
}
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner table{
    width:100%;
    display: block;
    overflow-x: scroll;
    margin: 20px 0px;
    border: 1px solid #006aac;
}
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner table::-webkit-scrollbar {
    width: 10px;
} 
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner table::-webkit-scrollbar-thumb {
  background-color: #006aac;
  border-radius: 20px;
}
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner table tr th{
    text-align: center;
    text-transform: capitalize;
    white-space: pre;
    background: #006aac;
    color: white;
    font-size:15px;
}
.ex-project-milestones-reports .freelancer-dashboard-row .ex-middle-slidebar .ex-project-inner table tr td{
    text-align: center;
    text-transform: capitalize;
    white-space: pre;
    font-size: 15px;
    background: #E8E8E8;
}

.page-template-freelancer-project-milestones-reports-php .modal{
    max-width: 800px;
}
.page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div,
.page-template-freelancer-project-milestones-reports-php .modal .pop-project-id{
    display: flex;
    margin: 10px 0px;
}
.page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div h4,
.page-template-freelancer-project-milestones-reports-php .modal .pop-project-id h4{
    width: 15%;
    font-size: 15px;
    font-weight: 600;
}   
.page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div span,
.page-template-freelancer-project-milestones-reports-php .modal .pop-project-id span{
    width: 85%;
    font-size: 15px;
}
.page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div a{
    border: 1px solid #006aac;
    border-radius: 20px;
    color: #006aac;
    padding: 8px 30px;
    font-size: 15px;
    line-height: normal;
    margin: 10px 0px;
}
.page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div a:hover{
    background: #006aac;
    color: white;
}
.page-template-freelancer-project-milestones-reports-php .modal .close-modal {
    top:2px;
    right: 3px;
    width:25px;
    height: 25px;
}
/*freelancer reports starts*/
.ex-project-inner .free-reports-inner h2{
    font-weight:600;
    color: #707070;
    font-size:20px;
}
.ex-project-inner .free-reports-inner .reports-wrapper-main .reports-wrapper-main-inner{
    margin: 20px 0px;
}
.ex-project-inner .free-reports-inner .reports-wrapper-main .reports-wrapper-main-inner span{
    font-size:16px;
    font-weight: 600;
}
.ex-project-inner .free-reports-inner .reports-wrapper-main .reports-wrapper-main-inner select{
    background: transparent;
    border: 1px solid #006aac;
    border-radius: 20px;
    padding: 8px 10px;
    margin: 0px 10px;
}
.ex-project-inner .free-reports-inner .reports-wrapper-main .reports-wrapper-main-inner select:focus{
    outline: none;
}
.ex-project-inner .free-reports-inner,.ex-project-inner .free-reports-inner .project-report-result {
    margin: 60px 0px;
}
.ex-project-inner .free-reports-inner .project-report-result .freelancer-exports-info{
    width:100%;
    min-height: 1px;
}
.ex-project-inner .free-reports-inner .project-report-result .freelancer-exports-btn{
    float: right;
}
.ex-project-inner .free-reports-inner .project-report-result .freelancer-exports-btn input[type="submit"]{
    background: white;
    color: white;
    border: 1px solid #006aac;
    color: #006aac;
    border-radius: 20px;
}
.ex-project-inner .free-reports-inner .project-report-result .freelancer-exports-btn input[type="submit"]:hover{
    background: #006aac;
    color: white;
}
.ex-project-inner .free-reports-inner .project-report-result .c100.center{
    font-size:200px;
}
.ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-price{
    float:left;
    margin-bottom: 60px;
}
.ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-price div{
    font-weight: 600;
    font-size: 18px;
    color: #272a2d;
}
.ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-indicators{
    float:right;
    margin-bottom: 60px;
}
.ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-indicators div{
    font-size: 18px;
    font-weight:600;
    color: #272a2d;
    margin: 0px 0px;
}
.ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-indicators div:first-child span{
    width:30px;
    height:20px;
    background: #307bbb;
    border: 2px solid #c1c1c1;
    margin: 0px 10px;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}
.ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-indicators div:nth-child(2) span{
    width:30px;
    height:20px;
    background: #CCCCCC;
    border: 2px solid #307bbb;
    margin: 0px 10px;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}
/*freelancer reports ends*/
/*freelancer list of project ends*/
/*freelancer notifications stars*/
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar h4{
    font-weight: 600;
    color: #707070;
    font-size: 20px;
}
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner{
    margin: 20px 0px;
    color: black;
}
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner .notifications-project-title{
    font-weight: 600;
    text-transform: capitalize;
    font-size: 20px;
    margin: 5px 0px;
}
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner .notifications-project-info p{
    margin-bottom: 10px;
    font-size: 16px;
}
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner .f_notifications-btns{
    text-align: center;
}
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner .f_notifications-btns a{
    padding: 8px 30px;
    color: #006aac;
    background: #ffffff;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
    margin: 10px 10px;
    display: inline-block;
}
.ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner .f_notifications-btns a:hover{
    color: white;
    background: #006aac;  
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap{
    max-width: 800px;
    padding: 30px;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div a{
    margin: 5px 10px;
    font-size: 14px;
    padding: 5px 25px;
    border: 1px solid #006aac;
    border-radius: 30px;
    background: white;
    color: #006aac;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div textarea{
    background: #F2F8FF;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div textarea:focus{
    outline: none;
    background: white;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div input[type="file"]{
    margin: 5px 0px;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div input[type="file"]:focus{
    outline: none;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div{
    margin: 10px 0px;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap div a:hover{
    background: #006aac;
    color: white;
}
.page-template-freelancer-notifications-php .freelancer-send-proposal-wrap .close-modal{
    top: 5px;
    right: 6px;
    width: 25px;
    height: 25px;
}
/*freelancer notifications ends*/
/*freelancer wallet starts*/

.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 h4,
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-2 h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row,
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row{
    text-align: center;
}
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div,
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div{
    margin: 20px auto;
}
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div a,
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div a{
    font-size: 14px;
    text-transform: capitalize;
    background: white;
    border: 1px solid #d7dfe8;
    width: 100%;
    display: table-cell; 
    font-weight: 500;
    width: 200px;
    height:120px;
    vertical-align:middle;    
}
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div a:hover,
.ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div a:hover{
    background: #006aac;
    color: white;
}
/*freelancer wallet ends*/
/*freelancer message chat starts*/
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main h4{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form{
    padding: 20px;
    margin: 20px 0px;
    border-radius: 20px;
    background: #F2F8FF;
    border: 1px solid #bbbec1;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .list-of-messages{
    border: none;
    margin: 0px;
    overflow-y: scroll;
    height: 250px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .list-of-messages .full-left{
    margin: 10px 20px;
    text-align:left;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .list-of-messages .full-right{
    margin: 10px 20px;
    text-align:right;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .list-of-messages .full-left div{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .list-of-messages .full-right div{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .chat-message{
    line-height: 1;
    border-radius: 20px;
    border: 2px solid #c0c2c3;
    background: white;
    color: black;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .chat-file:focus{
    border: none;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .chat-message:focus{
    outline: 0;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .chat-message-btn{
    border-radius: 20px;
    background: transparent;
    color: #006aac;
    border: 1px solid #006aac;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0px;
}
.ex-freelancer-message-chat .ex-middle-slidebar .freelancer-message-chat-main #chat-message-form .chat-message-btn:hover{
    background: #006aac;
    color: white;
}
/*freelancer message chat ends*/
/*freelancer withdrawal-amount popup starts*/
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop{
    max-width:600px;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner{
    margin: 30px auto;
    text-align: center;
    background: #006aac;
    padding: 40px 20px;
    max-width: 400px;
    border-radius: 20px;
}

.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner h6{
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner .withdrawal-amount-input{
    color: white;
    margin: 10px 0px;
    font-size:20px;
    font-weight:600;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner .withdrawal-amount-input input{
    width:120px;
    color: #006aac;
    height:35px;
    background: white;
    font-weight:700;
    text-align: center;
    font-size:20px;
    border: 2px solid #4c4e4e;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner .withdrawal-amount-input input:focus{
    border: 2px solid black;
    outline:0;
    background: aliceblue;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner .withdrawal-amount-btn{
    border: 1px solid white;
    border-radius: 20px;
    color: white;
    padding: 8px 25px;
    font-size:13px;
    background: transparent;
    margin: 10px 0px;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner .withdrawal-amount-btn:hover{
    background: white;
    color: #006aac;
}
.page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .close-modal{
    top: 5px;
    right: 8px;
    width:25px;
    height:25px;
}
/*freelancer withdraw-amount popup ends*/
/*freelancer add account details starts*/
#account-details-pop{
    max-width:600px;   
}
#account-details-pop .account-details-pop-inner{
    
}
#account-details-pop .account-details-pop-inner h4{
    font-size: 20px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 20px;
}
#account-details-pop .account-details-pop-inner div{
    display: flex;
    margin: 5px 0px;
}
#account-details-pop .account-details-pop-inner div label{
   width: 40%;
   font-size: 15px;
   font-weight: 600;
}
#account-details-pop .account-details-pop-inner div input[type="text"]{
    height:35px;
    width:60%;
    background: white;
    border: 1px solid #b5b1b1;
}
#account-details-pop .account-details-pop-inner div input[type="text"]:focus{
    outline:0;
    border: 2px solid #006aac;
}
#account-details-pop .account-details-pop-inner .save-beneficiary-details-btn{
    margin: 20px 0px;
    justify-content : center;
}
#account-details-pop .account-details-pop-inner .save-beneficiary-details-btn input[type="button"]{
    background: #006aac;
    border:1px solid #006aac;
    border-radius: 20px;
    color: white;
    margin-top: 10px;
}
#account-details-pop .account-details-pop-inner .save-beneficiary-details-btn input[type="button"]:hover{
    background: white;
    color: #006aac;
}
#account-details-pop .close-modal{
    top: 5px;
    right: 8px;
    width:25px;
    height:25px;
}
/*freelancer add account details ends*/
/*freelancer messages starts*/
.chat-messages-wrap .list-of-messages .messages-inner{
    background: #FfFfFF;
    padding: 20px;
    border: 1px solid #d7dfe8;
    margin: 20px 0px;
}
.chat-messages-wrap .list-of-messages .messages-inner p{
    margin-bottom: 5px;
}
.chat-messages-wrap .list-of-messages .messages-inner p b{
    font-size: 16px;
}
.chat-messages-wrap .list-of-messages .messages-inner p a{
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}
.chat-messages-wrap .list-of-messages .messages-inner p span{
    font-size:15px;
}
.chat-messages-wrap .list-of-messages .messages-inner .seen-icon{
    float: right;
}
.chat-messages-wrap .list-of-messages .messages-inner .seen-icon i{
    font-size: 17px;
}
.chat-messages-wrap .list-of-messages .unread.messages-inner .seen-icon i{
    color: #8c8888;
}
.chat-messages-wrap .list-of-messages .unread.messages-inner .msg_part span{
    font-weight: 600;
}
.chat-messages-wrap .list-of-messages .read.messages-inner .seen-icon i{
    color: #006aac;
}
/*freelancer messages ends*/
/*client dashboard starts*/
.client-main-wrapper .client-header-wrapper{
    text-align: center;
    max-width: 100%;
    /*  background-image: url(/wp-content/uploads/2020/08/Register-Banner.png); */
    width: 100%;
    text-align: center;
    padding: 40px 0px;
    background: #006aac;
}
.client-main-wrapper .client-header-wrapper .client-details .client-name{
    color:white;
    font-size:25px;
    text-transform: capitalize;
    font-weight: 500;
}
.client-main-wrapper .client-header-wrapper .client-details .client-email,
.client-main-wrapper .client-header-wrapper .client-details .client-id{
    color:white;
    font-size:14px;
    text-transform: capitalize;
    font-weight: 500;
}
.client-main-wrapper .client-header-wrapper .client-details-links{
    margin: 20px 0px;
}
.client-main-wrapper .client-header-wrapper .client-details-links a{
    margin: 10px 10px;
    padding: 10px;
    font-size: 15px;
    color: white;
    border: 1px solid white;
    border-radius: 25px;
    width: 180px;
    display: inline-block;
    line-height: 1;
    transition: all .3s ease-in-out
}
.client-main-wrapper .client-header-wrapper .client-details-links a.active{
    transform: scale(0.9);
    background: white;
    color: #006aac;
}
.client-main-wrapper .client-header-wrapper .client-details-links a:hover,
.client-main-wrapper .client-header-wrapper .client-details-links a:active{
    transform: scale(0.9);
    background: white;
    color: #006aac;
}
.ex-client-dashboard-main .client-dashboard-row{
    display: flex;
    background-color: #f8fafc
}
.ex-client-dashboard-main .ex-client-left-slidebar{
    box-shadow: 0 3px 6px #00000029;
    background: #F8F8F8;
    height: 100%;
}
.client-main-wrapper .ex-client-left-slidebar{
    box-shadow: 0 3px 6px #00000029;
    background: #F8F8F8;
    height: 100%;
}
.client-main-wrapper .client_messages{
    display: flex;
    background: #f8fafc;
}
.client-main-wrapper .ex-client-left-slidebar .ex-menu{
    margin: 0px 0px;
    padding-top: 50px;
}
.client-main-wrapper .ex-client-left-slidebar .ex-menu li{
    list-style-type: none;
}
.client-main-wrapper .ex-client-left-slidebar .ex-menu li:hover{
    box-shadow: 0 3px 6px #00000029;
    background: #ffffff;
}   
.client-main-wrapper .ex-client-left-slidebar .ex-menu li a{
    color: #3E3E3E;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
    display: block;
}
.ex-client-dashboard-main .ex-client-right-slidebar{
    box-shadow: inset 0 3px 6px #00000029; 
    height: 100%;
    background: #006aac;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client-main{
    padding: 10px 10px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client{
    background: white;
    margin: 20px 10px;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client .profile-photo{
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    border: 4px solid #006aac;
    overflow: hidden;
}

.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client h4{
    color: #006aac;
    font-size: 20px;
    font-family: Roboto;
    text-transform: capitalize;
    margin-top: 5px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client h5{
    color: #006aac;
    font-size: 16px;
    font-family: Roboto;
    text-transform: capitalize;
    margin: 1px 0px
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client h6{
    color: #006aac;
    font-size: 15px;
    font-family: Roboto;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client h6 p{
    margin: 0px 0px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client .profile-freelancer_client-domain{
    font-size:18px;
    font-weight: 600;
    line-height: 1.4;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client .profile-freelancer_client-skills{
    margin:5px 0px;
    padding: 5px;
    
    font-size: 14px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client .profile-freelancer_client-skills span span{
    display: inline-block;
    line-height: normal;
    padding: 4px 6px;
    margin: 5px 4px;
    background: #006aac;
    color: white;
    font-size: 12px;
    border-radius: 10px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client .profile-freelancer_client-about{
    color: black;
    font-size:14px;
    line-height: 1.5;
    margin: 10px 0px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client .profile-freelancer_client-charg span{
    padding: 5px 5px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client h6 a{
    color: #006aac;
    font-size: 13px;
    font-family: Roboto;
    margin-top: 10px;
    border: 1px solid #006aac;
    border-radius: 20px;
    padding: 5px 15px;
}
.ex-client-right-slidebar .project-right-wrap .profile-freelancer_client h6 a:hover{
    background: #006aac;
    color: white;
}
.ex-client-dashboard-main .ex-client-middle-slidebar{
    padding: 40px 30px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-project-info{
    padding: 20px 20px;
    background: #FfffFF;
    border-radius: 0px;
    border: 1px solid #D5E9FF;
    margin: 20px 0px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-project-info p{
    color: #4a4a4a;
    font-size: 16px;
    margin-bottom: 10px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-project-title{
    text-align: center;
    color: #006aac;
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-project-info .middle-project-info-descp{
    margin-bottom: 10px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-post-data{
    margin: 20px 0px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap h4 a{
    float: right;
    line-height: 1;
    padding: 6px 25px;
    font-size: 14px;
    background: #006aac;
    color: white;
    font-weight: 500;
    border: 1px solid #006aac;
    border-radius: 20px;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap h4 a:hover{
    background: white;
    color: #006aac;
}
.ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-post-data span{
    font-weight: bold;
    color: #707070;
}
.ex-client-dashboard-main .client-dashboard-row .ex-client-middle-slidebar .project-midlle-wrap a{
    float: right;
    padding: 8px 30px;
    color: #006aac;
    background: transparent;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
}
.ex-client-dashboard-main .client-dashboard-row .ex-client-middle-slidebar .project-midlle-wrap a:hover{
    color: white;
    background: #006aac;
}
/*client dashboard ends*/
/*client-freelancer details starts*/
.page-template-client-freelancer-details .client-main-wrapper .freelancer-detail-wrapper{
    background: #f8fafc;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont{
    margin: 60px 0px;
    background: #ffFFFF;
    padding: 40px 40px;
    border: 1px solid #d7dfe8;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .fd_title{
    text-transform: capitalize;
    font-weight: bold;
    font-size:30px;
    margin-bottom: 20px;
    color: #006aac;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .profile-image-wrap{
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 10px auto;
    border-radius: 50%;
    border: 3px solid #006aac;
    overflow: hidden;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below{
    text-align: center;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below h4{
    color: #707070;
    font-size: 25px;
    font-weight: 600;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below .fd_about-box{
    padding: 15px 20px;
    border: 1px solid #d6d5d5;
    font-size: 15px;
    color: black;
    text-align: center;
    font-weight: normal;
    min-height: 70px;
    background: white;
    box-shadow: 0 0 7px 0px #e2d7d7;
    margin: 10px 40px;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below p{
    color: #161616;
    font-size: 16px;
    margin: 10px 0px;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below p span{
    margin: 5px 10px;
    font-size: 14px;
    padding: 1px 15px;
    border: 1px solid #006aac;
    border-radius: 30px;
    background: #006aac;
    color: white;
    display: inline-block;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below .freelancer-detail-page-cont-below-btn{
    margin: 20px 0px;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below .freelancer-detail-page-cont-below-btn span a{
    font-size: 14px;
    padding: 5px 25px;
    margin:10px 10px;
    border: 1px solid #006aac;
    border-radius: 30px;
    background: transparent;
    color: #006aac;
    width: 167px;
    display: inline-block;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below .freelancer-detail-page-cont-below-btn span a:hover{
    background: #006aac;
    color: white;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below h3{
    color: #707070;
    font-size: 30px;
    font-weight: bold;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .freelancer_details-middle h2{
    text-transform: capitalize;
    font-size:25px;
    font-weight:700;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .freelancer_details-middle h3{
    text-transform: capitalize;
    margin:3px 0px;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .freelancer_details-middle h3 span:first-child{
    
    font-size:17px;
    font-weight:600;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .freelancer_details-middle h3 span:nth-child(2){
    
    font-size:15px;
}
.client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .hour_cost h4{
    font-size:18px;
    font-weight:600;
}
/*client-freelancer details ends*/
/*client-invite-freelancer starts*/
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap p a{
    float: right;
    padding: 8px 30px;
    color: #006aac;
    background: #ffffff;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap p a:hover{
    background: #006aac;
    color: white;
}
.client-main-wrapper .client-invite-freelancer-row{
    display: flex;
    background: #f8fafc;
}
.client-main-wrapper .ex-client-middle-slidebar{
    padding: 40px 30px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .project-search{
    margin: 20px 0px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .project-search label{
    color: black;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .project-search select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color: #000000;
    text-transform: capitalize;
    margin-left: 15px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .project-search select:focus{
    border-color:#D5E9FF;
    outline: 0;
    background: white;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid{
    padding: 0;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box {
    border: 1px solid #d7dfe8;
    background: white;
    vertical-align: middle;
    margin: 10px 0px; 
    display: flex;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1{
    display: flex;
    padding: 20px 20px;
    align-items: center;

}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-2{
    height: 100%;
    background: white;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding: 20px 20px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-2 p{
    margin-bottom: 0px;
    color: #006aac;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap{
    background: white;
    border-radius: 50%;
    padding: 2px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap .profile-image-wrap{
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    border: 4px solid #006aac;
    overflow: hidden;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer_detail_wrap{
    padding: 0px 20px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer_detail_wrap h3{
    line-height: 0.5;
    margin: 0 0 10px 0;
}    
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer_detail_wrap h3 a{
    margin-bottom: 0px;
    color: #006aac;
    font-size: 18px;
    text-transform: capitalize;
    line-height: normal;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box  .freelancer_detail_wrap p{
    margin-bottom: 0px;
    color: #006aac;
    font-size: 12px;
    line-height: 19px;
    margin: 5px 0px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box  .freelancer_detail_wrap p a{
    color: #006aac;
    font-size: 12px;
    line-height: 30px;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box  .freelancer_detail_wrap p span{
    background: #006aac;
    color: white;
    padding: 2px 12px;
    border-radius: 10px;
    margin: 5px 10px 5px 0px;
    display: inline-block;
} 
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box  .freelancer_detail_wrap .freelancer_detail_wrap-cont{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box  .freelancer_detail_wrap .freelancer_detail_wrap-link{
    color: #006aac;
    font-size: 13px;
    margin: 10px 0px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar{
    box-shadow: inset 0 3px 6px #00000029;
    height: 100%;
    background: white;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap{
    padding: 40px 20px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap h4{
    font-weight: bold;
    color: black;
    font-size: 20px; 
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-freelancer-right-country{
    margin: 20px 0px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-freelancer-right-country h5{
    margin: 10px 0px;
    color: #006aac;
    font-weight: normal;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-freelancer-right-country select{
    border-radius: 25px;
    background: #F2F8FF;
    border: 1px solid #D5E9FF;
    color: #000000;
    text-transform: capitalize;
    width: 100%;
    font-size: 14px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-freelancer-right-country select:focus,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-languages-wrap select:focus,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-rate-wrap input:focus{
    border-color:1px solid #006aac;
    outline: 0;
    background: white;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-categories-wrap,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-worktype-wrap,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-languages-wrap,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-rate-wrap,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-skills-wrap,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-level-wrap,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-type-wrap{
    margin: 20px 0px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-categories-wrap h5,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-worktype-wrap h5,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-languages-wrap h5,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-rate-wrap h5,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-skills-wrap h5,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-level-wrap h5,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-type-wrap h4{
    margin: 10px 0px;
    color: black;
    font-weight: normal;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-type-wrap select{
    border-radius: 25px;
    background: white;
    border: 1px solid #006aac;
    color: #006aac;
    text-transform: capitalize;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-skills-wrap select,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-country-wrap select{
    width: 100%;
    background: white; 
    color: #006aac;
    font-size: 14px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-skills-wrap select:focus,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-country-wrap select:focus{
    background:white; 
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-skills-wrap select:focus,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-type-wrap select:focus,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-country-wrap select:focus{
    outline: 0;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-categories-wrap p,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-level-wrap p{
    margin: 10px 0px;
    font-size:14px;
    color: black;
    display: flex;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-categories-wrap input,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-level-wrap input{
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-languages-wrap select,
.client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-rate-wrap input{
    border-radius: 25px;
    background: white;
    border: 1px solid #006aac;
    color: #006aac;
    text-transform: capitalize;
    font-size: 14px;
}
.client-main-wrapper .client-invite-freelancer-row .ex-client-middle-slidebar .invite-freelancer-midlle-wrap .loader img{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    z-index: 1000;
}    
/*client invite freelancer ends*/

/*client proposals start*/
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main{
    padding: 40px 30px;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main{
    width:80%;
    justify-content: center;
    align-self: center;
    display: flex;
    background:#006aac;
    border-radius: 20px;
    padding: 15px 20px;
    margin: 20px 0px;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-1{
    width:7%;
    align-self:center;
    text-align: left;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-1 img{
    cursor: pointer;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2{
    width:68%;
    align-self:center;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-3{
    width:25%;
    align-self:center;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2 p{
    margin-bottom: 0px;
    color: white;
    font-size: 16px;
    text-transform: capitalize; 
    line-height: 1;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2 a{
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    line-height: 1;
}
.client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-3 span{
    font-size: 15px;
    color: white;
    text-transform: capitalize;
    line-height: 1;
}
.client-main-wrapper .proposals-page-row{
    display: flex;
}
/*popoup sts*/
.free-detail-popup{
    max-width: 1000px;
    padding: 40px 30px;
}
.free-detail-popup .free-detail-popup-wrap{
    display: flex;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-photo-wrap{
    width: 35%;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-title{
    width: 45%;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-score{
    width:20%
}
.free-detail-popup .free-detail-popup-wrap .freelancer-photo-wrap .profile-image-wrap{
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 10px auto;
    border-radius: 50%;
    border: 3px solid #588AB8;
    overflow: hidden;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-title h3{
    text-transform: capitalize;
    color: #707070;
    font-size: 25px;
    font-weight: bold;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-title h5{
    text-transform: capitalize;
    color: #707070;
    font-size: 18px;
    font-weight: bold;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-title h6{
    text-transform: capitalize;
    color: #707070;
    font-size: 18px;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-title section{
    margin: 10px 0px;
}
.free-detail-popup .free-detail-popup-wrap .freelancer-score{
    font-size: 18px;
    font-weight: bold;
    color: #707070;
}
.free-detail-popup .proposal-body-main{
    margin: 10px auto;
    max-width: 750px;
}
.free-detail-popup .proposal-body-main .proposal-subject{
    font-size: 18px;
    color: #707070;
    font-weight: bold;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation{
    text-align: center;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation a{
    padding: 6px 25px;
    font-size: 14px;
    background: white;
    color: #006aac;
    font-weight: 500;
    border: 1px solid #006aac;
    border-radius: 20px;
    margin: 10px 5px;
    line-height: 1;
    display: inline-block;
    border: 1px solid #006aac;
}  
.free-detail-popup .proposal-body-main .proposal-btn-navigation{
    margin: 40px 0px;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation .span-main1,
.free-detail-popup .proposal-body-main .proposal-btn-navigation .span-main2{
    position: relative;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation .shortlist-tooltip1,
.free-detail-popup .proposal-body-main .proposal-btn-navigation .shortlist-tooltip2{
    font-size: 11px;
    line-height: normal;
    background: black;
    color: #ffffff;
    width: 170px;
    padding: 5px 0px;
    position: absolute;
    top: -32px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
    left: -37px;
    visibility: hidden;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation .shortlist-tooltip1:after,
.free-detail-popup .proposal-body-main .proposal-btn-navigation .shortlist-tooltip2:after{
    position: absolute;
    content: "";
    text-align: center;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid black;
    left: 50%;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation .span-main1:hover .shortlist-tooltip1,
.free-detail-popup .proposal-body-main .proposal-btn-navigation .span-main2:hover .shortlist-tooltip2{
    visibility: visible;
}
.free-detail-popup .proposal-body-main .proposal-btn-navigation a:hover{
    background:#006aac;
    color: white;
    border: 1px solid #006aac;
}
.free-detail-popup .proposal-body-main .proposal-body{
    padding: 20px 20px;
    background: #F2F8FF;
    border-radius: 20px;
    border: 1px solid #D5E9FF;
    margin: 20px 0px;
}
.free-detail-popup .proposal-body-main .proposal-body .proposal-body-title{
    color: #333333;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
}
.blocker.current{
    z-index: 99;
}
.free-detail-popup a.close-modal{
    top: 10px;
    right: 10px
}
/*popup ends*/
/*client proposals ends*/
/*client settings stss*/
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head {
    margin-bottom: 20px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head .settings-head-1{
    display: inline;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head h3{
    display: inline;
    font-weight: bold;
    color: #707070;
    font-size: 20px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head .settings-head-2{
    display: flex;
    float:right;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head .settings-head-2 .delete_account{
    padding: 5px 20px;
    background: #006aac;
    color: white;
    font-size: 13px;
    border-radius: 20px;
    margin-left: 20px;
    border: 1px solid #006aac;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head .settings-head-2 .delete_account:hover{
    background:white;
    border: 1px solid #006aac;
    color: #006aac;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3{
    background: #FfFfFF;
    border: 1px solid #d7dfe8;
    padding: 20px 20px;
    margin: 20px 5px;
    height: 92%;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3{
    display: none;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 h4,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 h4,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 h4{
    text-align: center;
    color: black;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 table,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 table{
    border: none;
    margin: 20px 0px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 table tr,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 table tr{
    border: none;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 table tr td,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 table tr td{
    border: none;
    padding: 10px 0px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 table tr td:first-child,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 table tr td:first-child{
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    width: 50%;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 table tr td input,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 table tr td input{
    padding: 8px 20px;
    width:100%;
    border: 1px solid #cac5c5;
    background: none;
    border-radius: 20px;
    color: #006aac;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 table tr td input:focus,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 table tr td input:focus{
    background: white;
    outline: 0;
    border: 1px solid #cac5c5;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 div,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 div{
    text-align: center;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 div .save-settings-basic,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 div .save-settings-security,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 div .save-settings-emails{
    width: 150px;
    background: #006aac;
    padding: 6px 20px;
    font-size: 14px;
    color: white;
    display: inline-block;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 div .save-settings-basic:hover,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 div .save-settings-security:hover,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 div .save-settings-emails:hover{
    background: white;
    color: #006aac;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1 div p,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 .save-settings-security-res,
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 .save-settings-emails-res{
    margin-bottom: 0px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 .view_posts{
    text-align: left;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 .view_posts h5{
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    margin: 10px 0px;
    font-size: 14px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 .view_posts p{
    margin-bottom: 10px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 .view_posts p input[type="radio"]{
    width:20px;
    height: 18px;
    vertical-align:middle;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2 .view_posts p label{
    vertical-align: middle;
    color: black;
    font-weight: 600;
    text-transform: capitalize;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 .settings_notification{
    margin: 20px 0px 20px 20px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 .settings_notification p{
    margin-bottom: 10px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 .settings_notification p label{
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    vertical-align: middle;
    padding-left: 5px;
    font-size: 14px;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3 .settings_notification p input[type="checkbox"]{
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ast-row{
    width:60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
/*client settings ends*/
/*project and reports starts*/
.ex-client-dashboard-main .client-main-wrapper .project_lists {
    display: flex;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner h2{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list{
    margin: 20px 0px;
    border: 1px solid #006aac;
    overflow-x: scroll;
    display: block;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list tr th{
    text-transform: capitalize;
    font-size: 15px;
    vertical-align: middle; 
    background: #006aac;
    color: white;
    font-weight: 600;
    text-align: center;
    white-space: pre;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list::-webkit-scrollbar {
    width: 10px;
}
 
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list::-webkit-scrollbar-thumb {
  background-color: #006aac;
  border-radius: 20px;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list tr:nth-child(even){
    color: black;
    vertical-align: middle;
    font-size: 15px;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list tr:nth-child(odd){
    color: black;
    vertical-align: middle;
    font-size: 15px;
}
.client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list tr td{
    vertical-align: middle;
    text-align: center;
    text-transform: capitalize;
    white-space: pre;
    font-size: 15px;
    background: #e8e8e8;
}

.blocker.current #5_375f61d74e00d2f{
    max-width: 800px;
}
.page-template-client-projects-php #5_375f61d74e00d2f{
    max-width: 800px;
}
.page-template-client-projects-php .modal{
    max-width: 800px;
}
.page-template-client-projects-php .modal .project_inner_wrap div,
.page-template-client-projects-php .modal .pop-project-id{
    display: flex;
    margin: 10px 0px;
} 
.page-template-client-projects-php .modal .project_inner_wrap div h4,
.page-template-client-projects-php .modal .pop-project-id h4{
    width:15%;
    font-size:15px;
    font-weight: 600;
}
.page-template-client-projects-php .modal .project_inner_wrap div a{
    padding: 8px 30px;
    color: #006aac;
    background: #ffffff;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
    margin-top: 10px;
}
.page-template-client-projects-php .modal .project_inner_wrap div a:hover{
    background:#006aac;
    color: white;
}
.page-template-client-projects-php .modal .project_inner_wrap div span,
.page-template-client-projects-php .modal .pop-project-id span{
    width:85%;
    font-size: 15px;
}
.page-template-client-projects-php .modal .close-modal{
    top: 2px;
    right: 4px; 
    width: 25px;
    height: 25px;
}
.page-template-client-projects-reports .reports-popup .close-modal{
    top: 2px;
    right: 4px; 
    width: 25px;
    height: 25px;
}
.page-template-client-projects-reports .reports-popup{
    max-width:800px;
    background: aliceblue;
    padding: 30px 30px;
}
.page-template-client-projects-reports .reports-popup .pop-project-id h4,
.page-template-client-projects-reports .reports-popup .project_inner_wrap h4{
    width:25%;
    display: inline-block;
    color: #006aac;
    font-size:16px;
    font-weight:600;
    vertical-align: top;
}
.page-template-client-projects-reports .reports-popup .pop-project-id span,
.page-template-client-projects-reports .reports-popup .project_inner_wrap span{
    width:75%;
    font-size: 15px;
    display: inline-block;
    text-transform: capitalize;
}
.page-template-client-projects-reports .reports-popup .project_inner_wrap div,
.page-template-client-projects-reports .reports-popup .pop-project-id h4{
    margin: 5px 0px;
}
.page-template-client-projects-reports .reports-popup .project_inner_wrap div .pay_ment_btn{
    font-size: 14px;
    padding: 5px 25px;
    border: 1px solid #006aac;
    border-radius: 30px;
    line-height: 1;
}
.page-template-client-projects-reports .reports-popup .project_inner_wrap div .pay_ment_btn:hover{
    background:#006aac;
    color:white;
}
/*project and reports ends*/
/*client reports starts*/
.project_lists .ex-reports-inner h2{
    font-weight:600;
    color: #707070;
    font-size:20px;
}
.project_lists .ex-reports-inner .reports-wrapper-main .reports-wrapper-main-inner{
    margin: 20px 0px;
}
.project_lists .ex-reports-inner .reports-wrapper-main .reports-wrapper-main-inner span{
    font-size:16px;
    font-weight: 600;
}
.project_lists .ex-reports-inner .reports-wrapper-main .reports-wrapper-main-inner select{
    background: white;
    border: 1px solid #006aac;
    border-radius: 20px;
    padding: 8px 10px;
    margin: 0px 10px;
}
.project_lists .ex-reports-inner .reports-wrapper-main .reports-wrapper-main-inner select:focus{
    outline: none;
}
.project_lists .ex-reports-inner,.project_lists .ex-reports-inner .project-report-result{
    margin: 60px 0px;
}
.project_lists .ex-reports-inner .project-report-result .client-exports-info{
    width:100%;
    min-height: 1px;
}
.project_lists .ex-reports-inner .project-report-result .client-exports-btn{
    float: right;
}
.project_lists .ex-reports-inner .project-report-result .client-exports-btn input[type="submit"]{
    background: white;
    color: white;
    border: 1px solid #006aac;
    color: #006aac;
    border-radius: 20px;
}
.project_lists .ex-reports-inner .project-report-result .client-exports-btn input[type="submit"]:hover{
    background: #006aac;
    color: white;
}
.project_lists .ex-reports-inner .project-report-result .c100.center{
    font-size:200px;
}
.project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-price{
    float:left;
    margin-bottom: 60px;
}
.project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-price div{
    font-weight: 600;
    font-size: 18px;
    color: #272a2d;
}
.project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-indicators{
    float:right;
    margin-bottom: 60px;
}
.project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-indicators div{
    font-size: 18px;
    font-weight:600;
    color: #272a2d;
    margin: 0px 0px;
}
.project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-indicators div:first-child span{
    width:30px;
    height:20px;
    background: #307bbb;
    border: 2px solid #c1c1c1;
    margin: 0px 10px;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}
.project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-indicators div:nth-child(2) span{
    width:30px;
    height:20px;
    background: #CCCCCC;
    border: 2px solid #307bbb;
    margin: 0px 10px;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}
/*client reports ends*/
/* client shortlisted starts*/
.client-main-wrapper .client-shortlisted-row{
    display: flex;
    background: #f8fafc;
}
.client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box{
    border: 1px solid #d7dfe8;
    background: white;
    vertical-align: middle;
    margin: 20px 0px;
    display: flex;
}
.client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1{
    display: flex;
    padding: 20px 20px;
    align-items: center;
}
.client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-2{
    height: 100%;
    padding: 20px 20px;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-photo-wrap{
    background: white;
    border-radius: 50%;
    padding: 2px;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-photo-wrap .profile-image-wrap{
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    border: 4px solid #006aac;
    overflow: hidden;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-detail-wrap h4{
    margin-bottom: 10px;
    color: #006aac;
    font-size: 18px;
    text-transform: capitalize;
    line-height: normal;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-detail-wrap{
    padding: 0px 20px;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-detail-wrap p{
    margin-bottom: 0px;
    color: #006aac;
    font-size: 14px;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-detail-wrap p span{
    margin-right: 10px;
    color: #006aac;
    font-size: 15px;
    font-weight: 600;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-2 div{
    text-align: center;
    margin: 10px 0px;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-2 div a{
    padding: 5px 25px;
    color: #006aac;
    background: white;
    border: 1px solid #006aac;
    border-radius: 20px;
    margin: 10px 0px;
    display: inline-block;
    width: 200px;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-2 div a:hover{
    color: white;
    background: #006aac;
}
.client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .ast-container{
    padding: 0px 0px;
}
.page-template-client-shortlisted-php .modal{
    max-width: 800px;
    padding: 30px;
}
.page-template-client-shortlisted-php .modal h3{
    font-weight: 600;
    margin-bottom: 10px;
    font-size:20px;
}
.page-template-client-shortlisted-php .modal input[type="radio"]{
    width:20px;
    height:20px;
    vertical-align: middle;
}
.page-template-client-shortlisted-php .modal label{
    margin: 0px 5px;
    color: black;
    font-size:16px;
}
.page-template-client-shortlisted-php .modal .close-modal{
    top:4px;
    right:4px;
    width:25px;
    height:25px;
} 
.page-template-client-shortlisted-php .modal .client-approved-proposal-submit{
    margin: 20px 0px;
    font-size:14px;
    border: 1px solid #006aac;
    border-radius: 20px;
    padding: 5px 25px;
    color: #006aac;
    background: white;
}
.page-template-client-shortlisted-php .modal .proposal-approved-wrap div{
    margin: 10px 0px;
}
.page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap{
    margin: 20px 0px;
}
.page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner label{
    font-size:18px;
    color: black;
}
.page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner input{
    background: white;
    border: 1px solid #006aac;
}
.page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner{
    margin: 10px 0px;
}
.page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner i{
    margin: 0px 20px;
    color: #006aac;
    vertical-align: middle;
}
.page-template-client-shortlisted-php .modal .client-approved-proposal-submit:hover{
    background: #006aac;
    color: white;
}
/*client shortlisted ends*/
/*client message starts*/
.client-main-wrapper .client_message{
    display: flex;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form{
    padding: 20px;
    margin: 20px 0px;
    border-radius: 20px;
    background: #F2F8FF;
    border: 1px solid #bbbec1;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages{
    border: none;
    margin: 0px;
    overflow-y: scroll;
    height: 250px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages::-scrollbar,
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages::-webkit-scrollbar-track,
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages::-webkit-scrollbar-thumb {
    display: none;
    width: 0px; 
    background: transparent; 
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages .full-right{
    margin: 10px 20px;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages .full-right div{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages .full-left{
    margin: 10px 20px;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .list-of-messages .full-left div{
    border-bottom-left-radius: opx;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .chat-message{
    line-height: 1;
    border-radius: 20px;
    border: 2px solid #c0c2c3;
    background: white;
    color: black;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .chat-message:focus{
    outline: 0;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .chat-message-btn{
    border-radius: 20px;
    background: transparent;
    color: #006aac;
    border: 1px solid #006aac;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0px;
}
.client-main-wrapper .client_message .ex-client-message-inner #chat-message-form .chat-message-btn:hover{
    background: #006aac;
    color: white;
}
.client-main-wrapper .client_message .ex-client-message-inner h4{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
}
/*client message ends*/
/*client hired starts*/
.client-main-wrapper .client_hired{
    display: flex;
    background: #f8fafc;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box{
    border: 1px solid #d7dfe8;
    background: white;
    vertical-align: middle;
    margin: 10px 0px;
    display: flex;
    align-items:center;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1{
    display: flex;
    padding: 20px 20px;
    align-items: center;
} 
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1 .freelancer-photo-wrap{
    background: white;
    border-radius: 50%;
    padding: 2px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box-1 .freelancer-photo-wrap .profile-image-wrap{
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    border: 4px solid #006aac;
    overflow: hidden;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1 .freelancer_detail_wrap{
    padding: 0px 20px;
}.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .ast-container{
    padding: 0px 0px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1 .freelancer_detail_wrap h4{
    margin-bottom: 10px;
    color: #006aac;
    font-size: 18px;
    text-transform: capitalize;
    line-height: normal;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1 .freelancer_detail_wrap p{
    margin-bottom: 0px;
    color: #006aac;
    font-size: 14px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1 .freelancer_detail_wrap p span{
    margin-right: 10px;
    color: #006aac;
    font-size: 15px;
    font-weight: 600;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-2{
    text-align: center;
    align-items:center;
    padding: 20px 20px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-2 div{
    text-align: center;
    margin: 40px 0px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-2 div a{
    padding: 5px 25px;
    color: #006aac;
    background: white;
    border: 1px solid #006aac;
    border-radius: 20px;
    margin: 10px 0px;
    display: inline-block;
    width: 200px;
}
.client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-2 div a:hover{
    color: white;
    background: #006aac;
}
/*client hired ends*/

/*all project page starts*/
.page-template-public-listof-projects .all_projects_page{
    background: #f8fafc;
}
.ex-project-wrapper .all_projects_page .ast-row {
    display: flex;
}
.ex-project-wrapper .all_projects_page .all_projects_page-left-sidebar{
    box-shadow: 0 3px 6px #00000029;
    background: white;
    height: 100%;
}
.ex-project-wrapper .all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner{
    padding: 30px 15px;
}
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_categories-wrap,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_sub-categories-wrap,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_duration-wrap,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_skills-wrap{
    margin: 20px 0px; 
}
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_categories-wrap h4,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_sub-categories-wrap h4,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_duration-wrap h4,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_skills-wrap h4{
    color: black;
    font-size: 20px;
    font-weight: 500; 
    margin-bottom: 15px; 
}
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_categories-wrap label,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_duration-wrap label{
    padding: 0px 5px;
    font-weight:500;
    font-size: 14px;
    vertical-align: middle;
}
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_sub-categories-wrap select,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_skills-wrap select{
    background: white;
    color: #006aac;
    font-size: 14px;
}
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_sub-categories-wrap select:focus,
.all_projects_page .all_projects_page-left-sidebar .ex-project-left-inner .all_projects_skills-wrap select:focus{
    outline: none;
}
.all_projects_page .all_projects_page-right-sidebar .ex-project-right-inner{
    padding: 30px 30px;
}
.all_projects_page .all_projects_page-right-sidebar .ex-project-right-inner h2{
    font-weight: 600;
    color: #707070;
    font-size: 20px;
    margin-top: 20px;
}
.all_projects_page .all_projects_page-right-sidebar .ex-project-right-inner .ex-project-result-wrap .ex-project-record{
    margin: 20px 0px;
    width:100%;
    background: #FfFfFF;
    border-radius: 0px;
    padding: 20px 20px;
    border: 1px solid #d7dfe8;
    color: #4a4a4a;
    font-size:15px; 
    text-transform: capitalize;
}
.all_projects_page .all_projects_page-right-sidebar .ex-project-right-inner .ex-project-result-wrap .ex-project-record h4{
    margin-bottom: 15px;
}
.all_projects_page .all_projects_page-right-sidebar .ex-project-right-inner .ex-project-result-wrap .ex-project-record h4 a{
    font-size:16px;
    color: #006AAC;
    text-transform: capitalize;
    font-weight: 600;
}
.all_projects_page .all_projects_page-right-sidebar .ex-project-right-inner .ex-project-result-wrap .ex-project-record p{
    margin-bottom: 0px;
    margin: 5px 0px;
}
.all_projects_page .loader{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.75);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
.all_projects_page .loader img{
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*all project page ends*/
/*public list of freelancer starts*/
.ex-freelancers-wrapper .all_freelancers_page .all_freelancers_page-main{
    display: flex;
    background-color: #f8fafc;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar{
    box-shadow: 0 3px 6px #00000029;
    background: white;
    height: 100%;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap{
    padding: 50px 15px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap h4{
    font-weight: bold;
    color: black;
    font-size: 20px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-categories-wrap,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-languages-wrap,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-rate-wrap,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-skills-wrap,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-level-wrap,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-type-wrap{
    margin: 20px 0px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-categories-wrap h5,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-languages-wrap h5,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-rate-wrap h5,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-skills-wrap h5,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-level-wrap h5,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-type-wrap h5{
    color: black;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-categories-wrap label{
    padding: 0px 5px;
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-languages-wrap select,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-rate-wrap input {
    border-radius: 25px;
    background: white;
    border: 1px solid #006aac;
    color: #006aac;
    text-transform: capitalize;
    font-size: 14px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-languages-wrap select:focus,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-rate-wrap input:focus {
    outline: 0;
    background: white;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-skills-wrap select,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-country-wrap select{
    width: 100%;
    background: white;
    color: #006aac;
    font-size: 14px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-skills-wrap select:focus,
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-country-wrap select:focus{
    outline: 0;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-categories-wrap p{
    margin-bottom: 0px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-level-wrap p{
    margin: 5px 0px;
    font-size: 14px;
    color: black;
    display: flex;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-level-wrap input{
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-type-wrap select{
    border-radius: 25px;
    background: white;
    border: 1px solid #006aac;
    color: #006aac;
    text-transform: capitalize;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-left-sidebar .filter-freelancer-left-wrap .filter-type-wrap select:focus{
    outline: 0;
}
.ex-freelancers-wrapper .all_freelancers_page .all_freelancer_page-right-sidebar .ex-freelancers-inner{
    padding: 30px 30px;
}
.ex-freelancers-wrapper .public_freelancers{
    padding:20px 20px;
}
.ex-freelancers-wrapper .public_freelancers h2{
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #006aac;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list{
    background: white;
    margin: 20px 0px;
    padding: 20px 20px;
    height: 350px;
    text-align: center;
    border-radius: 0px;
    overflow-y: hidden;
    box-shadow: 0px 0px 3px 3px #d7dade;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list:hover{
    overflow-y: scroll;
    transition: 2s;
    transition-duration: 2s;
    animation-timing-function: linear;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list::-webkit-scrollbar-thumb {
    background-color: #75899a;
    border-radius: 20px;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background: white;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list::-webkit-scrollbar {
    width: 15px;
}
/*.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list:hover{ 
    animation: pulse 1s infinite;
    animation-timing-function: linear;
    transform: scale(1.09);
    transition: 2s;
    transition-duration: 2s;
}*/
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list .freelancer-photo-wrap{
    background: white;
    border-radius: 50%;
    padding: 2px;
    width: 104px;
    height: 104px;
    margin: 0px auto;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list div {
    margin: 5px 0px;
    color: #000000;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list div:last-child{
    margin-bottom: 0px;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list .freelancer_p_desc{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp:2;
    color: #000000;
    font-size: 14px;
    margin: 15px 0px;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list div span{
    font-size:13px;
    background: #006aac;
    padding: 5px 10px;
    margin: 3px 5px;
    border-radius: 0px;
    display: inline-block;
    line-height: 1;
    color: white;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list div a{
    padding: 8px 30px;
    color: #006aac;
    background: transparent;
    font-size: 14px;
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #006aac;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list div a:hover{
    background:#006aac;
    color: white;
}
.ex-freelancers-wrapper .public_freelancers .ex-free-user-multi .freelancer_p-list .freelancer-photo-wrap .profile-image-wrap{
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0px auto;
    border-radius: 50%;
    border: 4px solid #006aac;
    overflow: hidden;
}
.all_freelancers_page .all_freelancers_page-main .loader{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.75);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
.all_freelancers_page .all_freelancers_page-main .loader img{
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.public_freelancers .ex-free-user-wrap{
    padding: 20px;   
}
/*public list of freelancer ends*/
/*public freelancer details page starts*/
.page-template-public-single-freelancers-php{
    background: #f8fafc;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper{
    margin: 60px 0px;
    background: #FfFfFF;
    padding: 40px 40px;
    border-radius: 0px;
   box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
}  
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .pfd_title{
    text-transform: capitalize;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
    color: #006aac;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .public_freelancer_details h3{
    text-transform: capitalize;
    margin: 3px 0px;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .public_freelancer_details h3 span:first-child{
    font-size: 17px;
    font-weight: 600;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .public_freelancer_details h3 span:nth-child(2){
    font-size: 15px;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below{
    margin: 20px 0px;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below h4{
    color: #707070;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below .fd_about-box{
    padding: 15px 20px;
    border: 1px solid #d6d5d5;
    font-size: 15px;
    color: black;
    text-align: center;
    font-weight: normal;
    min-height: 70px;
    background: white;
    box-shadow: 0 0 7px 0px #e2d7d7;
    margin: 10px 40px;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below-btn{
    text-align: center;
    margin: 20px 0px;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below-btn a{
    font-size: 14px;
    padding: 5px 15px;
    margin: 10px 10px;
    border: 1px solid #006aac;
    border-radius: 30px;
    background: transparent;
    color: #006aac;
    width: 167px;
    display: inline-block;
    text-align: center;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below-btn a:hover{
    color: white;
    background: #006aac;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .profile-image-wrap{
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 20px auto;
    border-radius: 50%;
    border: 4px solid #006aac;
    overflow: hidden;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .freelancers-details-skills{
    text-align: center;
    margin: 20px 0px;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .ex-free-user-single div{
    text-align: center;
    color: #006aac;
    font-weight: 600;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .freelancers-details-skills span{
     text-align: center;
    display: inline-block;
    background: #006aac;
    color: white;
    padding: 5px 10px;
    margin: 5px 5px;
    line-height: 1;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}
.page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .ex-freelancers-detail-inner .freelancers-details-interest{
    text-align: center;
    font-size: 15px;
    color: black;
    font-weight: 600;
    margin-bottom: 20px;
}
/*public freelancer details page ends*/
/*public project detsils page starts*/
.ex-project-detail-wrapper .ex-project-detail-inner{
    background: white;
    padding: 30px 30px;
    box-shadow: 0px 0px 3px 3px #9c9595;
    margin: 50px 20px;
}
.ex-project-detail-wrapper .ex-project-detail-inner h2{
   font-size:25px;
   font-weight:600;
   margin-bottom: 15px;
   color: #006aac;
}
.ex-project-detail-wrapper .ex-project-detail-inner .ex-project-detail-record h4{
    text-transform: capitalize;
    display: inline-block;
}
.ex-project-detail-wrapper .ex-project-detail-inner .ex-project-detail-record div:first-child{
    margin-bottom: 10px;
}
.ex-project-detail-wrapper .ex-project-detail-inner .ex-project-detail-record a{
    border: 1px solid #006aac;
    color: #006aac;
    border-radius:20px;
    padding: 5px 20px;
    font-size:14px;
    float:right;
}
.ex-project-detail-wrapper .ex-project-detail-inner .ex-project-detail-record a:hover{
    background:#006aac;
    color: white;
}
.page-template-public-single-project #free-apply{
    max-width: 600px;
}
.page-template-public-single-project #free-apply form{
    margin-top: 30px;
}
.page-template-public-single-project .modal a.close-modal{
    top: 7px;
    right: 7px;
    width: 30px;
    height: 25px
}
.page-template-public-single-project #free-apply form div textarea{
    height: 250px;
}
.page-template-public-single-project #free-apply form div:nth-child(2){
    margin-top: 10px;
}
.page-template-public-single-project #free-apply form div a{
    border: 1px solid #006aac;
    background-color: #006aac;
    color: white;
    border-radius: 20px;
    padding: 5px 30px;
    font-size: 14px;
}
.page-template-public-single-project #free-apply form div a:hover{
    background-color: white;
    color: #006aac;
}
/*public project details page ends*/
/*payment page stats*/
.payment-page{
    padding: 100px 150px;
    background: #006aac;    
}
.payment-page .payment-page-inner{
    padding: 20px 30px;
    margin: 20px;
    background: white;
    text-align: center;
}
.payment-page .payment-page-inner h2 i{
    font-size: 60px;
    color: #6AC259;
    margin: 20px;
}
.payment-page .payment-page-inner h2{
    margin-bottom: 10px;
}
.payment-page .payment-page-inner h2 span{
    display:block;
    color: #333333;
    text-transform: capitalize;
}
.payment-page .payment-page-inner .return_dashboard a{
    border-radius: 20px;
    line-height: 1;
    padding: 10px 20px;
    font-size: 14px;
    background: white;
    border: 1px solid #006aac;
    color: #006aac;
    margin: 10px 10px;
}
.payment-page .payment-page-inner a:hover{
    background: #006aac;
    color: white;
}
.payment-page .payment-page-inner div{
    margin: 10px 0px;
}
.payment-page .payment-page-inner div span{
    margin: 0px 5px;
    word-break: break-all;
}
.payment-page .payment-page-inner .return_dashboard{
    margin: 20px 0px;
}
/*payment page wnds*/

/*client wallet starts*/
.client-main-wrapper .ex-client-wallet_billing{
    display: flex;
    background: #f8fafc;
}
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-1 h4,
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-2 h4{
    font-weight: bold;
    color: #006aac;
    font-size: 20px;
}
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div a,
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div a{
    font-size: 14px;
    text-transform: capitalize;
    background: white;
    border: 1px solid #d7dfe8;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
    width: 100%;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    width: 220px;
    height: 120px;
    vertical-align: middle;
    display: table-cell;
}
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div,
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div{
    margin: 20px auto;
}
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div a:hover,
.ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div a:hover{
    background: #006aac;
    color: white;
}
.modal.client-billing-requests{
    max-width:100% !important;
    padding: 30px;
}
.modal.client-billing-requests h3{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
    margin-bottom: 20px;
}
.modal.client-billing-requests .close-modal{
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
}
.modal.client-billing-requests table{
    width:100%;
    overflow-x: scroll;
    border: 1px solid #006aac;
}
.modal.client-billing-requests table::-webkit-scrollbar {
    width: 10px;
}
.modal.client-billing-requests table::-webkit-scrollbar-thumb {
    background-color: #006aac;
    border-radius: 20px;
}
.modal.client-billing-requests table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.modal.client-billing-requests table tr th{
    text-transform: capitalize;
    font-size: 15px;
    vertical-align: middle;
    background: #006aac;
    color: white;
    font-weight: 600;
    text-align: center;
    white-space: pre;
}
.modal.client-billing-requests table tr td{
    vertical-align: middle;
    text-align: center;
    text-transform: capitalize;
    white-space: pre-wrap;
    font-size: 15px;
    background: #e8e8e8;
}
.modal.client-billing-history{
    max-width: 600px;
}
.modal.client-billing-history h3{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
    margin-bottom: 10px;
}
.modal.client-billing-history ul{
    margin: 0px 0px 10px 20px;
}
.modal.client-billing-history ul li{
    list-style-type: decimal;
    color: black;
}
.modal.client-billing-history .close-modal{
    width:25px;
    height:25px;
    top:3px;
    right:5px;
}
.modal.client_transcation-history{
    max-width: 100%; 
    padding: 30px;
}
.modal.client_transcation-history h3{
    font-weight: bold;
    color: #707070;
    font-size: 20px;
    margin-bottom: 10px;
}
.modal.client_transcation-history table tr td,
.modal.client_transcation-history table tr th{
    text-align: center;
    vertical-align: middle;
}
.modal.client_transcation-history table tr th{
    background: #006aac;
    color: white;
    border-color: #d4d4d4;
}
.modal.client_transcation-history .close-modal{
    top:5px;
    right: 5px;
    width:25px;
    height:25px;
}
.modal.client_transcation-history table{
   border: 1px solid #006aac;   
}
.modal.client_transcation-history table::-webkit-scrollbar {
    width: 10px;
}
.modal.client_transcation-history table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.modal.client_transcation-history table::-webkit-scrollbar-thumb {
  background-color: #006aac;
  border-radius: 20px;
}
/*client wallet ends*/
/*client security deposit starts*/
.project_security-main{
    padding-top: 150px;
    padding-right: 100px;
    padding-bottom: 150px;
    padding-left: 100px;
    background: #006aac;
}
.project_security-main .project_security-row{
    max-width: 1100px;
    margin: 0px auto;
}
.project_security-main .project_security-row .project_security-column{
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: #ffffff;
    border-radius: 25px;
}
.project_security-main .project_security-row .project_security-column .project_security_module{
    margin: 20px auto;
    text-align: center;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:first-child{
    font-size: 22px;
    font-weight: 600;
    color: #707070;
    margin: 20px 0px;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(2){
    font-size: 22px;
    padding: 9px 10px;
    background: #006aac;
    color: white;
    margin: 20px 20px;
    border-radius: 30px;
    font-weight: 600;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(3){
    text-align: left;
    font-size:15px;
    color: #707070;
    margin: 0px 20px;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(3) span{
    font-weight: 600;
    font-size:18px;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(4){
    margin: 20px auto;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(4) a{
    margin: 0px 20px;
    border: 1px solid #006aac;
    border-radius: 25px;
    font-size: 14px;
    width: 115px;
    display: inline-block;
    padding: 3px;
}
.project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(4) a:hover{
    background: #006aac;
    color: white;
}
/*client security deposit ends*/
/*client cart starts*/
.project_cart-main{
    padding-top: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
    background: #006aac;
}
.project_cart-row{
    max-width: 600px;
    margin: 0px auto;
}
.project_cart-row .project_cart-column{
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 6px #055586;
}
.project_cart_module .project_cart_text form .cartradio{
    font-size: 15px;
    vertical-align: sub;
    color: black;
}
.project_cart_module .project_cart_text form div input[type="radio"]{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: inherit;
}
.project_cart_module .project_cart_text form .cartinfo{
    font-size:17px;
    font-weight:600;
}
.project_cart_module .project_cart_text form .cartinfo:first-child{
    margin-top: 10px;
}
.project_cart_module .project_cart_text form .cartinfo:nth-child(4){
    margin-bottom: 10px;
}
.project_cart_module .project_cart_text a{
    padding: 5px 25px;
    color: #006aac;
    border: 1px solid #006aac;
    border-radius: 20px;
    font-size: 13px;
}
.project_cart_module .project_cart_text a:hover{
    background: #006aac;
    color: white;
}
.project_cart_module .project_cart_text form div:last-child{
    margin: 10px 0px;
}
.project_cart_module .project_cart_text form label{
    font-size: 16px;
    font-weight: 600;
    color: #006aac;
}
.project_cart_module .project_cart_text form .cart-budget{
    width: 110px;
    margin: 0px 10px;
    border: 1px solid #006aac;
    font-weight: bold;
    color: #006aac;
    text-align: center;
    font-size:18px;
    padding: 6px;
    border-radius: 20px;
}
.project_cart_module .project_cart_text form input[type="submit"]{
    background: #006aac;
    font-size:16px;
    border-radius: 20px;
}
.project_cart_module .project_cart_text form .cart-budget:focus{
    outline: 0;
}
.project_cart_module .project_cart_text form .cartradio:nth-child(10){
    margin-bottom: 15px;
}
/*client cart ends*/
/*project activation fails page starts*/
.page-template-client-project-activate-php .activation_info{
    margin: 30px 0px;
    padding: 40px 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background: white;
    box-shadow: 0 0 4px 1px #d0c4c4;
}
.page-template-client-project-activate-php .activation_info i{
    font-size: 60px;
    color: orange;
    display: block;
    margin-bottom: 20px;
}
/*project activation fails page ends*/
/*client payment failed or client callback page starts*/
.page-template-client-callback .payment_failure{    
    margin: 30px 20px;
    padding: 40px 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background: white;
    box-shadow: 0 0 4px 1px #d0c4c4;
}
.page-template-client-callback .payment_failure i{    
    font-size: 60px;
    color: red;
    display: block;
    margin-bottom: 20px;
}
.page-template-client-callback .payment_failure .return_dashboard{
    margin: 20px 0px;
}
.page-template-client-callback .payment_failure .return_dashboard a{
    margin: 5px 10px;
    font-size: 14px;
    padding: 5px 25px;
    border: 1px solid #006aac;
    border-radius: 30px;
    line-height: 1;
    display:inline-block
}
.page-template-client-callback .payment_failure .return_dashboard a:hover{
    background: #006aac;
    color: white;
}
/*client payment failed or client callback page ends*/
/*ask for proposal without login sts*/
.user-login-wrap .login-left-title{
	font-size: 25px;
    margin-bottom: 20px;
    font-weight: bold;
}
#pub-ask-for-proposal-wrap .input-container{
	display: flex;
    width: 100%;
    margin-bottom: 20px;
}
#pub-ask-for-proposal-wrap .input-container .icon{
	padding: 20px 10px;
    color: #3333334D;
    min-width: 50px;
    text-align: center;
    position: absolute;
}
#pub-ask-for-proposal-wrap .input-container input{
	width: 100%;
    padding: 16px 50px;
    outline: none;
    background: #f2f8ff;
    border: 1px solid #006AAC;
    border-radius: 25px;
    line-height: 1;	
}
#pub-ask-for-proposal-wrap input[type="submit"]{
	border-radius: 20px;
    padding: 12px 35px;
}
/*ask for proposal without login ends*/
@media only screen and (max-width:1300px){
    .slide-head{
        font-size:20px;
    }
    .slide-cont{
        font-size:15px;   
    }
    #slideform span{
        padding:0px 7px;
    }
    #slideform .slider-text{
        font-size:15px;
        font-weight:500;
        padding:0px 0px;
    } 
    #blogs .uabb-blog-post-content{
        max-height:unset;
    }
}
@media only screen and (max-width:1200px){
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box{
        display: block;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-2{
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0px;
    }
    .client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box{
        display: block;
    }
    .client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-2{
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0px;
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;
    }
    .modal.client-billing-requests table{
        display: block;
    }
}
@media only screen and (max-width:1024px){
    #slideform span{
        padding:0px 7px;
    }
    #slideform .slider-text{
        font-size:15px;
        font-weight:500;
        padding:0px 0px;
    } 
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group label,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group label{
        margin-right:10px;
        line-height:1;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group label,
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-education-addmore-wrap .form-group label{
        display: block;
        margin:5px 0px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer-from,
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .profile-edu-from{
        float:none;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .expert-date-to,
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .edu-date-to{
        margin-right:unset !important;
    }
    .profile-right-slidebar .profile-education-1 .special input[type="text"]{
        margin-left:40px;

    }
    .profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .profile-proficiency,
    .profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .profile-proficiency{
        margin-left: 0px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .profile-language,
    .profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .profile-language{
        margin-left:0px;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 h3 .save_create_project_info{
        margin: 20px 10px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main{
        width:100%;
    }
    .client-main-wrapper .project_lists .ex-client-middle-slidebar .ex-project-main .ex-project-inner .table_list{
        display: block;
        width: 100%;
        overflow-x: scroll;
    }
    .modal.client-billing-requests table{
        display: block;
        width:100%;
        overflow-x: scroll;
        border: 2px solid #e5e5e5;
    }
    .ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn{
        text-align: center;
    }
    .ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn input[type="button"]{
        margin: 20px 0px;
        float:none;
    }
    .client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-2 div{
        margin: 0px 0px;
    }
}
@media only screen and (max-width:992px){
    #slideform span{
        padding:0px 7px;
    }
    #slideform .slider-text{
        font-size:14px;
        font-weight:400;
        padding:0px 0px;
    } 
    .login-main .login-right-column,.login-main .login-left-column{
        padding: 20px 40px;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2 .select2-container .select2-container--default .select2-container--below,
    .project-right-slidebar .project-main-wrap .client-project-acttab-2 .select2 .select2-container .select2-container--default{
        width: 100% !important;
    }
    .project_acceptance-main {
        padding-top: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
        padding-left: 50px;
    }
    .project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text{
        font-size: 16px;
    }
    .project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text p{
        margin: 20px 0px;
    }
    .project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_module{
        margin: 20px 0px;
    }
    .ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2{
        padding: 20px 10px;
        overflow: hidden;
    }
    .ex-right-slidebar .profile-right-wrap .freelancer-bio-data-main .freelancer-bio-data-2 .freelancer-bio-data-info table td .address_td{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ast-row{
        display: block;
    }
    .client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-1,
    .client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-2,
    .client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .settings-body-container-3{
        height: auto;
    }
    .payment-page{
        padding: 50px 50px;
    }
    .modal.client_transcation-history table{
        max-width: 100%;
        overflow-x: scroll;
        display: block;
        display: block;
    }
    .project_security-main{
        padding-top: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
        padding-left: 50px;
    }
    .project_cart-main{
        padding: 50px;
    }
    .profile-left-menu div:after{
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
        background: #f5f3f3;
        border: 1px solid #dbdada;
        border-radius: 50%;
        top:20px;
    }
    .profile-left-menu div .active{
        width: 14px;
        height: 14px;
        background: #5989b7;
        right: 3px;
        position: absolute;
        z-index: 1;
        border-radius: 50%;
        margin: 10px;
        top: 13px;
    }
}
@media only screen and (max-width:921px){
    #primary-menu .menu-page{
        display:block;
    }
}
@media only screen and (max-width:804px){
    #slideform span{
        padding:0px 5px;
    }
    #slideform .slider-text{
        font-size:14px;
        font-weight:400;
        padding:0px 0px;
    } 
    .dropdown select{
        padding:4px 12px 4px 5px; 
        background-size: 6px;
    }
    .profile-left-menu div,.project-left-menu div{
        font-size: 14px;
        padding: 20px 20px;
    }  
}
@media only screen and (max-width:768px){
    .login-main .login-right-column{
        padding:20px 20px;
    }
    .login-main .login-left-column{
        padding:20px 20px;
    }
    .no-gutter > [class*='ast-col-'] {
        padding-right:0;
        padding-left:0;
    }
    .login-right-column .login-right-title{
        font-size:20px;
    }
    .login-left-column .login-left-title{
        font-size:20px;
    }
    .login-right-column .login-right-list .login-right-list-text{
        font-size:15px;
    }
    .client-signup-main .signup-title,.freelancer-signup-main .signup-title{
        font-size: 20px;
    }
    .login-left-column form input[type="submit"]{
        font-size:16px;
        margin-top: 0px;
    }
    .freelancer-signup-main .freelancer-signup-inner input[type="button"]{
        font-size:16px;
    }
    .client-signup-main .client-signup-inner input[type="button"]{
        font-size:16px;
    }
    .profile-main-wrap,.project-main-wrap {
        padding:20px;
    }
    .profile-row,.project-row{
        display: flex;
    }
    .profile-left-slidebar,.profile-right-slidebar, .project-left-slidebar,.project-right-slidebar{
        margin:20px 0px;
    }

    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .profile-skills{
        width:100%;
    }
    .profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .roundno span{
        font-size: 12px;
    }
    .profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .roundno h4{
        font-size: 20px;
    }
    .profile-right-slidebar .profile-main-wrap .client-project-acttab-2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
        padding: 3px 10px;
    }
    .project_acceptance-main {
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
    }
    .project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text{
        font-size: 14px;
    }
    .project_acceptance-main .project_acceptance-row .project_acceptance-column .project_acceptance_text p{
        margin: 20px 0px;
    }
    .profile-left-menu div:after{
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
        background: #f5f3f3;
        border: 1px solid #dbdada;
        border-radius: 50%;
        top:20px;
    }
    .profile-left-menu div .active{
        width: 14px;
        height: 14px;
        background: #5989b7;
        right: 3px;
        position: absolute;
        z-index: 1;
        border-radius: 50%;
        margin: 10px;
        top: 13px;
    }
    .profile-main-wrap .profile-inner-wrap h3,.project-main-wrap .profile-inner-wrap h3,
    .project-main-wrap .project-inner-wrap h3{
        font-size: 19px;
        font-weight: bold;
    }
    .client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ast-row{
        width: 100%;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1{
        display: block;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap {
        background: none;
        margin-bottom: 10px;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap .profile-image-wrap{
        border: 4px solid #006aac;
    }
    .ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table{
        width: 100%;
        overflow-x:scroll;
        border: 2px solid #f3f3f3
    }
    .ex-client-dashboard-main .client-dashboard-row .ex-client-middle-slidebar .project-midlle-wrap a {
        float: none;
        margin: 10px 0px;
        display: inline-block;
    }
    .client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-rate-wrap input,
    .client-main-wrapper .client-invite-freelancer-row .ex-client-right-slidebar .invite-freelancer-right-wrap .invite-type-wrap select{
        width: 100%;
    }
    .payment-page{
        padding: 30px 20px;
    }
    .project_security-main{
        padding: 40px 40px
    }
    .project_cart-main{
        padding: 40px;
    }
    .profile-photo-right{
        margin: 20px 0px;
    }
    .profile-photo-right p span{
        font-size: 15px;
    }
    .page-template-client-projects-reports .reports-popup .pop-project-id h4,
    .page-template-client-projects-reports .reports-popup .project_inner_wrap h4{
        width:100%;
        display: block;
    }
    .page-template-client-projects-reports .reports-popup .pop-project-id span,
    .page-template-client-projects-reports .reports-popup .project_inner_wrap span{
        width:100%;
        display: block;
    }
    .page-template-client-projects-reports .reports-popup .pop-project-id h4{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .page-template-client-projects-reports .reports-popup .project_inner_wrap div{
        margin: 10px 0px;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below .fd_about-box{
        margin:10px 0px;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 table tr{
        display:block;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 table tr td:first-child{
        width:100%;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 table tr td:nth-child(2){
        width:100%;
    }
    .client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box{
        display: block;
    }
}
@media (max-width:767px) and (min-width:642px) {
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .profile-employer{
        float:right;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group input[type="date"],
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .form-group input[type="date"]{
        float:right;
    }

}
@media only screen and (max-width:767px){
    .profile-row,.project-row{
        display: block;
    }
    .profile-left-slidebar,.profile-right-slidebar,.project-left-slidebar,.project-right-slidebar{
        margin:20px 0px;
        padding:0px 0px;
    }
    .profile-main-wrap,.project-main-wrap {
        padding:20px;
    }
    .profile-photo-right{
        margin-top:10px;
    }
    .profile-main-wrap .profile-inner-wrap h3,.project-main-wrap .profile-inner-wrap h3,
    .project-main-wrap .project-inner-wrap h3{
        font-size: 19px;
        font-weight: bold;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group span,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group label{
        font-size:15px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .experise-level-radio label{
        margin-right:15px;
        font-size:15px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .profile-skills{
        width:90%;
    }
    .profile-right-slidebar .profile-acttab-5 .form-group input[type="text"],
    .profile-right-slidebar .profile-acttab-5 .form-group select{
        width:100%;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group input[type="text"]{
        width:100%;
    }
    .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="text"],
    .profile-inner-wrap .profile-education-1 .profile-education-wrap .form-group input[type="date"],
    .profile-inner-wrap .profile-education-1 .profile-education-addmore-wrap .form-group input[type="text"],
    .profile-inner-wrap .profile-education-1 .profile-education-addmore-wrap .form-group input[type="date"]{
        float: left;;
    }
    .profile-left-menu div,.project-left-menu div{
        font-size:16px;
        padding: 20px 30px;
    }
    .ex-dashboard-main .freelancer-dashboard-row{
        display: block;
    }
    .ex-right-slidebar .profile-right-wrap .profile-photo-wrap{
        padding-top: 20px;
    }
    .ex-right-slidebar .profile-right-wrap .profile-photo{
        margin-top: 0px;
    }
    .ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar .profile-midlle-wrap {
        padding: 30px 20px;
        font-size: 16px;
    }
    .ex-client-dashboard-main .client-dashboard-row{
        display: block;
    }
    .client-main-wrapper .client-invite-freelancer-row{
        display: block;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont{
        padding: 40px 20px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main {
        padding: 40px 20px;
    }
    .client-main-wrapper .proposals-page-row{
        display: block;
    }
    .ex-client-dashboard-main .client-main-wrapper .project_lists {
        display: block;
    }
    .free-detail-popup .free-detail-popup-wrap{
        display: block;
    }
    .free-detail-popup .free-detail-popup-wrap .freelancer-photo-wrap{
        width: 100%;
    }
    .free-detail-popup .free-detail-popup-wrap .freelancer-title{
        width: 100%;
    }
    .free-detail-popup .free-detail-popup-wrap .freelancer-score{
        width:100%
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1{
        display: flex;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap {
        background: white;
        margin-bottom: 0px;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap .profile-image-wrap{
        border: 4px solid #006aac;
    }
    .client-main-wrapper .client-shortlisted-row{
        display: block;
    }
    .client-main-wrapper .client_message{
        display: block;
    }
    .client-main-wrapper .client_hired{
        display: block;
    }
    .ex-project-wrapper .all_projects_page .ast-row {
        display: block;
    }
    .page-template-client-projects-php .modal .pop-project-id,
    .page-template-client-projects-php .modal .project_inner_wrap div{
        display: block;
    }
    .page-template-client-projects-php .modal .pop-project-id h4,
    .page-template-client-projects-php .modal .project_inner_wrap div h4{
        width:100%;
    }
    .page-template-client-projects-php .modal .pop-project-id span,
    .page-template-client-projects-php .modal .project_inner_wrap div span{
        width: 100%;
    }
    .page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div,
    .page-template-freelancer-project-milestones-reports-php .modal .pop-project-id{
        display: block;
    }
    .page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div h4,
    .page-template-freelancer-project-milestones-reports-php .modal .pop-project-id h4{
        width: 100%;
    }
    .page-template-freelancer-project-milestones-reports-php .modal .project_inner_wrap div span,
    .page-template-freelancer-project-milestones-reports-php .modal .pop-project-id span{
        width: 100%;
    }
    .page-template-freelancer-proposal-contracts-php .f_proposal_modal .pop-project-id,
    .page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec1 div{
        display:block;
    }
    .page-template-freelancer-proposal-contracts-php .f_proposal_modal .pop-project-id span:first-child,
    .page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec1 div span:first-child,
    .page-template-freelancer-proposal-contracts-php .f_proposal_modal .pop-project-id span,
    .page-template-freelancer-proposal-contracts-php .f_proposal_modal .project-popup-sec1 div span{
        width: 100%;
    }
    .page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner .proposal-approved-phase{
        width:70px;
    }
    .client-main-wrapper .ex-client-wallet_billing{
        display: block;
    }
    .ex-dashboard-main .freelancer-dashboard-row .ex-middle-slidebar{
        padding: 30px 20px;
    }
    .ex-freelancers-wrapper .all_freelancers_page .all_freelancers_page-main{
        display: block;
    }
}
@media only screen and (max-width:544px){
    .login-icon i:before {
        font-size: 13px;
        padding: 5px 5px;
    }
    .profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group label{
        width:100%;
    }
    .profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group input{
        width:100%;
    }
    .profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group label{
        margin:5px 0px;
    }
    .profile-right-slidebar .profile-main-wrap .profile-acttab-4 .form-group input{
        margin:10px 0px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group label,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group label,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-3 .form-group label,
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .form-group label{
        width:100%;
        margin:5px 0px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group select,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group input[type="text"],
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .profile-skills,
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group input[type="text"],
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-2 .form-group input[type="date"],
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-3 .form-group input[type="text"],
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .form-group input[type="text"],
    .profile-right-slidebar .profile-inner-wrap .profile-education-1 .form-group input[type="date"]{
        margin:10px 0px;
        width:100%;
    }
    .experise-level-radio{
        margin:10px 0px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-wrap .form-group select,
    .profile-right-slidebar .profile-inner-wrap .profile-education-2 .profile-language-addmore-wrap .form-group select{
        margin: 10px 0px;
    }
    .profile-right-slidebar .profile-inner-wrap .expletas-test-roundinfo .roundno h4{
        font-size: 15px;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-time .ast-row div div{
        margin: 0px 0px; 
        display: block;
        float: unset;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data table td,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data table td,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data table td,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data table td{
        display: flex;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data table h6,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data table h6,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data table h6,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data table h6{
        font-size: 16px;
        font-weight: bold;        
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .overview-title-data .overview-title-data-given,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .details-expertise-data-given,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .budget-reviews-data-given,
    .project-right-slidebar .project-main-wrap .client-project-acttab-5 .address-phone-data-given{
        font-size: 14px;
        font-weight: 400; 
    }
    .ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap .middle-project-info p{
        font-size: 15px;
    }
    .client-main-wrapper .client-header-wrapper .client-details-links a{
        margin: 10px 10px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main {
        padding: 10px 10px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-1{
        width:10%;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2{
        width:60%;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2 a{
        font-size:16px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2 p{
        font-size:14px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-3{
        width:30%;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-3 span{
        font-size: 14px;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1{
        display: block;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap {
        background: none;
        margin-bottom: 10px;
    }
    .client-main-wrapper .client-invite-freelancer-row .invite-freelancer-midlle-wrap .ast-container-fluid .freelancer-box .freelancer-box-1 .freelancer-photo-wrap .profile-image-wrap{
        border: 4px solid #d9dbdc;
    }
    .client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-2{
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0px;
        display: block;
        justify-content: unset;
    }
    .client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1{
        display: block;
    }
    .client-main-wrapper .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-photo-wrap{
        background: none;
    }
    .client-shortlisted-row .ex-client-middle-slidebar .shortlisted-right-wrap .freelancer-box .freelancer-shortlist-box-1 .freelancer-photo-wrap .profile-image-wrap{
        border: 4px solid #cdd4d8;
    }
    .client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1{
        display: block;
    }
    .client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box .freelancer-box-1 .freelancer-photo-wrap{
        background: none;
    }
    .client-main-wrapper .client_hired .ex-client-hired-inner .hired-right-wrap .freelancer-box-1 .freelancer-photo-wrap .profile-image-wrap{
        border: 4px solid #cdd4d8;
    }
    .ex-freelancer-notifications .freelancer-dashboard-row .ex-middle-slidebar .notifications-inner .f_notifications-btns a{
        display: block;
    }
    .ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div{
        text-align: center;
    }
    .ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div a,
    .ex-freelacer-wallet-billing .ex-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div a{
           display: inline-block;
           padding: 40px 20px;
    }
    .page-template-client-shortlisted-php .modal{
        padding: 30px 15px;
    }
    .page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner label {
        font-size:15px;
    }
    .page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner .proposal-approved-phase{
        width:100px;
    }
    .page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap .proposal-approved-phase-inner input{
        margin: 5px 0px;
    }
    .ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div,
    .ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div{
        text-align: center;
    }
    .ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-1 .ast-row div a,
    .ex-client-wallet_billing .ex-client-middle-slidebar .ex-wallet-inner .wallet-section-2 .ast-row div a{
        display: inline-block;
        padding: 40px 20px;
    }
    .project_security-main{
        padding: 20px 20px
    }
    .project_security-main .project_security-row .project_security-column{
        padding:20px 20px;
    }
    .project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:first-child{
        font-size: 15px;
    }
    .project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(2){
        margin: 20px 0px;
        font-size: 15px;
        padding: 8px 15px;
    }
    .project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(3){
        font-size:14px;
        line-height: 1.7;
        margin: 0px 0px;
    }
    .project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(3) span{
        font-size:16px;
    }
    .project_security-main .project_security-row .project_security-column .project_security_module .project_security_text p:nth-child(4) a{
        margin: 0px 10px;
        width:90px;
        padding: 1px;
    }
    .project_cart-main{
        padding: 20px;
    }
    .project_cart_module .project_cart_text form .cart-budget{
        font-size: 15px;
        width: 70px;
        margin: 0px 3px;
    }
    .project_cart-row .project_cart-column{
        padding: 20px;
    }
    .project_cart_module .project_cart_text form input[type="submit"]{
        font-size: 15px;
    }
    .payment-page .payment-page-inner{
        margin: 0px 0px;
        padding: 20px;
    }
    #account-details-pop .account-details-pop-inner div{
        display: block;
        margin: 10px 0px;
    }
    #account-details-pop .account-details-pop-inner div label{
        display: block;
        width:100%;
    }
    #account-details-pop .account-details-pop-inner div input[type="text"]{
        width:100%;
    }
    #account-details-pop .account-details-pop-inner .save-beneficiary-details-btn{
        display: flex;
    }
    .project_lists .ex-reports-inner .reports-wrapper-main .reports-wrapper-main-inner select,
    .ex-project-inner .free-reports-inner .reports-wrapper-main .reports-wrapper-main-inner select{
        width:100%;
        margin: 10px 5px;
    }
    .project_lists .ex-reports-inner .project-report-result,
    .ex-project-inner .free-reports-inner .project-report-result{
        margin: 30px 0px;
    }
    .project_lists .ex-reports-inner .project-report-result .client-exports-btn,
    .ex-project-inner .free-reports-inner .project-report-result .client-exports-btn{ 
        margin: 10px 0px;
    }
    .project_lists .ex-reports-inner .project-report-result .client-exports-info,
    .ex-project-inner .free-reports-inner .project-report-result .client-exports-info{
        margin: 30px 0px;
    }
    .project_lists .ex-reports-inner .project-report-result .c100.center,
    .ex-project-inner .free-reports-inner .project-report-result .c100.center {
        margin: 30px auto;
    }
    .client-signup-main .signup-title, .freelancer-signup-main .signup-title{
        font-size: 17px;
    }
    .client-signup-main .signup-title .signup-title-span , .freelancer-signup-main .signup-title .signup-title-span {
        font-size:14px;
    }
    .profile-right-slidebar .profile-acttab-5 .form-group .ast-row div{
        margin: 10px 0px;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont .fd_title{
        font-size:20px;
    }
    .page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper{
        padding: 20px 20px;
    }
    .page-template-public-single-freelancers-php .ex-freelancers-detail-wrapper .public_freelancer-detail-page-cont-below .fd_about-box{
        margin:20px 0px;
    }
}
@media only screen and (max-width:425px){
    #slideform span{
        padding:0px 5px;
    }
    #slideform .slider-text{
        font-size:14px;
        font-weight:400;
        padding:0px 0px;    
    } 
    .dropdown select{
        padding:4px 12px 4px 5px;
        font-size:14px;
    }
    .profile-right-slidebar .profile-main-wrap .profile-acttab-4 .profile-charges-info-wrap{
        width:100%;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-4 .address-phone-btn a{
        font-size: 14px;
        padding: 5px 13px;
        margin-right: 3px;
    }
    .payment-page .payment-page-inner .return_dashboard a{
        margin: 10px 5px;
    }
    .ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-get-proposals-result div table{
        display: block;
    }
}
@media only screen and (max-width:375px){
    #slideform .slider-text {
        font-size: 11px;
    }
    .dropdown select {
        padding: 8px 12px 8px 10px;
        font-size:11px;
    }
    .profile-right-slidebar .overview-btn a,.profile-right-slidebar .contact-info-btn a,
    .profile-right-slidebar .profile-charges-btn a,.profile-right-slidebar .profile-edu-btn a,
    .profile-photo-right .profile-btn a,.expertise-btn a,.profile-right-slidebar .expletas-test-1-btn a,
    .project-right-slidebar .project-main-wrap .client-project-acttab-1 .title-desc-btn a,
    .project-right-slidebar .project-main-wrap .client-project-acttab-2 .details-expertise-btn a,
    .project-right-slidebar .project-main-wrap .client-project-acttab-3 .budget-reviews-btn a{
        font-size: 14px;
        padding: 5px 16px;
        margin-right: 10px;
    }
    .profile-right-slidebar .profile-inner-wrap .profile-expertise-1 .form-group .experise-level-radio label{
        font-size:13px;
        margin-right:5px;
    }
    .project-right-slidebar .project-main-wrap .client-project-acttab-3 .project-price #project-amount{
        width: 40%;
        margin-left: -20px;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below p span {
        font-size: 12px;
        padding: 5px 15px;
        margin: 0px 2px;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below h3{
        font-size: 20px;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below .freelancer-detail-page-cont-below-btn span a{
        font-size: 11px;
        padding: 5px 10px;
        margin: 10px 3px;
        width:112px;
    }
    .client-main-wrapper .freelancer-detail-wrapper .freelancer-detail-page-cont-below p {
        font-size: 14px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-3 span{
        font-size: 13px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2 a{
        font-size:14px;
    }
    .client-main-wrapper .ex-client-right-slidebar .ex-client-proposals-main .ex-client-proposals-strip-main .ex-client-proposals-strip-2 p{
        font-size:13px;
    }
    .profile-main-wrap .profile-acttab-7 .profile-inner-wrap-1 table tr td:first-child,
    .profile-main-wrap .profile-acttab-7 .profile-inner-wrap-2 table tr td:first-child,
    .profile-main-wrap .profile-acttab-7 .profile-inner-wrap-3 table tr td:first-child,
    .profile-main-wrap .profile-acttab-7 .profile-inner-wrap-4 table tr td:first-child{
        width: 45%;
    }
    .profile-main-wrap .profile-acttab-7 .profile-check-data-head h4{
        font-size: 15px;
    }
    .ex-client-dashboard-main .ex-client-middle-slidebar .project-midlle-wrap h4 a{
        float: none;
        margin: 10px 0px;
        display: block;
        text-align: center;
    }
    .client-dashboard-row .ex-client-middle-slidebar .ex-client-settings-main .ex-client-settings-inner .settings-head .settings-head-2{
        float: none;
        margin: 10px 0px;
    }
    .page-template-client-shortlisted-php .modal .proposal-approved-wrap label{
        margin-right: 50px;
    } 
    .page-template-client-shortlisted-php .modal .proposal-approved-phase-wrap label{
        margin-right: 5px;
    }
    .payment-page .payment-page-inner .return_dashboard a{
        margin: 10px 0px;
    }
    .project_cart_module .project_cart_text form input[type="submit"]{
        padding: 9px 18px;
        font-size: 14px;
    }
    .payment-page .payment-page-inner .return_dashboard a{
        display: block;
    }
    .page-template-freelancer-wallet-billing-php #withdrawal-amount-pop{
        padding: 15px 15px;
    }
    .page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner h6{
        font-size:15px;
    }
    .page-template-freelancer-wallet-billing-php #withdrawal-amount-pop .withdrawal-amount-pop-inner .withdrawal-amount-input{
        font-size: 15px;
    }
    .ex-proposal-contracts .freelancer-dashboard-row .ex-middle-slidebar .freelancer-contracts-btn select{
        margin: 0px 0px;
    }
    .project_lists .ex-reports-inner .project-report-result .price-indication,
    .ex-project-inner .free-reports-inner .project-report-result .price-indication{
        text-align: center;
    }
    .project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-price,
    .ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-price{
        float: none;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .project_lists .ex-reports-inner .project-report-result .price-indication .price-indication-indicators,
    .ex-project-inner .free-reports-inner .project-report-result .price-indication .price-indication-indicators{
        float: none;
        margin-bottom: 60px;
        font-size: 16px;
    }
    .project_lists .ex-reports-inner .project-report-result .client-exports-info,
    .ex-project-inner .free-reports-inner .project-report-result .client-exports-info{
        margin: 60px 0px;
    }
    .ex-project-detail-wrapper .ex-project-detail-inner .ex-project-detail-record a{
        float: none;
        display: inline-block;
        margin-top: 10px;
        line-height: 1;
    }
}
/*
.ex-project-left-inner,.ex-project-right-inner{
    display: inline-block;
    vertical-align: top;
}
.ex-project-left-inner{
    width: 34%;
}
.ex-project-right-inner{
    width: 64%;
} */
.loader{
    display: none;
}
.full-right{
    text-align: right;
}
.full-right div{
    display: inline-block;
    background-color: #006AAC;
    color: white;
    padding: 10px 20px;
    line-height: 1;
    font-size: 14px;
    font-weight: normal;
    word-break: break-word;
    margin: 2px 5px;
}
.full-right div a{
    color: white;
}
.full-right small,.full-left small{
    display: block;
}
.full-left{
    text-align: left;
}
.full-left div{
    display: inline-block;
    background-color: #006aacad;
    color: white;
    padding: 10px 20px;
    line-height: 1;
    font-size: 14px;
    font-weight: normal;
    word-break: break-word;
    margin: 2px 5px;
}
.full-left div a{
    color: white;
}
.f_online_dot{
    background: green;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px auto;
    border-radius: 50%;
    border: 3px solid white;
    margin-top: -25px;
    position: relative;
}
.online_dot{
    background: green;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px auto;
    border-radius: 50%;
    border: 3px solid white;
    margin-top: -14px;
    position: relative;
}
.offline_dot{
    background: red;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px auto;
    border-radius: 50%;
    border: 3px solid white;
    margin-top: -14px;
    position: relative;
}


.proposal-approved-wrap{
    display: none;
}

.hide_column{
    display: none;
}
#ast-scroll-top{
    font-size: 1rem;
}