@font-face {font-family: 'rochesterregular';src: url('../fonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../fonts/rochester/rochester-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'poppinsbold'; src: url(../fonts/poppins/poppins-bold-webfont.woff2) format('woff2'), url(../fonts/poppins/poppins-bold-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'poppinsitalic'; src: url(../fonts/poppins/poppins-italic-webfont.woff2) format('woff2'), url(../fonts/poppins/poppins-italic-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinslight'; src: url(../fonts/poppins/poppins-light-webfont.woff2) format('woff2'), url(../fonts/poppins/poppins-light-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'poppinsmedium'; src: url(../fonts/poppins/poppins-medium-webfont.woff2) format('woff2'), url(../fonts/poppins/poppins-medium-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'poppinsregular'; src: url(../fonts/poppins/poppins-regular-webfont.woff2) format('woff2'), url(../fonts/poppins/poppins-regular-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'poppinssemibold'; src: url(../fonts/poppins/poppins-semibold-webfont.woff2) format('woff2'), url(../fonts/poppins/poppins-semibold-webfont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap;}


body{font-family: 'poppinsregular'; margin:0px; padding:0px;}


/* ------------- header part -------------- */ 
table { position: relative; z-index: 1; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before{content:"+";background-color: #000; color: #fff; width: 15px;  height: 15px;
    border-radius: 50%;  line-height: 1.2;font-size:14px; left: 0; top: 3px;}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before{content:"-";background-color: #000; color: #fff; width: 15px; height: 15px;
    border-radius: 50%;  line-height: 1;font-size:14px;}
.heading > a{color:#524f63 !important;}
.job_number > a{color:#FF7B1C !important; position:relative;}
.user_name > .job_number > a{color:#ff7b1c !important;}
.thankyou_p_font{font-size: 16px;}
.size_note{font-size: 13px; color: rgb(82, 79, 99); font-weight: 500;    display: block;}
.size_note > span{color:rgb(0, 191, 255);font-weight: 600;}
.stars > span> .rating-symbol > .rating-symbol-background,.stars > span > .rating-symbol .rating-symbol-foreground{font-size:14px;overflow: hidden;}
.stars > span> .rating-symbol > .rating-symbol-background,.stars > span > .rating-symbol .rating-symbol-background{font-size:14px;overflow: hidden;position:relative;top:-1px;}
.content > .show_cover_letter{color:#524f63;}
.content > .show_cover_letter:hover,.content > .show_cover_letter:focus,.content > .show_cover_letter:active{color:#ff7b1c !important;}
#terms_and_condition .how_it_work{overflow-y: scroll; padding-top: 4px;}
#terms_and_condition .story .title {padding-top: 0;}
#terms_and_condition  .about_heading{display:none;}
#terms_and_condition .modal-dialog{max-width: 70%;   }

#settings_btn,#not_now_btn{color: #fff;border-radius: 0px;width: 100px; border-radius: 50px !important; border: 2px solid transparent !important; }
#settings_btn {background-color:#ff7b1c;margin-right: 34px;}
#settings_btn:hover,#settings_btn:focus,#settings_btn:active{color:#ff7b1c !important;border:2px solid #ff7b1c!important;background-color:#fff !important;}
#not_now_btn{background-color:#424242;}
#not_now_btn:hover,#not_now_btn:focus,#not_now_btn:active{color:#424242 !important;border:2px solid #424242!important;background-color:#fff !important;}
.first_login_btn{text-align:center;}
.view_appliction2 .reset_hours{padding-left:20px;}
.stars{padding: 0;list-style: none;overflow: hidden;float: right;margin-bottom: 0px;}
.titles > a,.user_name > a{color:#524f63 !important;}
.view_rating{cursor:pointer;}	
.img_pdf{width:25px;}
.view_page .rating-symbol-foreground{font-size: 14px;}
.view_page .rating-symbol-background{font-size: 14px;}
.view_job_title{cusror:pointer;color:#524f63;}
.billing_pdf{color:#524f63;}
.submit_request_note{display: block;font-size: 20px;color: rgb(82, 79, 99);}
.last_step_text{font-size:12px;}
.billing_pdf:hover,billing_pdf:focus,billing_pdf:active{color:#ff7b1c !important}
.view_job_title:hover,view_job_title:active,view_job_title:focus{color:#524f63 !important;}
.manages .heading > a{color:#524f63 !important;}
.applicant > a:hover,.applicant > a:focus,.applicant > a:active{color: #ff7b1c !important;} 
.no_record_found{font-size: 18px; color: #7d7d7d;  font-weight: 400;}
/* p ,h1 , .hyphens{-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break:break-word;} */
#fs_hear_from_other{margin-top:14px;}
.messages .message.right .message_img {margin-right: 3vw;float: right;border-radius: 25px;border-top-right-radius: 25px;
    border-bottom-right-radius: 0;width: auto; letter-spacing: 0;}
.table-responsive {    padding: 0 2px;}
.reset_hours{font-size:14px;}
.update_bank_details{background-color: rgb(0, 191, 255); color: #fff; border-radius: 0;  font-size: 12px;}
.update_bank_details:hover,.update_bank_details:active,.update_bank_details:focus{color: #fff !important;}
.edit_request{float: right;color: #ff7b1c !important;font-weight: 600;cursor: pointer;text-decoration: underline;}
.edit_request > img{width: 20px;}
.reset_hours:hover,.reset_hours:focus{color:#524f63 !important;}
.message_div{height:25px;}
.clockoutmodal .modal-dialog .modal-content{border-radius: 30px 10px;}
span[for="rating_number"]{display: block;}
.cover_letter_content_modal{max-height: 400px; overflow-y: auto;}
.declined{cursor: auto !important;}
#search_form a.clear_filter{padding-top:15px;cursor:pointer;}
.freelancer_category{display: -webkit-inline-box;list-style: none !important;margin-left: 0px;   padding-left: 0px;    height: 80px;}
.cover_letter_note{display: block;overflow: hidden;height: auto;clear: both;color:#FF7B1C !important;font-size: 12px;    padding-top: 4px;}
#more_freelancer{border-bottom:1px solid #ff7b1c;}
.remove_category{width:20px;float:right;cursor:pointer;}
.fs_other_category{border-bottom:1px solid #ff7b1c}
#freelancer_request_form textarea{border:0px;border-radius:0px;}
.freelancer_category > li {padding: 4px 15px;height: 31px; background-color: #def1fe;  margin-left: 5px;
    border-radius: 12px;  color: #524f63;  display: inline-block;   margin-bottom: 10px;}
#calender_img{max-width: 22px; height: 55px;}
#freelancer_signup input[type='text']{border:0px;border-radius:0px;border-bottom: 1px solid rgba(255,123,28,.85);}
#freelancer_signup textarea{border:0px;border-radius:0px;border-bottom: 1px solid rgba(255,123,28,.85)}
.error_elemenet{padding-top:200px;}
.bootstrap-datetime-picker-widget{left:0px !important;}
#search_form .custom-select{padding: 0px 16px;}
/*.blockMsg {left: 0 !important;right: 0 !important;}*/
.no_record_found_div{margin: 60px auto;  text-align: center;border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);
    border-bottom-right-radius: 30px;   
    padding: 36px;    width: 338px;}
.wallet_img{width: 39px;}
.no_record_found_div > img{width:25%;}
.virtualwallet .nav-tabs{border-bottom:0px;}
.back_btn{position: absolute;  top: 13px;  left: 13px;color: rgb(86, 83, 102);cursor:pointer;}
#sample_2_wrapper{      margin: 1.3vw 0vw 7vw;}
/* .content-body{min-height:90vh;} */
.custom-select{background:url(../../images/down-arrow.svg) no-repeat;background-position: 99% 54% !important;
background-size: 12px !important; }
.no_records{height: 54px; text-align: center;  padding-top: 14px;margin-bottom:150px !important;}
.users_message_div > img{float:right;}
.users_message_div{overflow:hidden;clear:both; height:35px;}
.confirm_modal_btn{background-color:#ff7b1c;color:#fff;}
.radio_button input:checked ~ span.text { color: #ff7b1c; font-weight: 400 !important;}
#header_vedio{z-index:7;}
header{position:absolute; width:100%; z-index: 10;}
header .navbar-brand {float:left; color: #030304; font-size: 28px; font-family: 'poppinsbold'; padding: 0px; margin: 0px; }
header .navbar-brand span{ color: #FF7B1C; }
.how_it_work{overflow:hidden;}
header .navbar {padding:0px;}
.hired_skills{ color: rgb(0, 191, 255);}
.views .category{cursor: auto !important;} 

/* header .navbar .navbar-nav{float:right; padding:0.8vw 0;  } */
/* header .navbar .navbar-nav .nav-item .nav-link{color:#524f63; font-size:14px; padding: 5px 12px; font-weight: 500;}
header .navbar .navbar-nav .nav-item .nav-link:hover{color:#ff7b1c;} */
/* .header_submit_request{border:1px solid transparent;font-weight: 500; margin-left:0.5vw;text-align:center;background-color:#ff7b1c;color:#fff !important;padding: 0.5vw;font-size:14px;letter-spacing: 0.2px;}
 *//* .header_submit_request:hover,header_submit_request:active{color: #535064 !important;} */
/* .header_submit_request:hover{color: #535064; border: 1px solid #535064; background: none;} */


/* .submit_req_button:hover{color: #535064 !important; border: 1px solid #535064 !important; background: none !important;} */
/* span[for="card_date"]{padding-left: 45px;} */
/* #fs_country,#fs_citizen,#fs_category,#fs_time_zone_value{height:auto !important;} */
.dashboard_heading{font-size: 28px; color: #524f63;  font-weight: 600; }
.about_bottom_heading{height: 34px;}
.blockOverlay{z-index: 1114 !important;}
.blockMsg {    z-index: 1144 !important;} 
.sign_up_page{padding-top: 120px;}
.freelenser_page{padding-top:170px;}
#decline_job_confirm{background-color:#ff7b1c;color:#fff;}
.billing_page{padding-top: 150px;}
#img_cross_div{height: 20px;}
.openjob_box > li {width:50%;}
/* span[for="wr_amount"]{position: absolute;  bottom: 0px;} */
.radio_box > .text{word-break: break-all;}
.multiselect-native-select > .btn-group{display:block;}
.multiselect-native-select > .btn-group > .multiselect {width:100%;text-align:left;border-radius:0px;margin-top: 5px;padding: 10px;  background-color: #f1f2f7;}
.multiselect.dropdown-toggle::after{float:right;margin-top: 5px;margin-right: 6px;
}
.multiselect-container.dropdown-menu.show{width:100%;}
.multiselect-selected-text{color: #495057;}
#copy_link{cursor:pointer;}
.multiselect-container.dropdown-menu>li:hover, .multiselect-container.dropdown-menu>li:focus ,.multiselect-container.dropdown-menu>li:active{outline: none;  background-color: #f1f2f7;}
.pagination .disabled >a{color: #bdbdbd; pointer-events: none; cursor: auto;  background-color: transparent;  border-color: #dee2e6;}
.page-item .page-link:hover{color: #ff7b1c !important;}
.page-item.active .page-link:hover{color: #fff !important;}
.clear_filter{color:#ff7b1c !important;font-size:15px;padding-top:8px;cursor:pointer;display:inline-block;}
#search_by_date{background-color: #e9ecef;  opacity: 1;   border: 0px;}
.pagination > li >a{position: relative; display: block; padding: .643rem 1.072rem; margin-left: -1px;  line-height: 1.57142857;  color: #757575; background-color: transparent; border: 1px solid #dee2e6;}	
.pagination > li.active >a{z-index: 1; color: #fff; background-color: #ff7b1c;  border-color: #ff7b1c;}
.paginaton_div{text-align: center; display: -webkit-inline-box;}
#mobile_header{display:none;}
.user_account{float: right; margin-left: 0.5vw;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .btn-secondary, .btn-secondary:hover  {color:#524f63; background: none; border: none;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow:none;}
.user_account a img{ width: 2.6vw; border-radius: 50%;}
.user_account .dropdown-menu{padding: 0px; width: 100%; border: none; border-radius: 0; font-size: 14px;}
.dropdown-divider{margin: 0px;}
.user_account .dropdown-menu .dropdown-item{padding:0.5vw 1vw; color:#524f63;}
.user_account .dropdown-menu .dropdown-item:hover{ color:#ff7b1c;}
.user_account .show {background-color: #fff; border:1px solid #e9ecef }
.user_account .show .dropdown-toggle::after { border-bottom: 0px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 0px;transform: rotate(45deg); width: 8px;   height: 8px;  margin-left: 5px;}
.user_account .dropdown .btn{padding: 7px 12px; font-size: 14px;}
textarea{resize:none;}
.unread_messages{position: absolute;top: -6px;right: -1px;height: 20px;width: 20px; background-color: #ff7b1c;
    color: #fff; font-size: 12px;  border-radius: 50%;  text-align: center;}
.message_li{position: relative;}
.help-block,.location-help-block{color: red; font-size: 12px;}
.img-circle{border-radius: 50%;}
.multiselect-container > li > a > label > input {position:relative;opacity:1;height:auto;width:auto;}
.multiselect-container > li > a{text-decoration:none;}
.multiselect-container>.active>a, .multiselect-container>.active>a:focus, .multiselect-container>.active>a:hover {
    color: #fff;text-decoration: none;background-color: #337ab7;outline: 0;}
.add_category{cursor:pointer;}
.error_div{padding:10vw;}
.sidenav { height: 100%;  width: 0; position: fixed; z-index: 999; top: 0; right: 0;background-color:#535064; overflow-x: hidden; transition: 0.5s;}
.sidenav a { padding: 0px 8px 8px 32px; text-decoration: none; font-size: 18px;  color: #fff !important; display: block;  transition: 0.3s;}
.sidenav .closebtn {position: absolute; top: -1vw;right:0; font-size:6vw; color:#f8ee86;}
.box_menu > li > a:hover{color:#ff7b1c !important;}
.user_account .dropdown-menu .dropdown-item:focus,.user_account .dropdown-menu .dropdown-item:active{color: #ff7b1c !important; background-color: #fff !important;}
.user_account .dropdown-menu .dropdown-item:focus,.user_account .dropdown-menu .dropdown-item.active{color: #ff7b1c !important; background-color: #fff !important ;}
header .navbar .navbar-nav .nav-item .nav-link.active{color:#ff7b1c !important;}
.alert{position: absolute;	width:100%;	z-index:99999999999 !important;color:#fff;	padding:10px !important;box-shadow: 0px 10px 3px -4px rgba(0,0,0,0.2);	max-width:500px; padding:10px !important;top:20px !important;
		float:none !important;left:inherit !important;max-width:400px !important;}
.alert-danger{background-color:#CC0000;	border-color:#CC0000;}
.alert-success{	background-color:#090;	border-color:#090;	}
.alert-info{background-color:#06F;border-color:#06F;}
.alert span{color:#fff;font-size:14px;padding-left:0px;}
.alert span strong{font-weight:normal;}
.pause_modal_body{ padding: 0 19px;}
#pause_freelancer_form {    padding-top: 22px;}
.pause_title{padding-bottom:10px !important;}
.pause_modal_body .modal-title2{ color: rgb(125, 125, 125);  font-size: 14px;}
/* .dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background:none;}
.dropdown-item {font-size: 0.93vw; font-family: 'open_sansregular';background-color: rgba(75,78,128,1); color: #fff;}
.dropdown-item:active, .dropdown-item:hover{color:#f8ee86;background-color: rgba(75,78,128,1);} 
.dropdown-menu {padding: 0px; border-radius: none;} */

.user_account > .dropdown {    border: 1px solid transparent;}

.dropdown-toggle::after {border-top: 0px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left:0px; transform: rotate(45deg); width: 8px; height:8px; margin-left: 5px; }

.index_page_bg{  background: url(../../images/line_banner.jpg) no-repeat; background-position: center 16.4%; background-size: 100%; overflow: hidden;}
.top_part { display: table; width: 100%; background-color: #eff2f7; position: relative;}
.top_part .bg_img{   background:url(../../images/bg_img.svg) no-repeat; background-position: right 29% !important; background-size: 54% !important;  position: absolute; width: 100%; height: 70vh; right: 0.5%; overflow: hidden; top: 19%;} 
.first_row {margin: 18.1vw 0px 1vw;}
.first_row  .top_content{width: 96%;}
.first_row .heading{font-size: 36px; color: #030304;  font-weight: 600; text-transform: uppercase; margin-bottom: 0px;line-height: 1; letter-spacing: 2px;}
.first_row .sub_heading{font-size: 18px;color:#524f63;text-align: center; padding-top: 0.5vw;}
.first_row .title{font-size: 14px;color:#524f63; text-align: center;}
#header_vedio{position: relative;z-index: 9999;}
.first_row .play{margin: 4vw auto 1vw;text-align:center;z-index:1200;cursor:pointer; }


/* .inner_body .business .box {position: relative; width: 90%; margin: 0px auto; padding: 3.4vw 1vw 7vw;} */
/* .inner_body .business .icons{ width: 3vw; display: block; margin: 0vw auto;}
.inner_body .business .box .icons img{ width: 100%;}
.inner_body .business .box .text{ font-size: 14px; color: #524f63; margin-bottom: 0px;} */

.inner_body .business .hover_box{position: absolute;  top: 0;bottom: 0;left: 0;right: 0; height: 100%; width: 100%; opacity: 0; background-color:#fff; border-radius: 6px;  box-shadow: 0px 2px 35px 0px rgba(0, 191, 255, 0.22); padding-top: 3.4vw;} 
.inner_body .business .box:hover .hover_box{opacity: 1;}
.inner_body .business .hover_box .text{color: #ff7b1c;font-weight: 500;}
.inner_body .business .hover_box hr{border-bottom: 1px solid rgb(227, 227, 227); width: 80%;margin: 0.3vw auto;}
.inner_body .business .hover_box .content{font-size: 12px; color: #524f63; text-align: center; line-height: 1.9; padding: 0px 12px;-webkit-line-clamp: 3; height: 70px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.skill{ font-size: 17px; color: #535064; border: 1px solid #535064; border-radius: 25px; padding: 0.5vw 2vw; margin: 1vw auto;}
.skill:hover{text-decoration: none; color: #fff; background-color: #ff7b1c;  border: 1px solid #ff7b1c;}

/* .marketplace{ width: 100%; background-color: #f2fbff; height: 380px; overflow: hidden;} */
/* .marketplace .heading{ font-size: 36px; color: #000000; text-align: center; font-weight: 600; padding-top: 2vw;margin-bottom: 3.5vw;} */

/* .marketplace .positions{position: relative; }
.marketplace .positions .text{font-size: 14px; color: #535064; position: absolute; width: 230px;}
.marketplace .positions .text1{text-align: right; left:13%; top: 12px;}
.marketplace .positions .text2{ right: 13%; top: 12px;}
.marketplace .positions .text3{ text-align: right; left:6%; top: 8vw;}
.marketplace .positions .text4{ right: 6%; top: 8vw;} */

.circle { position: relative; width: 450px; height:450px; border-radius: 50%; background-color: white;  margin: 0px auto; background-image: linear-gradient(to right bottom, #ff7b1c 0%, #01c3bf 100%); z-index: 0;}
.circle:before { position: absolute; content: ""; width: 104%; height: 104%; top: -2%; left: -2%;  background-color: #f2fbff; border-radius: 50%;  z-index: -1;}
.circle:after { position: absolute; content: ""; width: 105%; height: 105%; top: -2.5%; left: -2.5%; background-color: 00bfff; background-image: linear-gradient(to right bottom, #ff7b1c 0%, #01c3bf 100%); border-radius: 50%;  z-index: -2; }
.circle .image-wrapper { position: absolute; width: 100%;  height: 100%;  top: 0;  left: 0;  border-radius: 50%;}
.circle .image-wrapper .site_name { color: #030304; font-size: 35px;  font-weight: 900; padding: 7vw 0px; text-align: center;}
.circle .image-wrapper .site_name span{color: #ff7b1c;}
.circle .image-wrapper span.circle1{ border-radius: 50%;  border: 6px solid #ff7b1c; position: absolute;  left: 19.5%;  top: 5%;}
.circle .image-wrapper span.circle2{ border-radius: 50%;  border: 6px solid #01c3bf; position: absolute;  right: 19.5%;  top: 5%;}
.circle .image-wrapper span.circle3{ border-radius: 50%;  border: 6px solid #ff7b1c; position: absolute;  left: 0.6%;  top: 28%;}
.circle .image-wrapper span.circle4{ border-radius: 50%;  border: 6px solid #01c3bf; position: absolute;  right:0.6%;  top: 28%;}

/* .marketplace_work{padding-bottom: 3vw;} */
/* .marketplace_work .headings{ font-size: 36px; color: #000000; text-align: center;font-weight: 600; padding-top: 2.5vw;margin-bottom: 0.5vw;} */
/* .marketplace_work .business{width: 80%;margin: 0.8vw auto;} */
/* .marketplace_work .business .box {position: relative; width: 80%; margin: 0px auto; *//*  padding: 2.4vw 0vw 5vw; */
/* .marketplace_work .business .icons{ width: 3vw; display: block; margin: 0vw auto;}
.marketplace_work .business .box .icons img{ width: 100%;} */
/* .marketplace_work .business .box .text{text-align: center; font-size: 14px; color: #524f63; margin-bottom: 5px; padding-top: 1.5vw; font-weight: 600;} */
/* .marketplace_work .business .box .content{font-size: 12px; color: #535064; text-align: center; letter-spacing: 0px;} */

.marketplace_work .second-block .left_side{padding: 8.4vw 0px 10vw;}
.marketplace_work .second-block .heading{font-size: 36px; color: #000000; font-weight: 600;}
.marketplace_work .second-block .content{font-size: 16px; color: #524f63; font-weight: 500;}
.marketplace_work .second-block .right_side {position: relative;}
.marketplace_work .second-block .right_side .first_box{ position: absolute; width: 64%; border-radius: 10px;  background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);padding: 1vw;} 
.marketplace_work .second-block .right_side .first_box .user{width: 7vw; border-radius:50%; float: left; margin-right: 1vw; }
.marketplace_work .second-block .right_side .first_box .user img{width: 100%; border-radius:50%;}
.marketplace_work .second-block .right_side .first_box .user_details .heading{ color: #ff7b1c; font-weight: 600; font-size: 22px; overflow: hidden; margin-bottom: 0px;}
.marketplace_work .second-block .right_side .first_box .user_details .sub_heading{ font-size: 18px; font-weight: 500;color: #524f63; overflow: hidden; margin-bottom: 0px;}
.marketplace_work .second-block .right_side .first_box .user_details .description{ font-size:12px ; color: #524f63; font-weight: 400; overflow: hidden; margin-bottom: 0px;}


.company_logos .heading{ font-size: 36px; color: #000000; font-weight: 600; padding: 3vw 0px 2vw; line-height: 1.5;    padding-right: 5vw;}
.company_logos .logos{padding: 4vw 0px; cursor: pointer;}




.social_login_btn{background-color: rgb(0, 191, 255);text-align: center;border-radius: 0;/*float: left;margin: 0.4vw;*/color: #fff;font-size: 14px;font-weight: 400;display:inline-block;}
.social_close_btn{background-color: #dc3545;text-align: center;border-radius: 0;/*float: left;margin: 0.4vw;*/color: #fff;font-size: 14px;font-weight: 400;display:inline-block;}
.modal_header_outer_div{border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);  /* width: 70%; */ margin: 4vw auto; letter-spacing: 0px;}
.user_type_category{opacity:0;position:absolute;}
.user_type_modal{max-width:40% !important;}
.user_type_modal_footer{border: 0px;   display: block;text-align:center;}

/* #delete_confirm,#decline_confirm{background-color: rgb(0, 191, 255);text-align: center;width: 20%; border-radius: 0; float: left; margin: 0.4vw;color: #fff;font-size: 14px;font-weight: 400; padding:0.6vw;}
 */
/* #delete_close_btn{background-color:#fe6565;border:0px;border-radius:0px;width: 20%;padding:0.6vw;} */
.delete_modal_content{border: 1px solid #fff;text-align:center;}
.delete_footer_div{border:0px;text-align:center;justify-content: center;}
/*----------------------- About us -------------*/

.about_us_page, .how_it_work, .about_part,.meeting_page {padding-top: 148px;}
.comman_page_bg{background: url(../../images/line_banner.jpg) no-repeat;  background-position: top; background-size: 100%; overflow: hidden; height: 16vh; }
/* .about_heading{ text-align: center; font-size: 36px; color: #030304; font-weight: 600; margin-top: -2.5vw; text-transform: uppercase; } */
.water_mark{font-size:9.57vw; color:#f8f8f8; position: absolute;line-height: 1; font-weight: 600;z-index: -1;left: 2vw; }

.story .title{font-size: 36px; color: #000000; font-weight: 600;padding-top: 5.5vw; margin-bottom: 4vw; }
.story .description{font-size: 16px; color: #524f63; font-weight: 500;letter-spacing: 0px; padding-right: 0vw; line-height: 1.8; margin-bottom: 7vw;}
.story .description1{font-size: 16px; color: #524f63; font-weight: 500;letter-spacing: 0px; padding-left: 0vw; line-height: 1.8;}

.teams_block{position: relative;}
.teams_block .first_section{ position: absolute; width: 100%; overflow: hidden; }
.second_block_bg{margin-left: 29%; height: 198px; width: 100%; padding: 0px; background-image: -moz-linear-gradient( 90deg, rgb(78,133,227) 15%, rgb(0,191,255) 85%); background-image: -webkit-linear-gradient( 90deg, rgb(78,133,227) 0%, rgb(0,191,255) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(78,133,227) 0%, rgb(0,191,255) 100%); }

.teams_block .second_section .titles{ font-size: 36px; color: #000000; font-weight: 600;margin-bottom: 5px;  padding-top: 1.4vw; }
.teams_block .second_section .description{font-size: 16px; color: #524f63; font-weight: 500; letter-spacing: 0px;}
.teams_block .second_section .teams_names{padding-left: 0.5vw;}
.teams_block .second_section .teams_names .card{ text-align: center; margin-top: 1.5vw; border: none; border-radius: 0; box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);}
.teams_block .second_section .teams_names .card img{width: 170px; height: 170px; margin: 2vw auto 0px; border-radius: 50%;}
.teams_block .second_section .teams_names .card .card-title{font-size: 22px; color: #ff7b1c; font-weight: 600;}
.teams_block .second_section .teams_names .card .card-text{font-size: 12px; color: #524f63; font-weight: 400;padding-bottom: 0.5vw; }
.teams_block .second_section .teams_names .last_card{margin-right: 0px;}

.what_we_do{padding: 4.4vw 0px 12vw;}
.what_we_do .title{font-size: 36px; color: #000000; font-weight: 600;padding-top: 5.5vw; margin-bottom: 4vw;}
.what_we_do .matter{font-size: 16px; color: #524f63; font-weight: 500; line-height: 2; letter-spacing: 0px; padding-right: 0.5vw;}
.what_we_do .second_img{ position: relative;  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); width:70%;}
.what_we_do .second_img img{ position: absolute; left: -6%; top: 19vw; width: 100%;}
.what_we_do .first_img{float: right;  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); width: 70%;}
.what_we_do .first_img img{width: 100%;}

/*----------------------- contact us -------------*/

.contact{ width: 82%; margin: 0px auto 5vw; letter-spacing: 0px;}
.contact .forms{border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 1.8vw;margin-right: 1vw;}
.contact .forms .heading, .contact .forms .sub_heading{font-size: 20px; color: #524f63; font-weight: 500; margin-bottom: 6px;}
.contact .forms .sub_heading{margin-bottom: 1.5vw;}
.contact .forms .form-group {margin-bottom: 1vw;}
.contact .forms .form-group .form-control {border-radius:0; border: none; background-color: #f1f2f7; font-size: 14px; font-weight: 500; padding: 0.8vw;}
.contact .forms .send{ background-color: rgb(0, 191, 255); text-align: center;width: 100%; border-radius: 0; color: #fff; font-size: 14px;font-weight: 400;padding: 0.6vw; }

.form-control:focus {box-shadow: none;}
.contact .forms .has-error{margin-bottom: 0px !important;}
::-webkit-input-placeholder {color: #524f63 !important;}
::-moz-placeholder {color: #524f63 !important;}
:-ms-input-placeholder {color: #524f63 !important;}
:-moz-placeholder {color: #524f63 !important;}
.btn.focus, .btn:focus { box-shadow:none;}
/* .contact .support_contact{margin-left: 1vw;} */

.contact .support_contact .call {margin-bottom: 1.75vw; }
.contact .support_contact .call img{width: 3.5vw; float: left; vertical-align: middle; padding-right: 1vw;}
.contact .support_contact .call a{font-size: 20px; color: #524f63; font-weight: 400; padding-top: 1vw; vertical-align: middle;}
.contact .support_contact .call a:hover{text-decoration: none;}
.contact .support_contact .customer_service{border-radius: 10px; background-image: -moz-linear-gradient( 90deg, rgb(24,196,254) 0%, rgb(0,191,255) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(24,196,254) 0%, rgb(0,191,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(24,196,254) 0%, rgb(0,191,255) 100%); padding: 1.5vw; word-spacing: 1.5px; }
.contact .support_contact .customer_service .title{font-size: 20px; color: #fff; font-weight: 400; }
.contact .support_contact .customer_service .description{font-size: 12px; color: #fff; font-weight: 400; }
.contact .support_contact .customer_service .take{ background-color: rgb(255, 255, 255); width: 100%; display: block; color: #ff7b1c; font-size: 14px; font-weight: 400; text-align: center; padding: 0.7vw;}
.contact .support_contact .customer_service .take:hover{text-decoration: none;}
.contact .support_contact .call a{font-size: 20px; color: #524f63; font-weight: 500;}


/*----------------------- how it works -------------*/

.how_works .second_col{padding-left: 2vw; margin-top: 3vw;}
.how_works .heading{color: #000000; font-size: 24px; font-weight: 600;}
.how_works .description{ font-size: 16px;color: #524f63;font-weight: 400; letter-spacing: 0px; padding-right: 0vw;  line-height: 2; margin-bottom: 7vw;}
.how_works .first_col{background: url(../../images/11.png) no-repeat;  background-position: top; overflow: hidden;  background-size: 100%;}
.how_works .first_col .img{width: 46%; margin: 5vw auto 0px;}
.how_works .first_col .img img{width: 100%;}
.how_it_work .story .description{margin-bottom: 4vw !important;}
.how_works .four_col{padding-right: 2vw; margin-top: 3vw;}
.how_it_work{position: relative;}
.how_it_work .how_circles{position: absolute;   width: 250px; height: 250px; border-radius: 50%; background-color: rgb(234, 241, 247); opacity: 0.22;}
.how_it_work .first{left: -13%; top: 28%;}
.how_it_work .second{right: -13%;top: 47%;}
.how_it_work .therd{left: -13%; top: 66%}
/*----------------------- .policy_conditions -------------*/
.policy_conditions{width: 84.5%; margin: 0px auto 4vw;}
.policy_conditions .heading{color: #000000; font-size: 24px; font-weight: 600;}
.policy_conditions .description{ font-size: 16px;color: #524f63;font-weight: 500; letter-spacing: 0px; line-height: 2;}
.policy_conditions .heading_paddings{padding-top: 2vw;}

/*----------------------- help center -------------*/
.help_center{width: 98%; margin: 0px auto 1vw;}
.help_center .heading{color: #000000; font-size: 22px; font-weight: 600;}
.help_center .description{ font-size: 14px;color: #524f63;font-weight: 400; letter-spacing: 0px; line-height: 2; margin-bottom: 2.5vw;}
.help_center .margin_bottom{margin-bottom: 0px !important;}

/*----------------------- login -------------*/
.user_login_page{padding-top: 120px;}
.login{border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); width: 70%;  margin: 2vw auto;   letter-spacing: 0px;}
.login .login_bg{ border-top-left-radius: 10px; border-bottom-left-radius: 10px;/* background: url(../../images/sign_bg1.png) no-repeat;*/ background-color: #def1fe; background-position: center; }
.login .forms{padding: 1vw 0.5vw;}
.login .forms .heading{font-size: 20px; color: #524f63; font-weight: 500;}
.login .forms .form-group {margin-bottom: 1vw;}
.login .forms .form-group label{color: #524f63; font-size: 14px; font-weight: 500;}
.login .forms .form-group .form-control {border-radius:0; border: none; background-color: #f1f2f7; font-size: 14px; font-weight: 400; padding: 0.8vw;}
.login .forms .login_button{ background-color: rgb(0, 191, 255); text-align: center;width: 45%; border-radius: 0; float: left; margin: 0.4vw; color: #fff; font-size: 14px;font-weight: 400;padding: 1vw;}
.login .forms .sign_button{ background-color: #fff; text-align: center;width: 45%; border-radius: 0; float: left; margin: 0.4vw; color: #ff7b1c; font-size: 14px;font-weight: 400;padding: 1vw; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}
.has-error{margin-bottom: 0px !important;}
.login .forms .forgot_text{text-align: center;font-size: 14px; font-weight: 500; display: block; color: #524f63;padding: 0.5vw; overflow: hidden;}
.login .forms .normal_text{font-size: 12px; color: #524f63; font-weight: 500; padding: 0.5vw 0px;}  
.login .forms .social_login{list-style: none; padding-left: 0px; overflow: hidden;  margin-bottom: 0px;}
.login .forms .social_login li{float: left; padding: 5px; border-radius: 50%; width: 40px; height: 40px; text-align: center; margin-right: 1.2vw; margin-bottom: 2vw; font-size: 18px;}
.login .forms .social_login li i {color: #fff;padding-top: 6px;}
.login .forms .social_login .facebook{ background-color: #3a5ba0; }
.login .forms .social_login .twitter{background-color: #2ca7e0; }
.login .forms .social_login .linked{background-color: #0e76a8;}
.login .forms .recaptcha{ margin: 1.5vw 1.5vw 1vw;}

/*----------------------- signup -------------*/
/*.signup{margin: 1vw 0px 2vw;}
.signup .forms{border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 2vw 20px;  letter-spacing: 0px; position: relative; overflow: hidden;}
.signup .forms .box {border-radius: 50%; background-color: rgb(222, 241, 254); position: absolute; right: -10%; bottom: -16%; width: 400px; height: 400px;}
  
.signup .forms .heading{font-size: 20px; color: #524f63; font-weight: 400; text-align: center;}
.signup .forms .form-group {margin-bottom: 1vw;padding: 0px 0.3vw;}
.signup .forms .form-group label{color: #524f63; font-size: 14px; font-weight: 500;}
.signup .forms .form-group label > #pure_bold{font-weight: 600;}
.signup .forms .form-group .form-control {border-radius:0; border: none; background-color: #f1f2f7; font-size: 14px; font-weight: 400; padding: 0.8vw;}
.signup .forms .upload{margin: 0px; padding: 0px; margin-top: 2.5vw;}
.signup .forms .upload .image_upload{display: table;}
.signup .forms .upload .image_upload .user_box{width: 110px; height: 110px;  background-color: rgb(241, 242, 247); display: table-cell; vertical-align: middle; }
.signup .forms .upload .image_upload .user_box img{width: 100%; padding: 0.3vw;}
.signup .forms .upload .image_upload .upload-btn-wrapper { position: relative; overflow: hidden; display: table-cell; vertical-align: middle;}
.signup .forms .upload .image_upload .btn { background-color: rgb(0, 191, 255); text-align: center; color: #fff; font-size: 14px; font-weight: 400; border-radius:0;    margin: 0px auto;display: table; }
.signup .forms .upload .image_upload .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0;}
.signup .forms .upload .image_upload .text{font-size: 12px; font-weight: 400; color: #222222;display: table-cell;padding-top: 1vw; padding-left: 1vw;}
.signup .forms .sign_button{ background-color: rgb(0, 191, 255); text-align: center;width: 100%; border-radius: 0; float: left;color: #fff; font-size: 14px;font-weight: 400;padding: 1vw;}

.signup .forms .already_text{color: #222222; font-size: 12px; font-weight: 400; padding-top: 4.5vw; text-align: center;}
.signup .forms .already { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); color: #ff7b1c; font-size: 14px; font-weight: 400; padding: 1vw 3vw; display: block; margin: 0px auto; border-radius: 0;}
  
.sign_up_page {background: url(../../images/sign_bg.png) no-repeat;  background-size: 45%; background-position-y: 37            %; background-position-x: 96%; }
.signup .signup_bg{ background: url(../../images/sign_bg1.png) no-repeat, url(../../images/sign_bg2.jpg) no-repeat; background-size: 100%; background-position-y: 15%, 93%;}
.signup .signup_bg .normal_text{font-size: 12px; color: #524f63; font-weight: 400; padding: 0.5vw 0px;letter-spacing: 0px; text-align: center;}  
.signup .signup_bg .social_login{list-style: none; padding-left: 0px;   overflow: hidden;}
.signup .signup_bg .social_login li{float: left; padding: 7px; border-radius: 50%; width: 40px; height: 40px; text-align: center; margin: 0px 0.5vw; font-size: 18px;}
.signup .signup_bg .social_login li i {color: #fff;}
.signup .signup_bg .social_login .facebook{ background-color: #3a5ba0; }
.signup .signup_bg .social_login .twitter{background-color: #2ca7e0; }
.signup .signup_bg .social_login .linked{background-color: #0e76a8;}
.signup .signup_bg .social_icons{position: absolute; bottom: 10%; left: 30%;}

.signup .recaptcha{ margin: 1vw 1.5vw 1.5vw;}
*/

/*----------------------------- new signup css -------------------------------------------*/
.signup_radio_hear{-webkit-column-count: 3;-moz-column-count: 3; column-count: 3; -webkit-column-gap: 1em; -moz-column-gap: 1em;}
.signup .press_ENTER {font-size: 14px;font-family: "Poppins"; color: rgb(82, 79, 99);  line-height: 2.143;   text-align: left;  display: inline-block;}
.signup .press_enter_div{text-align: center;}
.signup .form_outer_div { background-color: rgb(0, 191, 255); width: 100%; height: 3.9vw; border-radius: 10px 10px 0px 0px;}
.signup .outer_signup_div{position: relative;border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); width: 720px; margin-top: 20px;    margin: 0px auto;}
.signup .freelenser_forms{padding:0;}
.signup .progressbar {background-color: rgb(255, 255, 255);margin: 0px auto;width: 10.10vw;height: 0.63vw;z-index: 74;position: relative;border-radius: 50px;}
.signup .progressbarcopy {background-color: rgb(82, 79, 99);position: absolute; width: 25px;height:100%;z-index: 75; border-radius: 50px;}
.signup .complete_percentage {font-size: 14px; font-family: "Poppins"; color: rgb(86, 83, 102);  line-height: 2.143;   text-align: center;margin-left: -20px;padding-top: 3px;}

.signup .form_label_text { font-size: 24px; font-family: "Poppins";  color: #524f63;  line-height: 1.542;  text-align: left;   display: block;  }
.signup .form_group_div{padding: 1.63vw;}
.signup .input_label{color: rgb(0, 191, 255);display: inline-block; font-size: 24px;font-family: "Poppins";line-height: 1.542;text-align: left;vertical-align: top;}
.signup .label_div{display: inline-block;padding-left: 10px;width: 94%;}
.signup .label_div > .form-group > input{width:100%;display: block;font-family: inherit;color: rgb(0, 191, 255);-webkit-appearance: none;transform: translateZ(0px);font-size: 24px;line-height: 1.542;-webkit-font-smoothing: antialiased;padding: 0px 0px 8px;border-width: initial;border-style: none;border-color: initial;border-image: initial;outline: none;border-radius: 0px;transition: box-shadow 0.2s ease 0s;background: none;}
#fs_portfolio_actual_name{display:inline-block;width: 83%;}
#fs_resume_actual_name{display: inline-block;    width: 81%;}
.resume_file > .input-group-append{display: inline-block;}
#fs_upload_intenet_speed_actual_file{display: inline-block;background-color:transparent;border:0px;width: 83%;}
.freelancer_internet_showing > .input-group-append{display:inline-block;}

#sendcodebtn{background-color: rgb(0, 191, 255);color: #fff;}
.portofolio_div > .form-group > .input-group-append{display:inline-block;}
/* #other_hear{margin-top: 10px; font-size: 20px;} */
.signup .form_text_input:not(:focus) {box-shadow: none;}
.signup .ok_btn{background-color: rgb(0, 191, 255);/* width: 99px; height: 38px; */ font-size: 14px; font-family: "Poppins"; color: rgb(255, 255, 255);  text-align: center;  border:0px; margin-top: 18px; margin-bottom: 18px;}

/* .signup .ok_btn:hover,.signup .ok_btn:focus{background-color:#66d9ff !important;} */

.signup .ok_tick{  height: 0.8vw;padding-left: 12px; display:inline-block}
.signup .ok_right_press_enter{font-size: 14px;font-family: "Poppins";color: rgb(82, 79, 99); line-height: 2.143; text-align: left; display:inline-block; padding-left:10px;}
.signup .multiselect-container>li {padding: 5px;}
.signup .multiselect-container>li > a {color:#524f63;}
.signup .multiselect-container>.active>a, .multiselect-container>.active>a:focus, .multiselect-container>.active>a:hover{color:#ff7b1c;}

#reviews::placeholder{ /* Chrome/Opera/Safari */
    color: #afb1b9 !important;
}
#pause_feedback::placeholder{ /* Chrome/Opera/Safari */
    color: #afb1b9 !important;
}
.signup .form_text_input::placeholder{ /* Chrome/Opera/Safari */
    color: #afb1b9 !important;
}
.add_more_btn{background-color: rgb(0, 191, 255);margin-bottom: 20px;width: 200px; color: #fff;padding: 5px 0px;    text-align: center;cursor:pointer;}
.freelancer_signup .label_div{width:93%;}
.signup .form_text_input::-ms-input-placeholder{color: #afb1b9 !important; }
.signup #pure_bold{font-weight: 600;}
.hear_word_input{margin-top:10px;}
.signup .skip_btn {float:right; font-size: 14px; font-family: "Poppins"; color: rgb(255, 255, 255); line-height: 2.679; text-align: center; width: 99px;  height: 38px;  background-color: rgb(82, 79, 99);
    border:0px;    margin-top: 18px; }
.signupform,.signup .press_enter_div{margin-top: 50px;}

.checks{margin: 20px 0vw;}
.checkbox {display: inline-block; position: relative; padding-left: 25px; margin-bottom: 18px; font-weight: 400; line-height: 1.2; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox input {  position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #f1f2f7;}
.checkmark:hover input ~ .checkmark { background-color: #ccc;}
.container input:checked ~ .checkmark { background-color: #ff7b1c;}
.checkmark:after { content: ""; position: absolute; display: none;}
.checkbox a{color: #ff7b1c; font-weight: 500;}
.container input:checked ~ .checkmark:after { display: block;}
.container .checkmark:after {left: 5px; top: 0px; width: 5px; height: 12px; border: solid white; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }

.radio_button .radio_box {  display: inline-block; position: relative; padding-left: 25px; margin-bottom: 0.8vw; font-weight: 400;  cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radio_button .radio_box input {  position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radio_button .radio { position: absolute; top: 1px; left: 0; height: 15px; width: 15px; background-color: #f1f2f7;border-radius: 50%;}
.radio_button input:checked ~ .radio { background-color: #ff7b1c;}
.radio_button input:checked + label.radio_box{color: #ff7b1c !important;} 

input[type="radio"]:checked + label.radio_box { color: #ff7b1c !important;}
.signup .help-block{color:red;padding: 2px 0px; top: 7px;position: relative; font-size: 12px; }
#freelancer_signup .form-control > input[type="textarea"]{border:0px;}
#freelancer_signup .help-block{color: red;padding: 2px 0px; top: 7px;position: relative; font-size: 12px; }
/*----------------------- meeting page -------------*/

.meeting_page .story .title{  margin-bottom: 0px !important;}
.meeting_page .story .sub_title{font-size: 15px; color: #524f63; font-weight: 400;  }
.meeting_page .second_section .first_col .titles{font-size: 36px; font-weight: 600; color: #000; }
.meeting_page .second_section .first_col .description{font-size: 16px; color: #524f63; font-weight: 400; padding-right: 1vw;}
.meeting_page .second_section .teams_names .card { text-align: center;border: none; border-radius: 0; padding-bottom: 2vw; box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);}
.meeting_page .second_section .teams_names .card img { width: 170px;height: 170px;margin: 1.5vw auto 0px;border-radius: 50%;}
.meeting_page .second_section .teams_names .card .card-title { font-size: 22px; color: #ff7b1c; font-weight: 600;}
.meeting_page .second_section .teams_names .card .card-body{ padding: 0.5vw;}
.meeting_page .second_section .teams_names .card .post{font-size: 14px; color: #524f63; font-weight: 500; margin-bottom: 1.5vw;}
.meeting_page .second_section .teams_names .card .schedule{ border: 1px solid transparent; font-weight: 500; text-align: center; background-color: #ff7b1c; color: #fff; padding: 0.5vw 1vw; font-size: 14px; letter-spacing: 0.2px;}
.meeting_page .second_section .teams_names .card .schedule:hover {color: #535064; border: 1px solid #535064; background: none; text-decoration: none;}
.meeting_page .paddings{ padding-top: 4vw;padding-bottom: 10vw;}

/*----------------------- setting page -------------*/
.satting_page {padding-bottom: 5vw; margin-top: 2vw; background: url(../../images/setting_bg.png) no-repeat; background-position-x: 100%; background-position-y: 100%;background-size: 50%;    background-attachment: fixed;}
.satting_page .tab-content{padding: 1vw; }
.satting_page .setting_heading{font-size: 28px; color: #524f63; font-weight: 600; position: absolute;top: 10%; padding-bottom: 5%;}
.satting_page .nav-link {display: block; padding: 0px; font-size: 20px;font-weight: 600; color: #ced3da;     border: none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0.8vw 0px;margin-right: 2vw;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: none; color: #524f63; border-bottom: 4px solid #ff7b1c; border-radius: 0; }

.setting .forms{border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 1vw 0.5vw;  letter-spacing: 0px; position: relative; overflow: hidden;}
.setting .forms .heading{font-size: 20px; color: #524f63; font-weight: 400; text-align: center;}
.setting .forms .form-group {margin-bottom: 1vw;padding: 0px 1.5vw;}
.setting .forms .form-group label{color: #afb1b9; font-size: 14px; font-weight: 400;}
.setting .forms .form-group .form-control {border-radius:0; border: none; background-color: #f1f2f7; font-size: 14px; font-weight: 400; padding: 0.8vw;}
.setting .forms .sign_button{ background-color: rgb(0, 191, 255); text-align: center;width: 100%; border-radius: 0; float: left;color: #fff; font-size: 14px;font-weight: 400;padding:0.8vw 1vw; margin-top: 1vw;}

.satting_page .users {margin-top: 3vw;}
.satting_page .users .user_imgs{ width: 9vw; display: block; margin: 0px auto; }
.satting_page .users .user_imgs img{ width: 100%; border-radius: 50%; border: 7px solid #fff; box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.43);}
.satting_page .users .user_img {margin: 1vw auto;padding: 0.8vw 1.5vw;/* display: table;*/font-size: 14px;font-weight: 400; border-radius: 0; background-color: rgb(255, 255, 255);  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);color: #ff7b1c;}

.satting_page .change_forms{width: 45%; margin: 0px auto; border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 1vw 0.5vw;  letter-spacing: 0px; position: relative; overflow: hidden;}
.satting_page .change_forms .form-group {margin-bottom: 1vw;padding: 0px 1.5vw;}
.satting_page .change_forms .form-group label{color: #afb1b9; font-size: 14px; font-weight: 400;}
.satting_page .change_forms .form-group .form-control {border-radius:0; border: none; background-color: #f1f2f7; font-size: 14px; font-weight: 400; padding: 0.8vw;}
.satting_page .change_forms .sign_button{ background-color: rgb(0, 191, 255); text-align: center;width: 100%; border-radius: 0; float: left;color: #fff; font-size: 14px;font-weight: 400;padding:0.8vw 1vw; margin-top: 1vw;}


/*----------------------- billing page -------------*/

.billing_page .billing_heading{font-size: 28px; color: #524f63; font-weight: 600;top: 10%; margin-bottom: 5%; }
.billing_page .card_forms{width: 70%; margin: 2vw auto 4vw;  border-radius: 10px; background-color: rgb(239, 242, 247); padding: 1vw 1vw 0px;}
.billing_page .credit_card{font-size: 20px; color: #524f63; font-weight: 600; padding: 1vw 0px; border-bottom: 1px solid rgb(228, 232, 233); margin-bottom:0;}
.billing_page .credit_card::after{border: 4px solid #ff7b1c; width: 10%;}

.billing_page .first_row_block .description{font-size: 14px; color: #7d7d7d; font-weight: 400; letter-spacing: 0px; width: 100%; overflow: hidden;}
.billing_page .card_forms .form-group {margin-bottom: 1vw;padding: 0px 1vw;}
.billing_page .card_forms .form-group label{color: #524f63; font-size: 14px; font-weight: 400;}
.billing_page .card_forms .form-group .form-control {border-radius:0; border: none; background-color: #fff; font-size: 14px; font-weight: 400; padding: 0.8vw;height: 50px;}
.billing_page .card_forms .sign_button{ background-color: rgb(0, 191, 255); text-align: center;width: 100%; border-radius: 0; float: left;color: #fff; font-size: 14px;font-weight: 500;padding:0.6vw 1vw;}

.billing_page .second_row_block .manage{width: 80%; margin: 2vw auto 5vw; }
.billing_page .second_row_block .description { font-size: 14px; color: #7d7d7d;font-weight: 400; letter-spacing: 0px; padding-right: 20vw; width: 100%; overflow: hidden;}
.billing_page .second_row_block .manage .first_card .manage_cards{position: relative; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);}
.billing_page .second_row_block .manage .first_card .manage_cards .title{font-size: 21px; font-weight: 600; color: #524f65; }
.billing_page .second_row_block .manage .first_card .manage_cards .card_no{font-size: 14px; color: #524f65; font-weight: 400; margin-bottom: 5px;}
.billing_page .second_row_block .manage .first_card .manage_cards .date{font-size: 14px; color: #524f65; font-weight: 400; margin-bottom: 0px;}
.billing_page .second_row_block .manage .first_card .manage_cards { padding: 1vw 0px 1.3vw 5vw; margin: 1vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .cross{position: absolute;right: -7px;top: -7px; width: 20px;height: 20px;}
.billing_page .second_row_block .manage .first_card .manage_cards .cross img{width: 100%;}
.billing_page .second_row_block .manage .first_card .manage_cards .card_img{ width: 4vw; background-color:#def1fe; display: table; position: absolute; left:-10px;top: -10px;border-radius: 50%;padding: 0.7vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .card_img img{ width: 100%;}  
.billing_page .second_row_block .manage .first_card .manage_cards .primary_text{ border-radius: 4px; color: #ff7b1c; font-size: 14px; font-weight: 400; position: absolute; right: 6%; bottom: 15%;}
.billing_page .second_row_block .manage .first_card .manage_cards .primary_button{padding: 0.45vw; background-color: #ff7b1c; border-radius: 2px; position: absolute; right: 2%; bottom: 20%; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0.5px;cursor:pointer; }
.billing_page .card_forms .form-group .seclect_box{/* padding: 0.8vw;  */border: none; font-size: 14px; font-weight: 400; color: #524f63;-webkit-appearance: none;  -moz-appearance: none;  appearance: none; background-size: 0.8vw;
    background-repeat: no-repeat;    max-width: 49%;  margin: 1px; height: 50px;
    background-position:97% center;    background-image: url(../../images/down-arrow.svg);}

.therd_row_block{margin-bottom: 2vw;}
.table{margin: 1vw 0px;}
.table .table_heading{  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);   background-color: rgb(255, 255, 255);}
.table thead th{border: none;  font-size: 14px;  font-weight: 600;width: 4.8%; }
.table{margin: 1vw 0px;  border: none;}
.table .table_heading{  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);   background-color: rgb(255, 255, 255);}
/* .table thead th{border: none;  font-size: 14px;  font-weight: 600;} */
.table td, .table th { padding: 1vw; border: none; text-align: center;}
.table-striped tbody tr:nth-of-type(2n+1) { background-color: #f8f7fc;}
.billing_page .table .paid{border-radius: 12px; background-color: rgb(124, 213, 123); padding: 0.5vw 1vw; font-size: 12px; color: #fff; font-weight: 400;}
.billing_page .table .paid:hover{color: #fff; }
.billing_page .line{ width: 13%; margin: -6px 0px 1.5vw; border-top: 5px solid #ff7b1c;}
.billing_page .table td{font-size: 12px; color: #524f63; font-weight: 400;}


.table .paid_row{text-align: left; padding-left: 2vw;}
.table td{font-size: 12px; text-align: left;}


/*----------------------- dashboard page -------------*/
/* .dashboard_page{z-index: 1000000000000000000; position: relative;} */
.dashboard_page{padding-top:148px;}
.dashboard_page .nav-tabs .nav-link { border:none;}
.dashboard_page .nav-tabs .nav-item img{ width: 34px; vertical-align: middle; padding-right: 6px;}
.dashboard_page .nav-tabs .nav-item{font-size: 14px; font-weight: 400; color: #524f63; padding: 10px 0px; margin-right: 40px; border-bottom: 4px solid #ff7b1c;}
.dashboard_page .nav-tabs{border: none; margin: 0vw 0px 70px;}
.dashboard_page .dashbord{width: 95%; margin: 0px auto 50px;}
.dashboard_page .dashbord .request{border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);  border-bottom-right-radius: 30px; margin: 10px 10px 50px;}
.dashboard_page .dashbord .request .first_box{padding: 10px 0px 10px 80px;  border-bottom: 1px solid rgb(239, 239, 239); position: relative;}
.dashboard_page .dashbord .request .first_box .card_img { width: 6vw; background-color: #def1fe; position: absolute; left: -20px; top: -20px; border-radius: 50%; padding: 1.4vw;}
.dashboard_page .dashbord .request .first_box .card_img img{ width: 100%;}
.dashboard_page .dashbord .request .first_box .heading{ font-size: 28px; color: #524f63; font-weight: 600; margin-bottom: 0; }
.dashboard_page .dashbord .request .first_box .description{font-size: 14px; color: #7d7d7d; font-weight: 400;letter-spacing: 0px; line-height: 2; margin-bottom: 0px;}
.dashboard_page .dashbord .request .box_menu{ padding-left: 0px; list-style: none; overflow: hidden;}
.dashboard_page .dashbord .request .box_menu li{float: left; padding: 15px; border-right: 1px solid rgb(239, 239, 239);width: 50%; text-align: center;}
.dashboard_page .dashbord .request .box_menu li:last-child{border: none;}
.dashboard_page .dashbord .request .box_menu li a{ font-size: 14px; color: #524f63; font-weight: 400;}  
.dashboard_page .dashbord .request .box_menu li a:hover{text-decoration: none;}
.dashboard_page .dashbord .billing .box_menu li{width: auto; padding: 15px 7px;}
.dashboard_page .dashbord .referral .box_menu li{width: 100%;}
.dashboard_page .dashbord .request .first_box .contact_icons{padding-left: 0; list-style: none;  width: 80%; margin: 0px auto; display: block; overflow: hidden;}
.dashboard_page .dashbord .request .first_box .contact_icons li{ float: left; }
.dashboard_page .dashbord .request .first_box .contact_icons li a{width: 5vw;}
.dashboard_page .dashbord .request .first_box .contact_icons li a img{ width: 35px; float: left;margin: 24px;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color:transparent; border-bottom: 4px solid #ff7b1c;}
.rectangle_div{width:30.73vw; height:6.57vw}
.dashboard_navbar{position:relative;}
.dashboard_referal_main_div{display: -webkit-box;background-color: rgb(222, 241, 254);position: absolute;
    border-radius: 20px 5px;top:-10px;box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);}
.dashboard_referal_main_div > .referal_box{padding: 17px 22px;font-size: 16px;font-family: "Poppins"; color: rgb(82, 79, 99);
    font-weight: 600; line-height: 1.442;  text-align: center;  border-right: 0px solid #CEE1EE;position:relative;}
.referal_box:first-child:after,.referal_box:not(:last-child):after{content:"";position: absolute;bottom: 10px;left: 0;
    right: 0;height:89px;border-right: 1px solid #CEE1EE;}

/*----------------------- forgot page -------------*/

.forgot .find{font-size: 20px; color: #524f63; font-weight: 400;}
.forgot .descriptions{font-size: 14px; color: #524f63; font-weight: 400;}
.forgot .forms .login_button{margin: 1vw 0.4vw;}
.forgot .login_bg{background-size: 70%;}

/*----------------------- freelenser page -------------*/

.freelenser{width: 80%; margin: 0px auto; }
/* .freelenser .main_heading{font-size: 36px; color: #030304; font-weight: 600; text-align: center; margin-top: -2vw;margin-bottom: 2vw; letter-spacing: 1px; text-transform: uppercase;padding-top: 1vw;} */
.freelenser .description{font-size: 16px; color: #524f63; font-weight: 400; text-align: center; padding: 0px 10vw;line-height: 1.8; letter-spacing: 0px;}
/* .freelenser .start_btn{ font-size: 14px; color: #fff; background-color: #ff7b1c; text-align: center; font-weight:500; display: inline-block; width: 18%; padding: 0.5vw 0px;  border: 1px solid #ff7b1c;}  */
/* .freelenser .start_btn:hover,.sign_button:hover,.login_button:hover{text-decoration: none;    color: #535064 !important;
    border: 1px solid #535064 !important; background: #fff !important;} */
/* 	.login_form > .sign_button:hover,.register_login:hover{background-color:#ff7b1c !important;border:1px solid #ff7b1c !important;color:#fff !important;border:1px solid #ff7b1c } */

.freelenser_forms{ border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 1vw 2vw;  margin: 1vw auto 3vw;}
.freelenser_forms .heading { font-size: 20px; color: #524f63; font-weight: 400; text-align: center; padding: 1vw 0px;}
.freelenser_forms .form-group{margin-bottom: 5vw;}
.viewreqeuest .form-group{margin-bottom: 1vw;    border-bottom: 1px solid rgb(239, 239, 239);padding-bottom: 25px;color: #524f63;    font-size: 14px;}
.freelenser_forms .form-group > label {font-weight: 600 !important;}

.viewreqeuest .form-group:last-child
{
    border-bottom:none;
}
.freelenser_forms .has-error{margin-bottom: 5vw !important;}
.freelenser_forms .form-group label { color: #524f63; font-size: 14px; font-weight: 400; line-height: 2; width: 100%;}
.freelenser_forms .form-group label span{font-weight: 600;}
.freelenser_forms .form-group .form-control {border-radius: 0; border: none; background-color: #f1f2f7; /* font-size: 14px;  */font-weight: 400; padding: 0.8vw; width: 100%;} 
.freelenser_forms .radio_button .radio_box {width: 19.5%; display: inline-block; letter-spacing: 0px; line-height: 1;}
.freelenser_forms .input-group .input_button{position: relative; width: 100%;}
.freelenser_forms .form-group .borwser_btn { position: absolute; right: 1%; top: 13%; border: none;color: #fff; background-color: #ff7b1c; border-radius: 0; font-size: 14px; letter-spacing: 0px; z-index: 10;}
.freelenser_forms  .sign_button { background-color: rgb(0, 191, 255); text-align: center;  width: 100%; border-radius: 0; float: left; color: #fff; font-size: 14px; font-weight: 400; padding: 1vw; margin-bottom: 2vw;}
.freelenser_forms .recaptcha {margin: 0vw 2.4vw 1.5vw;}
.freelenser_forms .checkbox{margin-bottom: 1vw;}
.freelenser_forms .radio_button .radio_box1 {width: 26.5%;}
.freelenser_forms .radio_button .radio_box2 {width: 30%;}
.freelenser_forms .radio_button .radio_box3 {width: 30%;}
.freelenser_forms .bottoms {width: 46%; margin: 0px auto;}
.freelenser_forms .types .others{display: none;}
.freelenser_page{padding-top: 200px;padding-bottom:100px;}

.freelenser_forms .input-group-prepend .input-group-text{ border: none;float: left; background-color: #f1f2f7;}
.freelenser_forms .doller .form-control{width: 96%;}

/*----------------------- submitrequest page -------------*/

/*.submitrequest{overflow: hidden;}*/
.submit_req .main_heading{font-size: 36px; color: #524f63; font-weight: 600; text-align: center;padding-top: 0px; margin-bottom: 2vw; letter-spacing: 1px; text-transform:none; }
.submitrequest .metter{ font-size: 12px; color: #afb1b9; font-weight: 400; margin-bottom: 0px; padding: 0.5vw 0px;}
.submitrequest .metter span{color: #ff7b1c;} 
.submitrequest .box .titles{ font-size: 18px; font-weight: 600; color: #524f63; text-align: center; margin-bottom: 5px;}
.submitrequest .box .sub_titles{ font-size: 14px; font-weight: 400; color: #524f63; text-align: center;}

.submitrequest .box .select_btn{ font-size: 14px; font-weight: 500; color: #ff7b1c;  background-color: rgb(234, 247, 255); text-align: center; padding: 0.8vw 2vw; display: block; margin: 10px 2vw;cursor:pointer;}
.submitrequest .box .select_btn:hover{text-decoration: none;}
.submitrequest .box  { border-radius: 10px; background-color: rgb(255, 255, 255);  box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 2vw 0vw 1vw;  }
.submitrequest .form-group .seclect_box { background-color: #f1f2f7;padding:0px 0.8vw; border: none; font-size: 14px; font-weight: 400; color: #524f63; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 0.8vw;
    background-repeat: no-repeat; width: 100%; margin: 1px; background-position: 97% center; background-image: url(../../images/down-arrow.svg);}
.submitrequest .line1{padding: 1vw 0px 0.3vw;}
.submitrequest .line2{padding: 0px 0vw 0.3vw;}
.submitrequest .line3{padding: 0px 0px;}
.submitrequest .line1 span{ word-spacing: 1vw;}
.submitrequest .line2 span{word-spacing: 1.95vw;}
.submitrequest .line3 span{word-spacing: 0.6vw;}
.submitrequest .box1{padding: 0.5vw 0vw 1vw; height: 162px;}
.submitrequest .box2{padding: 0.5vw 0vw 1vw; height: 162px;} 
.submitrequest .box1 .new_title {padding: 1vw 1vw;}
.submitrequest .box1 .titles2 {padding: 2vw 1vw;}
.submitrequest .box .sub_titles1{font-size: 12px; font-weight: 400; color: #524f63; text-align: center;    padding-bottom: 25px;}
.flexible_div .last_box .prefrenece_btn1 {margin-top: 35px;}
.flexible_div .last_box .prefrenece_btn3 {margin-top: 27px;}
.how_many .radio_button{-webkit-column-count: 5; -moz-column-count: 5; column-count: 5;  -webkit-column-gap: 1em;   -moz-column-gap: 1em;}
.submitrequest .box2 .titles {padding: 0px 0.5vw;}
.submitrequest .box2 .first_box_titles{padding: 0.8vw 1vw;}
.submitrequest .box2 .titles span{font-size: 12px; letter-spacing: 0px; font-weight: 400;}  
.submitrequest .box2 .titles2{line-height: 1; margin-bottom: 0;}
.submitrequest .box2 .sub_titles{margin-bottom: 0px;}
.submitrequest .box2 .sub_titles21{font-size: 12px; font-weight: 500;}

/* .submitrequest .submit_req_button {background-color: rgb(0, 191, 255);  text-align: center;  width: 50%;  margin: 0px auto 2vw; color: #fff; font-size: 14px;; font-weight: 400; padding: 0.8vw 1vw; border-radius: 0; display: block;}
 */

 .submitrequest .submit_req_button { margin: 0px auto 20px; display: block; }
.freelenser_forms .radio_button .radio_box4 {width: 8.5%;}
.freelenser_forms .radio_button .radio_box5 {width: 49%;}

.submitrequest .box .active{background-color: #ff7b1c; color: #fff; letter-spacing: 0px;}
.submitrequest .how_many{display: none;}

select.form-control:not([size]):not([multiple]) { height: 50px;}


/*----------------------- setting2 page -------------*/
.satting_page .payment{width: 47%; padding: 2vw 0.5vw 0.5vw;}
.satting_page .payment .form-group label{color: #524f63; font-size: 16px; font-weight: 500;}
.satting_page .payment .sign_button {margin-top: 0px; width: 80%;}
.satting_page .payment .form-group .content{font-size: 14px; color: #afb1b9; font-weight: 400; margin-bottom: 0px;}
.satting_page .setting .second_section{ border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); padding: 1vw 0.5vw; letter-spacing: 0px; position: relative; overflow: hidden; margin: 2vw 0px;}
.satting_page .setting .second_section .panel-title{ padding: 0vw 1vw; width: 100%; margin: 0; }
.satting_page .setting .second_section .panel-title a{font-size: 20px; color: #524f63; font-weight: 600;}
.satting_page .setting .second_section .panel-title a:hover{text-decoration: none;  }
.satting_page .setting .second_section .panel-body .info_forms{padding: 1vw;}
.satting_page .setting .second_section .panel-body .info_forms .form-group label {color: #afb1b9; font-size: 14px; font-weight: 400; line-height: 2; width: 100%;}
.satting_page .setting .second_section .panel-body .info_forms .form-group label span{font-weight: 600;}
.satting_page .setting .second_section .panel-body .info_forms .form-group .form-control {color: #524f63; border-radius: 0; border: none; background-color: #f1f2f7; font-size: 14px;font-weight: 400; padding: 0.8vw; width: 100%;}
.satting_page .setting .second_section .panel-body .info_forms .form-group .input_button{position: relative; width: 100%;}
.satting_page .setting .second_section .panel-body .info_forms .form-group .input_button .borwser_btn { position: absolute; right: 1%; top: 13%; border: none; color: #fff; background-color: #ff7b1c; border-radius: 0; font-size: 14px; letter-spacing: 0px; z-index: 10;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box { width: 10.5%; display: inline-block; line-height: 1; color: #524f63;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box1 { width: 26.5%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box2 { width: 31%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box3 { width: 31%;}
.satting_page .setting .second_section .panel-body .info_forms .sign_button { background-color: rgb(0, 191, 255); text-align: center; width: 85%; border-radius: 0;  float: left; color: #fff; font-size: 14px;font-weight: 400; padding: 0.8vw 1vw; margin-top: 1vw;}
.satting_page .setting .second_section .panel-body .info_forms .form-group textarea{font-size: 12px !important;}
.panel-title > a.collapsed::before { content: "+";color:#ff7b1c;font-weight: 800;}
.panel-title > a::before { content: "-";font-weight: 800; float: right !important;  position: relative; top: 1px; display: inline-block; font-family: FontAwesome;color:#ff7b1c;    font-size: 26px; /* font-style: normal; font-weight: normal; */ line-height: 1;}

.satting_page{padding-top: 100px;}
.satting_page .setting_heading{position:relative;}
.satting_page .users .user_imgs{overflow: inherit;}
.satting_page .users .user_imgs img{height: 124.94px;width: 124.94px;object-fit: cover;}
#filedismiss{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08)}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none !important;}
.btn-file > input{width: 100%;transform: none;}

/*----------------------- manage page -------------*/
.manage_page{padding-top:148px;}
.manage_page .manage_heading {font-size: 28px; color: #524f63;  font-weight: 600;top: 10%;}
.manage_page .content{font-size: 14px; color: #7d7d7d; font-weight: 400; letter-spacing: 0px;  line-height: 1.7; padding-bottom: 3vw; padding-top: 1vw;}
.manage_page .manages { width: 95%; margin: 0px auto 4vw;}
.manage_page .manages .request { border-radius: 10px; border-bottom-right-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);border-top-left-radius: 30px; border-bottom-right-radius: 30px; margin: 1vw 1vw 3vw; }
.manage_page .manages .request .first_box { padding: 1vw 0.5vw 1vw 1.5vw; border-bottom: 1px solid rgb(239, 239, 239); position: relative;}
.manage_page .manages .request .first_box .heading{font-size: 19px; font-weight: 600; color: #524f63;display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22.3px!important;
    width: 351px;}
.manage_page .manages .request .first_box .category{ background-color: #def1fe;  text-align: center; font-size: 14px; color: #524f63; background-color: rgb(222, 241, 254); border-radius: 11px; padding: 0.2vw 1vw; margin-bottom: 1vw;}
.manage_page .manages .request .first_box .description{font-size: 14px; color: #7d7d7d; font-weight:400; margin-bottom: 0px; padding-top: 1vw; line-height: 1.7;    overflow: hidden;height:60px;}   
.manage_page .manages .request .first_box .applicant{  background-color: #def1fe; position: absolute; right: -20px; top: -20px;  border-radius: 50%;  padding: 1.5vw 0px; width: 100px; height: 100px;}
.manage_page .manages .request .first_box .applicant .first_text{font-size: 22px; text-align: center; margin-bottom: 0px; color: #524f63; font-weight: 900;}
.manage_page .manages .request .first_box .applicant .second_text{font-size: 12px; text-align: center; margin-bottom: 0px; color: #524f63; font-weight: 400; letter-spacing: 0px;}
.manage_page .manages .request .box_menu { padding-left: 0px; list-style: none; overflow: hidden;}
.manage_page .manages .request .box_menu li { float: left;/* padding: 1vw 1vw; */      padding: 15px; border-right: 1px solid rgb(239, 239, 239); text-align: center;}
.manage_page .manages .request .box_menu li:last-child { border: none; /* padding: 1vw 2vw; */}
.manage_page .manages .request .box_menu li a {font-size: 14px; color: #524f63; font-weight: 400;}
.manage_page .manages .request .box_menu li a:hover{text-decoration: none; color: #ff7b1c;}



/* ----------------------- view pages ------------------------- */

.hrline{    margin: 4vw auto;    max-width: 90%;}
.box_menu > li > .dismiss_freelancer:hover{color: #524f63 !important;    cursor: auto !important;}
.applicant_name{padding: 1vw 0px 0px;font-size: 16px;  color: #524f63;   font-weight: 700;}
.applicant_view_job{box-shadow:none !important; }
.view_page .applicant_view_job .box_menu{border-top:0px !important;}
.view_page .applicant_view_job .box_menu li{border-right:0px !important;}
.request_more_freelancer_btn{border: 1px solid transparent;font-weight: 500; margin-left: 0.5vw;  text-align: center;
    background-color:rgba(255, 123, 28, 0.85);  color: #fff !important;   padding:0.7vw 1vw;   font-size: 14px;   letter-spacing: 0.2px;border-radius:15px;}
.request_more_freelancer_btn:hover,.request_more_freelancer_btn:active,.box_menu > li > .request_more_freelancer_btn:hover{ border: 1px solid #535064;   background: none;}
.view_page{padding-top: 100px;}
.view_page .view_heading{font-size: 28px; color: #524f63; font-weight: 600;/*  position: absolute;top: 10%; */ margin-bottom: 0px; padding-bottom: 45px; }
.view_page .views {width: 100%; max-width: 90%; margin: 4vw auto; border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);overflow: hidden;}

.view_page .views .top_section {padding: 1.5vw 1.5vw 0px;}
.view_page .views .top_section .first{margin-bottom: 0.5vw;}
.view_page .views .top_section .first .titles{font-size: 28px; color: #524f63; display: inline-block;  margin-bottom: 0px; font-weight: 600; line-height: 1;}
.view_page .views .top_section .first .category {display: inline-block; float: right; background-color: #def1fe; text-align: center; font-size: 14px; color: #524f63; background-color: rgb(222, 241, 254); border-radius: 11px; padding: 0.4vw 1vw;}
.view_page .views .top_section .first .category:hover{text-decoration: none;}
.view_page .views .top_section .skills{ font-size:14px; color: #524f63; font-weight: 400;}
.view_page .views .top_section .skills span{/*color: #ff7b1c;*/ font-weight: 500;}
.view_page .views .top_section .content{font-size: 14px; color: #7d7d7d; font-weight: 400; line-height: 1.714; letter-spacing: 0px;}
.view_page .views .box_menu { padding-left: 0px; list-style: none; overflow: hidden; border-top: 1px solid rgb(239, 239, 239); margin-bottom: 0px;  width: 100%;}
.view_page .views .box_menu li { float: left; padding: 1vw 1.2vw; border-right: 1px solid rgb(239, 239, 239); text-align: center; width: 24%;}
.view_page .views .box_menu li a { font-size: 14px; color: #524f63; font-weight: 400;}
.view_page .views .box_menu li{ font-size: 14px; color: #524f63; font-weight: 400;}
.view_page .views .box_menu li a:hover {text-decoration: none; color: #ff7b1c;}
.view_page .views .panel-group .panel-body .second_blocks{ padding: 0.5vw 1.5vw;}
.view_page .views .panel-group .panel-body .first_blocks{background-color: #f8f7fc; padding: 0.5vw 1.5vw;}
.view_page .views .panel-group .panel-body .text{font-size: 14px;margin-bottom: 0px; color: #524f63;  font-weight: 400; letter-spacing: 0px;} 
.view_page .views .panel-group .panel-body .text span{font-weight: 600;}
.view_page .views .panel-group .panel-body .text span.months{font-weight: 400; font-size: 12px;}
.view_page .views .panel-group .panel-body .middal{text-align: center;}
.view_page .views .panel-group .panel-body .right{text-align: center;}

.modal{background-color:rgba(222, 241, 254, 0.769);     z-index: 99999; }
.modal-dialog { max-width: 40%;}
.modal-content {border:0px;  border-radius: 30px 10px;/* border-top-left-radius: 25px; border-bottom-right-radius: 25px;*/ background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);    padding: 30px 10px;}
.modal-header{border: none; padding-bottom: 0px;}
.modal-header .modal-title{   text-align: center; width: 100%; padding: 19px 0px; font-size: 20px; color: #524f63; font-weight: 500; }
/* .modal_img_close{width:20px;} */
.modal-header .close{   border-radius: 50%;/* background-color: rgb(254, 101, 101);*/ width: 21px; height: 21px; /* font-size: 18px;  */padding: 0; margin: 0;opacity: 1;}  
.modal-body .forms{padding: 0px 2vw;}  
.modal-body .forms .form-group .form-control{font-size: 14px; color: #524f63; background-color: #f1f2f7; border: none; border-radius: 0; padding: 1vw 0.5vw;}
.modal-body .forms .submit_btn{ font-size: 14px; margin: 20px auto;} 
#billing_hours_limit .modal-content{    padding: 30px 15px;}
#limit_hours_form .submit_btn{float:left;width: 39.8%;}
#pause_freelancer_form .submit_bt{width: 34.8%;float: left;}
.close:focus,.close:active{background-color:transparent !important;}
#limit_hours_form .metter{font-size: 12px;  padding-top: 10px;}
/* #pause_freelancer_form #pausefreelancer{width: 34.8%;float: left;} */
#pause_freelancer_modal .modal-body .modal-title2{text-align:center;}

/*------------------------- view application -------------------------------------*/

.view_appliction .views .box_menu2 li {width:auto !important;}
.hrline > hr{border-top: 1px solid rgba(0,0,0,.2) !important;}
.view_appliction .views_box2{width: 100%; max-width: 90%; margin: 3vw auto; border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);overflow: hidden;     padding-top: 0.5vw;}
.view_appliction .views_box2 .user_img{ width: 6vw; padding: 1vw; float: left;}
.view_appliction .views_box2 .user_img img{width: 100%; border-radius: 5px;}
.view_appliction .views_box2 .titles{font-size: 14px; font-weight: 500; color: #524f63; float: left; padding: 1vw 0px;}
.view_appliction .views_box2 .titles > a{ color: #524f63; }
.view_hourly_limit{overflow: hidden;height: auto;clear: both;padding: 1vw 15px; font-size: 14px; font-weight: 500;
    color: #524f63;}
.view_appliction .views_box2 .content{font-size: 13px; font-weight: 400; color: #7d7d7d; float: left; padding: 1vw 0.5vw;     line-height: 1.7; width: 78%; letter-spacing: 0.3px;word-wrap: break-word;} 
.view_appliction .social_links{width: 100%; margin: 0px; background-color: #f8f7fc;    border-bottom: 1px solid rgb(239, 239, 239);}
.view_appliction .social_links .email, .view_appliction .social_links .mobile_no, .view_appliction .social_links .skype_id{display: table;}
.view_appliction .social_links .email .social_icons, .view_appliction .social_links .mobile_no .social_icons, .view_appliction .social_links .skype_id .social_icons{display: table-cell; vertical-align: middle; width: 2.5vw; padding: 0.3vw;}
.view_appliction .social_links img{width: 100%;}
.view_appliction .social_links p.ids{display: table-cell; vertical-align: middle; margin-bottom: 0px; font-size: 14px; color: #524f63; font-weight: 500; word-break: break-all;}
.view_appliction .social_links a.ids{display: table-cell; vertical-align: middle; margin-bottom: 0px; font-size: 14px; color: #524f63; font-weight: 500; word-break: break-all;}
.view_appliction .box_menu { padding-left: 0px; list-style: none; overflow: hidden; /*border-top: 1px solid rgb(239, 239, 239);*/ margin-bottom: 0px; float: left;}
.view_appliction .box_menu li { float: left; padding: 1vw 0.8vw; border-right: 1px solid rgb(239, 239, 239); text-align: center; }
.view_appliction .box_menu li.remove_border { border-right:none;} 
.view_appliction .box_menu li a { font-size: 14px; color: #524f63; font-weight: 400;}
.view_appliction .box_menu li a:hover {text-decoration: none; color: #ff7b1c;}

.view_appliction .rates{ width: auto; float: right; font-size: 20px;color: #524f63; font-weight: 500; padding: 0.8vw 2vw; margin-bottom: 0px;}
.view_appliction .social_links .skype_id{padding-left: 9vw;}
.view_appliction .social_links .mobile_no{padding: 0px 5vw;}

/*------------------------- view application2 -------------------------------------*/
.view_appliction2{padding-top: 100px;}
.view_appliction2 .view_heading{font-size: 28px; color: #524f63; font-weight: 600; /* position: absolute;top: 10%; */ padding-bottom: 45px; margin: 0px;}
.view_appliction2 .first_sections{width: 100%; max-width: 90%; margin: 2vw auto; border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);overflow: hidden;}
.view_appliction2 .first_sections .user_img{ width: 8vw; padding: 1.5vw 0vw 1vw 1.5vw; float: left;}
.view_appliction2 .first_sections .user_img img{width: 100%; border-radius: 5px;}
.view_appliction2 .first_sections .user_info{overflow: hidden; padding: 1vw 1.1vw;}
.view_appliction2 .first_sections .user_info .titles{font-size: 28px; color: #524f63; font-weight: 700; }
.view_appliction2 .first_sections .user_info .sub_titles{font-size: 14px; color: #ff7b1c; font-weight: 500;padding: 0.8vw 0px; }
.view_appliction2 .first_sections .user_info .content{font-size: 14px; color: #7d7d7d; font-weight: 400; letter-spacing: 0.6px; line-height: 1.7;}
.view_appliction2 .social_links { width: 100%; margin: 0px; background-color: #f8f7fc;border-bottom:1px solid rgb(239, 239, 239)}
.view_appliction2 .social_links .email, .view_appliction2 .social_links .mobile_no, .view_appliction2 .social_links .skype_id {display: table;}
.view_appliction2 .social_links .email .social_icons, .view_appliction2 .social_links .mobile_no .social_icons, .view_appliction2 .social_links .skype_id .social_icons { width: 2vw; padding: 0.3vw; display: table-cell;vertical-align: middle;}
.view_appliction2 .social_links img { width: 100%;}
.view_appliction2 .social_links p.ids { display: table-cell;vertical-align: middle; margin-bottom: 0px;font-size: 14px; color: #524f63;font-weight: 500;}
.view_appliction2 .social_links a.ids{ display: table-cell;vertical-align: middle; margin-bottom: 0px;font-size: 14px; color: #524f63;font-weight: 500;}
.view_appliction2 .social_links .mobile_no { padding: 0px 5vw;}
.view_appliction2 .social_links .skype_id { padding-left: 6vw;}
.view_appliction2 .box_menu {padding-left: 0px; list-style: none; overflow: hidden;/* border-top: 1px solid rgb(239, 239, 239);*/ margin-bottom: 0px;  float: left;}
.view_appliction2 .box_menu li { float: left; padding: 1vw 0.8vw; border-right: 1px solid rgb(239, 239, 239); text-align: center;}
.view_appliction2 .box_menu li a {font-size: 14px;  color: #524f63; font-weight: 400;}
.view_appliction2 .rates { width: auto; float: right; font-size: 20px;  color: #524f63; font-weight: 500; padding: 0.8vw 2vw; margin-bottom: 0px;}
.view_appliction2 .box_menu li.remove_border { border-right: none;}
.view_appliction2 .box_menu li a:hover { text-decoration: none; color: #ff7b1c;}
.view_appliction2 .details_box{ width: 100%; max-width: 90%; margin: 2vw auto; border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);overflow: hidden; padding: 1vw 1.5vw;}
.view_appliction2 .details_box h1.heading{ font-size: 20px; color:#ff7b1c; font-weight: 600; margin-bottom: 1vw; }
.view_appliction2 .details_box .title{font-size: 14px; color: #524f63; font-weight: 500; float: left; }
.view_appliction2 .details_box .description{font-size: 14px; float: left; font-weight: 400; color: #7d7d7d; width: 90%; letter-spacing: 0; line-height: 1.7;padding-left:4px;}
.view_appliction2 .work_history{width: 100%; max-width: 90%; margin: 2vw auto; border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);overflow: hidden; padding: 1vw 0vw;}
.working_jobs{width: 100%; max-width: 90%;margin: 2vw auto;padding: 1vw 0vw;overflow: hidden; }
.working_jobs h1.heading{font-size: 20px; color:#ff7b1c; font-weight: 600; margin-bottom: 1vw;}
.working_jobs .user_info{height: auto;overflow: hidden;border-radius: 10px;border-bottom-right-radius: 10px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;  margin: 1vw 1vw 3vw;}
.working_jobs .user_name{padding: 30px 20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  line-height: 2;height: 100px;}
.working_jobs .box_menu{width:100%;border-top: 1px solid rgb(239, 239, 239);}
.working_jobs .box_menu li{width:50%;}
.view_appliction2 .work_history h1.heading{ font-size: 20px; color:#ff7b1c; font-weight: 600; margin-bottom: 1vw; }
.view_appliction2 .work_history .first{padding: 0px 1.5vw;}
.work_history .col_one{overflow: hidden; clear: both;}
.work_history .col_one .heading{margin-bottom: 0px; float: left; font-size:16px; color: #524f63; font-weight: 500; }
.work_history .col_one ul.stars{padding: 0; list-style: none; overflow: hidden; float: right; margin-bottom: 0px; }
.work_history .col_one ul.stars li{width: 1vw; float: left; padding: 1px;}
.work_history .col_one ul.stars li img{width: 100%; }
.work_history .dates{margin-bottom: 0px;font-size: 13px; color: #7d7d7d; padding: 0.3vw 0px;}
.work_history .metter{margin-bottom: 0px;font-size: 13px; color: #7d7d7d; padding: 0.5vw 0px 0.3vw; letter-spacing: 0.3px; position: relative; line-height: 1.7;}
.work_history .metter span{position: absolute; font-size: 172px; line-height: 1; top: 0; font-family: 'rochesterregular'; opacity: 0.4; }
.viewaplication_modal .modal-dialog {max-width: 54%; margin:10px auto !important;}
.viewaplication_modal .modal-body .content{font-size: 14px; color: #7d7d7d; font-weight: 400; text-align: center; line-height: 1.7; padding: 0px 1.2vw;}

#myModal1 .modal-dialog { max-width: 50%;margin: 40px auto;}
#myModal1 .modal-dialog .text2{ width: 50%; float: left; text-align: center; color: #524f63; font-weight: 400; font-size: 18px;}
#myModal1 .modal-dialog .text2 span{color: #ff7b1c ; font-weight: 500;}
#myModal1 .modal-dialog .text3{ width: 100%; float: left; text-align: center; color: #524f63; font-weight: 400; font-size: 18px;}
#myModal1 .modal-dialog .text3 span{color: #ff7b1c ; font-weight: 500;}
.modal-body .forms .form-group label{font-size: 14px; color: #524f63; font-weight: 400;}

.viewaplication_modal .modal-body{padding:0px;}
.viewaplication_modal .modal-header .modal-title {padding: 1vw 0px 0.5vw; font-size: 1.47vw;}
.viewaplication_modal .modal-body form{padding: 0vw 10vw 1vw;}
.viewaplication_modal .modal-body form label{font-size: 14px; color: #524f63; font-weight: 400;}
.viewaplication_modal .modal-body form .form-group .form-control{background-color: #eff2f7; padding:0.5vw 1vw; border-radius: 0; height: 50px; border: none; -webkit-appearance: none; appearance: none ; -moz-appearance: none;}
.viewaplication_modal .modal-body form .form-group select{background-image:url(../../images/down-arrow.svg); background-repeat: no-repeat; background-size: 7%; background-position: 96% center; }

/* ----------------------- chatbox pages ------------------------- */
 
.message_page .message_heading{font-size: 28px; color: #524f63; font-weight: 600; /* position: absolute;top: 10%; */ padding-bottom:45px; margin-bottom: 0px;}
.message_page{overflow: hidden; padding-top: 100px;     margin-bottom: 3vw;}
.message_page .back_buttons { font-size: 14px; color: #fff; background-color: #ff7b1c; font-weight: 500; padding: 0.3vw 1.5vw; float: right; margin:0px 1vw 1vw;}
.message_page .vertical-tabs{overflow: hidden; clear: both;}
.message_page .vertical-tabs .nav-tabs .nav-link{ border-radius: 0; background-color:#f8f7fc; border-bottom: 2px solid #fff; color:#524f63;     padding: 0.8vw;  }
.message_page .vertical-tabs .nav-tabs .nav-link.active{ background-color:#def1fe!important;}
.message_page .vertical-tabs .tab-content>.active{background:#fff; display:block;}
.message_page .vertical-tabs .nav.nav-tabs{ border-bottom:0; display:block; float:left; width: 100%; max-width: 30%; }
.message_page .vertical-tabs .sv-tab-panel{ background:#fff;}
.message_page .vertical-tabs .nav-item p{margin-bottom: 0px;}
.message_page .vertical-tabs .nav-item{display: table; width: 100%;cursor:pointer;}

.message_page .vertical-tabs .nav-item .user_img{/*display: table-cell; vertical-align: middle; width: 3vw; */    display: inline-block;vertical-align: top;border-radius: 50%; padding-right: 0.5vw;}
.message_page .vertical-tabs .nav-item .user_img img {width: 30px; border-radius: 50%; }
.message_page .vertical-tabs .nav-item .names{/*display: table-cell; vertical-align: middle; width: 56%*/    display: inline-block;}
.message_page .vertical-tabs .nav-item .names .job_name{font-size: 16px; color: #524f63; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  line-height: 22.3px!important;   width: 145px;}
.message_page .vertical-tabs .nav-item .names .users_name{font-size: 14px; color: #ff7b1c; font-weight: 600;}

.message_page .vertical-tabs .nav-item .activies{/*display: table-cell; vertical-align: middle; width: 30%; text-align: center;*/display: inline-block;  vertical-align: top;}
.message_page .vertical-tabs .nav-item .activies .time{font-size: 14px; color: #7c8091; font-weight: 400; margin-bottom: 6px;}
.message_page .vertical-tabs .nav-item .activies .notification{ background: #ff7b1c; text-align: center; width: 30px; height: 30px; border-radius: 50%; display: block; margin: 0px auto; color: #fff; padding: 4px 0px;}
.message_page .vertical-tabs .tab-content{width: 70%; float: right; }
.message_template { display: none;}
.chat_room {border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); z-index: 238;  border-bottom-right-radius: 25px; border-top-left-radius: 25px; margin: 1px; width: 100%; margin-left: -20px;}
.messages {  list-style: none; padding: 2vw 1vw; margin: 0;}
.message_scorll_div{position: relative; overflow-y: scroll;     height: 600px;}
.messages .message {clear: both; overflow: hidden; margin-bottom: 3vw; transition: all 0.5s linear; opacity: 0;word-break: break-word;}
.messages .message.appeared { opacity: 1;}

.messages .message .avatar {width: 2.5vw; border-radius: 50%; display: inline-block;  margin-top: 2px; margin-left: 2px;}
.messages .message .avatar img{width: 100%; border-radius: 50%;}
.messages .message .text_wrapper {display: inline-block; padding: 1vw; width: calc(100% - 85px); min-width: 100px; position: relative;}
.messages .message.right .avatar {background-color: #fdbf68; float: right;}
.messages .message.left .text_wrapper { background-color: #def1fe; margin-left: 1vw; border-radius: 25px; border-top-left-radius: 25px; border-bottom-left-radius: 0; width: 67%; letter-spacing: 0;}

.messages .message.left .names{padding-left: 4vw; padding: 0.3vw 4vw;}
.messages .message.left .names p{font-size: 14px; font-weight: 500; color: #524f63;}
.messages .message.left .names p span{color: #ced3da;}

.messages .message.right .names{padding-left: 4vw; padding: 0.3vw 4vw;}
.messages .message.right .names p{font-size: 14px; font-weight: 500; color: #524f63; overflow: hidden; clear: both; text-align: right;}
.messages .message.right .names p span{color: #ced3da;}


.messages .message .text_wrapper .text {font-size: 14px; font-weight: 400;color: #7d7d7d;word-wrap: break-word;}
.messages .message.right .text_wrapper { background-color: #f8f7fc; margin-right: 1vw; float: right; border-radius: 25px;  border-top-right-radius: 25px; border-bottom-right-radius: 0; width: 67%; letter-spacing: 0;}
.bottom_wrapper { position: relative; width: 100%;padding: 0vw 0px; bottom: 0; border-top: 1px solid rgb(236, 236, 236);  margin-top: 0.5vw;}
.bottom_wrapper .message_input_wrapper { width: calc(100% - 230px); position: relative; float: left;}
.bottom_wrapper .message_input_wrapper .message_input{ width: 100%; padding: 1vw; border: none; box-shadow: none; font-size: 14px; color: #afb1b9; padding-bottom: 0px;}
.bottom_wrapper .message_input_wrapper .message_input:focus{box-shadow: none; outline: none;}
.bottom_wrapper .send_message {float: left;  padding: 0.9vw 2vw;border-left: 1px solid rgb(236, 236, 236);}
.bottom_wrapper .send_message .text{ background-color: #ff7b1c; text-align: center; font-size: 14px; color: #fff;  padding: 0.3vw 1.5vw; cursor: pointer;}
.bottom_wrapper .send_message1 .text1 { float: left; padding: 1.15vw;border-right: 1px solid rgb(236, 236, 236);}

.bottom_wrapper .send_message1 .text1 img { width: 1.5vw !important; display: block; margin: 0px auto; cursor: pointer;   }
.freelancer-matches{background:#ebeefd;text-align:center;padding:10px 20px;height:252px;border-radius:20px; width:100%; margin: 0px auto 30px; margin-bottom:30px; display: flex; align-items: center; justify-content: center; }
.freelancer-matches p{color:#4f4d4e; margin-bottom: 0px; font-size: 14px; line-height: 1.5; }
.freelancer-matches.twopplicate { height: 77px;} 
.freelancer-matches.onepplicate { height: 176px; margin-bottom: 20px; }

/*----------------------- Responsive media -------------*/
.table td, .table th {padding: 0.9vw 0.4vw; border: none; text-align: center;}
.table-striped tbody tr:nth-of-type(2n+1) { background-color: #f8f7fc;}

.billing_page .table .paid{border-radius: 12px; background-color: rgb(124, 213, 123);     padding: 0.34vw 1.1vw; font-size: 12px; color: #fff; font-weight: 400;}
.billing_page .table .paid:hover{color: #fff; }
.billing_page .line{ width: 11.6%; margin: -5px 0px 1.5vw; border-top: 4px solid #ff7b1c; float: left;}
.billing_page .table td{font-size: 12px; color: #524f63; font-weight: 600;}

/*------------------------- referral bg -----------------------------*/

.referral .referral_top{ background-color: #00c1e7; width: 100%;  /* margin-top: -10%; */ position: relative; display: table;}
.referral .referral_top::before{background-image:url(../../images/referral_bg.jpg); width: 100%; height: 100%; position: absolute; content: ""; background-repeat: no-repeat;left: 0; top: 0; background-size: contain;} 
.referral .referral_top .referral_links{/* display: table-cell; vertical-align: middle; */ width: 100%; max-width: 60%; margin: 200px auto 0px; position: relative;}
.referral .referral_top .referral_links .referral_text{color: #fff; font-size: 28px; font-weight: 600;  text-align: center; margin-bottom: 0px;}
.referral .referral_top .referral_links .referral_sub_text{color: #fff; font-size: 14px; font-weight: 500;text-align: center; letter-spacing: 0px;}

.referral .referral_top .referral_links .referral_code{margin: 46px 0px 52px;}

.referral_code .input-group {box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.21); border-radius: 30px;}
.referral_code .input-group .form-control{ border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 20px;border: none;}
.referral_code .input-group .input-group-append .input-group-text{border-top-right-radius: 30px; border-bottom-right-radius: 30px;border: none; background-color: rgb(255, 161, 0); color: #fff; font-size: 14px; font-weight: 600; padding: 0px 15px;}
.referral_code .input-group .input-group-append .input-group-text span{padding-left: 10px;}
.referral_code .input-group .input-group-append .input-group-text img{ width: 22px;transform: rotate(45deg);}
.referral .referral_top .referral_links .share{ border-radius: 5px; font-size: 15px; color: #ff7b1c; font-weight: 600; background-color: rgb(255, 255, 255);text-align: center;padding:16px; clear: both; width: 100%; display: block; max-width: 190px; margin: 0 auto;border: 0px;cursor: pointer; }
.bottom_share_this_div{margin-bottom:80px;}
.sharthis_div{padding-top:20px;}
.referral .referral_top .referral_links .share:hover{text-decoration: none;}
.referral_middal .affiliat_referral{ padding: 40px 0vw 70px;}
#st-1{opacity:0;}

.referal_table::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}
.referal_table::-webkit-scrollbar-thumb
{
	background-color: #ff7b1c;
	border: 2px solid #555555;
}


.share:active ~ #st-1{opacity:1 !important;}
.share.active ~ #st-1{opacity:1 !important;}
.share:focus ~ #st-1{opacity:1 !important;}
.referral_middal .affiliat_referral .left-side .heading{font-size: 28px; color: #524f63; font-weight: 600; margin-bottom: 0px; padding-bottom: 50px;}
.referral_middal .affiliat_referral .comman_div{border-radius: 10px;  background-color: rgb(0, 191, 255);overflow: hidden; width: 100%; max-width: 96%; padding: 10px 0px; margin-bottom: 18px;}
.referral_middal .affiliat_referral .comman_div2{ border-radius: 10px; background-color: rgb(82, 79, 99); overflow: hidden; width: 100%; max-width: 96%; padding: 10px 0px; margin-bottom: 18px;}
.referral_middal .affiliat_referral .title{ font-size: 20px; color: #fff; font-weight: 500; text-align: center; margin-bottom: 0px; padding-bottom: 10px;}
.referral_middal .affiliat_referral .dollor_amount{font-size: 30px; color: #fff; font-weight: 600; text-align: center; margin-bottom: 0px;}

.referral_middal .affiliat_referral .right-side .headings{font-size: 20px; color: #524f63; font-weight: 600; margin-bottom: 0px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid rgb(228, 232, 233); position: relative; }
.referral_middal .affiliat_referral .right-side .headings:after{content: ""; border-bottom: 5px solid #ff7b1c; position: absolute; width: 100%; max-width: 170px; bottom: 0; left: 0;}
.referral_middal .table .table_heading { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); background-color: rgb(255, 255, 255);}
.referral_middal .table tbody tr:nth-of-type(2n+1) { background-color: #f8f7fc;}
/* .referral_middal .table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05);} */

.referral_middal .table thead th {font-size: 14px; color: #000; font-weight: 600; text-transform: uppercase;}
.referral_middal .table tbody tr td{font-size: 12px; font-weight: 500; color: #524f63; }
.referral_middal .table td,.referral_middal .table th {padding: 20px 0px;}

/* ----------------------- view_job_detail  ----------------------- */

/* .view_job_detail .detail_heading { font-size: 28px; color: #524f63; font-weight: 600;}
.view_job_detail .datail_page {width: 100%;max-width: 90%; margin: 30px auto 60px;border-radius: 10px;border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); overflow: hidden;}
.view_job_detail .datail_page .top_section .first .titles {font-size: 28px; color: #524f63; display: inline-block; margin-bottom: 0px; font-weight: 500; line-height: 1;}
.view_job_detail .datail_page .top_section {padding: 20px;}
.view_job_detail .datail_page .top_section .first { margin-bottom: 10px;}
.view_job_detail .datail_page .top_section .first .category { display: inline-block; float: right; background-color: #def1fe;text-align: center; font-size: 14px; color: #524f63; background-color: rgb(222, 241, 254); border-radius: 11px; padding: 4px 10px;}
.view_job_detail .datail_page .top_section .skills {font-size: 14px; color: #524f63; font-weight: 400;}
.view_job_detail .datail_page .top_section .skills span{color: #ff7b1c; font-weight: 500;}
.view_job_detail .datail_page .top_section .content { font-size: 14px; color: #7d7d7d; font-weight: 400; line-height: 1.714; letter-spacing: 0px; margin-bottom: 0px;}
.view_job_detail .datail_page .first_columns{padding: 0;}
.view_job_detail .datail_page .second_section .text { font-size: 14px; margin-bottom: 0px; color: #524f63; font-weight: 500; letter-spacing: 0px; float: left;  width: 50%;}
.view_job_detail .datail_page .second_section .text span {	font-weight: 400;}
.view_job_detail .datail_page .second_section .one_block{background-color: #f8f7fc; width: 100%; overflow: hidden;     padding: 10px 0px 10px 20px;}
.view_job_detail .datail_page .second_section .two_block{background-color: #ffffff; width: 100%; overflow: hidden;     padding: 10px 0px 10px 20px;}
.view_job_detail .datail_page .second_section .two_block .text_width{width: 100%;}
.view_job_detail .datail_page .second_section {padding-bottom: 10px;}
.view_job_detail .datail_page .second_columns{padding: 0px; background-color: #f8f7fc; padding-top: 30px;}
.second_columns .time_running{ font-size: 14px; font-weight: 500; text-align: center; color: #524f63; margin-bottom: 0px;}
.second_columns .times{color:#ff7b1c; font-size: 60px;text-align: center; font-weight: 500;}
.second_columns .today_times{ font-size: 14px; font-weight: 500; text-align: center; color: #524f63;}
.second_columns .media_symbles{width: 100%; max-width: 80%; margin: 45px auto 0px;}
.view_job_detail .datail_page .second_columns .play{width: 100%; max-width: 110px; height: 110px; margin: 0px auto; background-color: #ff7b1c; border-radius: 50%; position: relative; border: 15px solid #ddf1fc; cursor: pointer;}
.view_job_detail .datail_page .second_columns .play .triangle-right {width: 0; height: 0; border-top: 10px solid transparent;  border-left: 15px solid #fff; border-bottom: 10px solid transparent; position: absolute; left: 55%; top: 50%; transform: translate(-55% ,-50%);}
.view_job_detail .datail_page .second_columns .stop{width: 100%; max-width: 110px; height: 110px; margin: 0px auto; background-color: #ff4a5f; border-radius: 50%;position: relative; border: 15px solid #f9e4eb; cursor: pointer;}
.view_job_detail .datail_page .second_columns .stop .stop_sign {width: 20px; height: 20px; border-radius: 5px; position: absolute; left: 50%; top: 50%; background-color: #fff; transform: translate(-50% ,-50%);}
.view_job_detail .datail_page .second_columns .pause{width: 100%; max-width: 110px; height: 110px; margin: 0px auto; background-color: #ffb400; border-radius: 50%;position: relative; border: 15px solid #f9f0e0; cursor: pointer;}
.view_job_detail .datail_page .second_columns .pause .pause_sign {width: 15px; height: 20px;  border-left: 5px solid #fff; border-right: 5px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.view_job_detail .datail_page .second_columns .text1{text-align: center; font-size: 14px; font-weight: 400; color: #524f63; margin-bottom: 0px; padding: 10px 0px;}
.view_job_detail .table_row{width: 90%; margin: 0px auto;}
.view_job_detail .table_row .headings{text-align: center; margin-bottom: 0px; font-size: 14px; font-weight: 500;}
.view_job_detail .table_row .table tbody tr td { font-size: 12px; font-weight: 500; color: #524f63;}
.view_job_detail .table_row .table tbody tr td p{margin: 0px;}
.view_job_detail .table_row .table tbody tr.table_border{border-bottom: 1px solid rgb(236, 235, 240);}
.view_job_detail .table_row .table tbody tr td p.remark{padding: 0.5vw 0px 0vw; color: #ff7b1c;}
.view_job_detail .table_row .table {width: 100%; max-width: 99%; margin: 20px 5px 50px;}
.view_job_detail .table_row .table-hover tbody tr:hover { background:none;} */
.view_job_detail{padding-top: 100px;}
.view_job_detail .detail_heading { font-size: 28px; color: #524f63; font-weight: 600; padding-bottom: 60px; margin-bottom: 0px;}
.view_job_detail .datail_page {width: 100%;max-width: 90%; margin: 30px auto 60px;border-radius: 10px;border-top-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); overflow: hidden;}
.view_job_detail .datail_page .top_section .first .titles {font-size: 28px; color: #524f63; display: inline-block; margin-bottom: 0px; font-weight: 600; line-height: 1;}
.view_job_detail .datail_page .top_section {padding: 20px;}
.view_job_detail .datail_page .top_section .first { margin-bottom: 10px;}
.view_job_detail .datail_page .top_section .first .category { display: inline-block; float: right; background-color: #def1fe;text-align: center; font-size: 14px; color: #524f63; background-color: rgb(222, 241, 254); border-radius: 11px; padding: 4px 10px;}
.view_job_detail .datail_page .top_section .skills {font-size: 14px; color: #524f63; font-weight: 400;}
.view_job_detail .datail_page .top_section .skills span{color: #ff7b1c; font-weight: 600;}
.view_job_detail .datail_page .top_section .content { font-size: 14px; color: #7d7d7d; font-weight: 400; line-height: 1.714; letter-spacing: 0px; margin-bottom: 0px;}
.view_job_detail .datail_page .first_columns{padding: 0;}
.view_job_detail .datail_page .second_section .text { font-size: 14px; margin-bottom: 0px; color: #524f63; font-weight: 600; letter-spacing: 0px; float: left;  width: 50%;}
.view_job_detail .datail_page .second_section .text span {	font-weight: 400;}
.view_job_detail .datail_page .second_section .one_block{background-color: #f8f7fc; width: 99.9%; overflow: hidden;     padding: 10px 0px 10px 20px;}
.view_job_detail .datail_page .second_section .two_block{background-color: #ffffff; width: 100%; overflow: hidden;     padding: 10px 0px 10px 20px;}
.view_job_detail .datail_page .second_section .two_block .text_width{width: 100%;}
.view_job_detail .datail_page .second_section {padding-bottom: 10px;}
.view_job_detail .datail_page .second_columns{padding: 0px; background-color: #f8f7fc; padding-top: 30px;}
.second_columns .time_running{ font-size: 14px; font-weight: 500; text-align: center; color: #524f63; margin-bottom: 0px;}
.second_columns .times{color:#ff7b1c; font-size: 47px;text-align: center; font-weight: 600;}
#show_timer > span{min-width:35px; display: inline-block;}
.second_columns .today_times{ font-size: 14px; font-weight: 500; text-align: center; color: #524f63;}
.second_columns .media_symbles{width: 100%; max-width: 80%; margin: 45px auto 0px;}
.view_job_detail .datail_page .second_columns .play{width: 100%; max-width: 110px; height: 110px; margin: 0px auto; background-color: #ff7b1c; border-radius: 50%; position: relative; border: 15px solid #ddf1fc; cursor: pointer;}
.view_job_detail .datail_page .second_columns .play .triangle-right {width: 0; height: 0; border-top: 10px solid transparent;  border-left: 15px solid #fff; border-bottom: 10px solid transparent; position: absolute; left: 55%; top: 50%; transform: translate(-55% ,-50%);}
.view_job_detail .datail_page .second_columns .stop{width: 100%; max-width: 110px; height: 110px; margin: 0px auto; background-color: #ff4a5f; border-radius: 50%;position: relative; border: 15px solid #f9e4eb; cursor: pointer;}
.view_job_detail .datail_page .second_columns .stop .stop_sign {width: 20px; height: 20px; border-radius: 5px; position: absolute; left: 50%; top: 50%; background-color: #fff; transform: translate(-50% ,-50%);}
.view_job_detail .datail_page .second_columns .pause{width: 100%; max-width: 110px; height: 110px; margin: 0px auto; background-color: #ffb400; border-radius: 50%;position: relative; border: 15px solid #f9f0e0; cursor: pointer;}
.view_job_detail .datail_page .second_columns .pause .pause_sign {width: 15px; height: 20px;  border-left: 5px solid #fff; border-right: 5px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%);}
.view_job_detail .datail_page .second_columns .text1{text-align: center; font-size: 14px; font-weight: 400; color: #524f63; margin-bottom: 0px; padding: 10px 0px;}
.view_job_detail .table_row{width: 90%; margin: 0px auto;}
.view_job_detail .table_row .headings{text-align: center; margin-bottom: 0px; font-size: 14px; font-weight: 600; color: #524f63;}
.view_job_detail .table_row .table tbody tr td { font-size: 12px; font-weight: 500; color: #524f63;}
.view_job_detail .table_row .table tbody tr td p{margin: 0px;}
.view_job_detail .table_row .table tbody tr.table_border{border-bottom: 1px solid rgb(236, 235, 240);}
.view_job_detail .table_row .table tbody tr td p.remark{padding: 0.5vw 0px 0vw; color: #ff7b1c;}
.view_job_detail .table_row .table {width: 100%; max-width: 99%; margin: 20px 5px 50px;}
.view_job_detail .table_row .table-hover tbody tr:hover { background:none;}



#myModal1 .modal-dialog { max-width: 50%;margin: 40px auto;}

#myModal1 .modal-dialog .text2{ width: 50%; float: left; text-align: center; color: #524f63; font-weight: 500; font-size: 18px;}
#myModal1 .modal-dialog .text2 span{color: #ff7b1c ; font-weight: 500;}
#myModal1 .modal-dialog .text3{ width: 100%; float: left; text-align: center; color: #524f63; font-weight: 500; font-size: 18px;}
#myModal1 .modal-dialog .text3 span{color: #ff7b1c ; font-weight: 500;}


.modal-body .forms .form-group label{font-size: 14px; color: #524f63; font-weight: 400;}
.modal-body .forms .checks{margin: 0; margin-top: 40px;}

.checkmark::after {content: ""; position: absolute; display: none;}
.modal-body .forms .checkmark::after {left: 5px;top: 0px;width: 5px;height: 12px;border: solid white;border-top-width: medium;border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}
.modal-body .forms input:checked ~ .checkmark::after { display: block;}
.modal-body .forms input:checked ~ .checkmark { background-color: #ff7b1c;}


/*----------------------- dashboard page -------------*/

/* .dashboard_page .nav-tabs .nav-link { border:none;}
.dashboard_page .nav-tabs .nav-item img{ width: 2vw; vertical-align: middle; padding-right: 0.3vw;}
.dashboard_page .nav-tabs .nav-item{font-size: 14px; font-weight: 400; color: #524f63; padding: 1vw 0px 0.5vw; margin-right: 2vw; border-bottom: 4px solid #ff7b1c;}
.dashboard_page .nav-tabs{border: none; margin: -5vw 0px 5vw;}

.dashboard_page .dashbord{width: 95%; margin: 0px auto 4vw;}
.dashboard_page .dashbord .request{border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);  border-bottom-right-radius: 30px; margin: 1vw 1.5vw 3vw 1.5vw;}
.dashboard_page .dashbord .request .first_box{padding: 1vw 1px 1vw 6vw; border-bottom: 1px solid rgb(239, 239, 239); position: relative;}
.dashboard_page .dashbord .request .first_box .card_img { width: 6vw; background-color: #def1fe; position: absolute; left: -20px; top: -30px; border-radius: 50%; padding: 1.3vw;}
.dashboard_page .dashbord .request .first_box .card_img img{ width: 100%;}
.dashboard_page .dashbord .request .first_box .heading{ font-size: 28px; color: #524f63; font-weight: 600; margin-bottom: 0; }
.dashboard_page .dashbord .request .first_box .description{font-size: 14px; color: #7d7d7d; font-weight: 400;letter-spacing: 0px; line-height: 2; margin-bottom: 0px;}
.dashboard_page .dashbord .request .box_menu{ padding-left: 0px; list-style: none; overflow: hidden;}
.dashboard_page .dashbord .request .box_menu li{float: left; padding: 1vw; border-right: 1px solid rgb(239, 239, 239);width: 50%; text-align: center;}
.dashboard_page .dashbord .request .box_menu li:last-child{border: none;}
.dashboard_page .dashbord .request .box_menu li a{ font-size: 14px; color: #524f63; font-weight: 400;     letter-spacing: 0.7px;}  
.dashboard_page .dashbord .request .box_menu li a:hover{text-decoration: none;}
.dashboard_page .dashbord .billing .box_menu li{width: auto; padding: 1vw 0.5vw;}
.dashboard_page .dashbord .referral .box_menu li{width: 100%;}

.dashboard_page .dashbord .request .first_box .contact_icons{padding-left: 0; list-style: none;  width: 80%; margin: 0px auto; display: block; overflow: hidden; padding: 15px 0px;}
.dashboard_page .dashbord .request .first_box .contact_icons li{ float: left; }
.dashboard_page .dashbord .request .first_box .contact_icons li a{width: 5vw;}
.dashboard_page .dashbord .request .first_box .contact_icons li a img{ width: 2.5vw; float: left;        margin: 0.75vw 1.3vw;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color:transparent; border-bottom: 4px solid #ff7b1c;} */

/*----------------------- forgot page -------------*/
.forgot .find{font-size: 20px; color: #524f63; font-weight: 400;}
.forgot .descriptions{font-size: 14px; color: #524f63; font-weight: 400;}
.forgot .forms .login_button{margin: 1vw 0.4vw;}
.forgot .login_bg{background-size: 70%;}
/*------------ detail page -------------*/
.table td{font-size: 12px;}
.detail-page .table td{ text-align: center;}
.detail-page { padding-top: 200px;}
.detail-page .detail_heading { font-size: 28px; color: #524f63; font-weight: 600; padding-bottom: 20px; margin-bottom: 0px;}
.form-element .custom-select{height: 55px; border: none; box-shadow: none; background-color: #f8f7fc; font-size: 16px; color: #524f63; padding: 0px 50px; background-position: 89% center;}
.form-element .form-control{background: none; border: none; font-size: 16px; }
.form-element .input-group{height: 100%;}
.calender_img { max-width: 22px; height: 55px;}
.form-element{margin-bottom: 40px; }
.adjustment{padding: 40px 0px 80px;}
.adjustment .adjustment-text{ font-size: 20px; color: #524f63; border-bottom: 1px solid rgb(228, 232, 233);; width: 100%; position: relative; padding: 12px 0px; font-weight: 600;     margin-bottom: 40px;}
.adjustment .adjustment-text::before{border-bottom:4px solid #ff7b1c; position: absolute; content: ""; left: 0;  width: 140px; bottom: 0; }
.icon-arrow-left{    font-family: Font Awesome\ 5 Free;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;  font-style: normal;  font-variant: normal;  text-rendering: auto;   line-height: 1;}
.icon-arrow-left:before{content: "\f053";}
.icon-arrow-right{    font-family: Font Awesome\ 5 Free;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;  font-style: normal;  font-variant: normal;  text-rendering: auto;   line-height: 1;}
.icon-arrow-right:before{content: "\f054";}
.datepicker-dropdown:before{display:none !important;}
/*-----------------------------------viewfreelancers----------------------------------*/

.viewfreelancers_page{padding-top: 100px; }
.viewfreelancers_page .heading_freelancers {margin-bottom: 0px; padding-bottom: 80px; font-size: 28px; color: #524f63; font-weight: 600;}
.viewfreelancers_page .viewfreelancers{ width: 95%; margin: 0px auto 40px;}
.viewfreelancers_page .viewfreelancers .user_info { border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); border-bottom-right-radius: 30px;margin: 10px 20px 40px;}

.viewfreelancers_page .viewfreelancers .user_info .first_box { padding: 15px 0px 10px 80px; border-bottom: 1px solid rgb(239, 239, 239); position: relative;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .user_img { width: 85px; background-color: #def1fe;  position: absolute; left: -20px; top: -20px; border-radius: 50%;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .user_img img {  width: 100%;  border-radius: 50%;}

.viewfreelancers_page .viewfreelancers .user_info .first_box .user_name{font-size: 19px; color: #524f63; font-weight: 600; }
.viewfreelancers_page .viewfreelancers .user_info .first_box .post {background-color: #def1fe; text-align: center; font-size: 14px;  color: #524f63; width: 100%; max-width: 195px; border-radius: 11px; padding: 5px 0vw; margin-bottom: 15px;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .rate { width: auto;font-size: 20px; color: #524f63; font-weight: 600; margin-bottom: 0px;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .hours_limit{font-size: 14px; color: #7d7d7d; font-weight: 400; margin-bottom: 0; padding: 10px 0px 6px; }
.hours_limit{font-size: 14px; color: #7d7d7d; font-weight: 400; margin-bottom: 0; padding: 10px 20px 6px; }
.viewfreelancers_page .viewfreelancers .user_info .first_box .hours_limit span{color: #ff7b1c;}

.viewfreelancers_page .viewfreelancers .user_info .box_menu { padding-left: 0px; list-style: none; overflow: hidden;}
.viewfreelancers_page .viewfreelancers .user_info .box_menu li { float: left; padding: 12px 18px; border-right: 1px solid rgb(239, 239, 239); text-align: center; width: auto;}
.all_freelancers .viewfreelancers .user_info .box_menu li{width:100%}
.viewfreelancers_page .viewfreelancers .user_info .box_menu li a {font-size: 14px;color: #524f63; font-weight: 400;letter-spacing: 0.7px;}
.viewfreelancers_page .viewfreelancers .user_info .box_menu li a:hover {text-decoration: none; color: #ff7b1c;}
.viewfreelancers_page .viewfreelancers .user_info .box_menu li:last-child { border-right:none;}

#myModal3 .modal-dialog, #myModal4 .modal-dialog { max-width: 48%; margin: 120px auto;}
#myModal4 .modal-dialog .modal-body,  #myModal3 .modal-dialog .modal-body{width: 100%; max-width: 80%; margin: 0px auto; padding: 0;}

#myModal4 .modal-header .modal-title{    padding: 15px 70px;}

#myModal3 .modal-dialog .modal-body .modal-title2{font-size: 14px; color: #7d7d7d; font-weight: 400; text-align: center; padding-bottom: 40px; margin-bottom: 0px;}
#myModal3 .modal-dialog .modal-body .form-group .select_box, #myModal4 .modal-dialog .modal-body .form-group .select_box { background-color: #f1f2f7; padding: 0px 0.8vw; border: none;  font-size: 14px;  font-weight: 400;  color: #524f63;  -webkit-appearance: none; -moz-appearance: none;
    appearance: none; background-size: 0.8vw; background-repeat: no-repeat; width: 100%;  margin: 1px; background-position: 97% center;  background-image: url(../../images/down-arrow.svg);    height: 50px;}
#myModal4 .modal-dialog .modal-body .form-group .metter {font-size: 12px; color: #afb1b9; font-weight: 400; margin-bottom: 0px; padding: 10px 0px;}
#myModal3 .modal-dialog .modal-body .forms .submit_btn, #myModal4 .modal-dialog .modal-body .forms .submit_btn{ width: auto; display: inline-block; margin: 20px auto 40px; font-size: 16px; width:170px;}



.rating_star{ list-style: none; width: 300px; margin: 0px auto; padding: 0px 0px 50px; overflow: hidden;text-align: center; }
.rating_star li { float: left;}

.rating-symbol-background {  color: #999 !important;font-size: 36px;line-height: unset;}
.rating-symbol-foreground{ color: #e3bb39 !important;font-size: 36px;line-height: unset;}
.rating-symbol-foreground > .fa,.rating-symbol-background >.fa{line-height: unset;}
/*-----------------------------wallet------------------------*/

.virtualwallet { padding-top: 100px;}
.virtualwallet .wallet_heading { font-size: 28px; color: #524f63; font-weight: 600; padding-bottom: 20px; margin-bottom: 0px;}
.virtualwallet .wallet_box{ width: 100%; max-width: 95%; margin: 80px auto;}
.virtualwallet .wallets { width: 100%;border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); overflow: hidden;}
.virtualwallet .wallets .money{text-align: center; font-size: 16px; color: #ff7b1c; font-weight: 600; margin-bottom: 0px;  padding: 40px 0px;}
.virtualwallet .wallets .money span{font-size: 30px; color: #524f63; font-weight: 600; }

.virtualwallet .wallet_box .withdrawal{ padding: 25px 35px 40px; margin-top: 50px; width: 100%;border-radius: 10px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22); overflow: hidden;}
.virtualwallet .wallet_box .withdrawal .withdrawal_heading{font-size: 28px; color: #524f63; font-weight: 600; margin-bottom: 40px; }

.virtualwallet .wallet_box .withdrawal .withdrawal_amount{ width: 100%; max-width: 665px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .input-group-prepend .input-group-text { border: none; float: left; background-color: #f1f2f7;   font-size: 24px; font-weight: 700;  border-radius: 0;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .input-group{width: 50%; float: left;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .input-group .form-control { border-radius: 0; border: none; background-color: #f1f2f7; font-size: 14px; font-weight: 400; padding: 10px 6px; width: 60%;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .submit_button { background-color: rgb(0, 191, 255);text-align: center; width: 30%; border-radius: 0; float: right; color: #fff;font-size: 14px; font-weight: 400; padding: 12px; margin-left: 10%; }
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .Enter_amount{ overflow: hidden; clear: both; font-size: 14px; color: #524f63; font-weight: 400; padding-top: 10px;  margin-bottom: 30px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .choose{font-size: 14px; color: #524f63; font-weight: 600;  width: 100%;  clear: both;   margin-bottom: 25px;box-shadow: 0px 2px 24px 0px rgba(153, 153, 153, 0.22);
    overflow: hidden;  max-width: 312px;  border-radius: 10px;   padding: 17px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .radio_button .radio_box {float: left;padding: 0px 44px 0px 20px;}

.virtualwallet .nav-tabs .nav-item.show .nav-link,  .virtualwallet .nav-tabs .nav-link.active { border: none; border-bottom-color: currentcolor;  border-bottom-style: none; border-bottom-width: medium; color: #ff7b1c;border-bottom: 4px solid #ff7b1c; border-radius: 0;}
.virtualwallet .nav-link {display: block; padding: 0px; font-size: 28px; font-weight: 600; color: #524f63;border: none; border-top-left-radius: 0;border-top-right-radius: 0; padding: 8px 0px; margin-right:40px;}

.virtualwallet .table .paid { border-radius: 12px; background-color: rgb(124, 213, 123); padding: 10px 20px; font-size: 12px; color: #fff; font-weight: 400;}
.virtualwallet .table .pending{background-color: #f2ab01 !important; padding: 10px 8px;}
.virtualwallet .table .cancel { background-color: #d9534f !important;   padding: 10px 8px;}

.status{width: 140px;} .durations{} .client-name{} .jobs{} .t-date{} .t-amount{ width: 250px;}
.table thead th {font-size: 14px;text-transform: uppercase;}
.table td{font-size: 12px;}
.virtualwallet .wallet-table{margin: 20px 5px 100px;}
.carddel-btn{background:#F98125;border:1px solid #F98125;color:#fff;padding:6px 38px;border-radius:25px; font-size: 14px; }
.carddel-btn:hover{color:#fff;}
.cardtrash-btn{background:#000;border:1px solid #000;color:#fff;padding:6px 25px;border-radius:25px;margin-left:10px; font-size: 14px;}
.cardtrash-btn:hover{color:#fff;}








/*----------------------- Responsive media -------------*/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #card_date,#card_year,#fr_time_zone,#fr_category {
	   background-image:none !important;
   }
}



/* 
@media (min-width: 1590px){
	
    .marketplace_work .second-block .right_side .first_box .user { width: 4vw;}
    .marketplace_work .second-block .right_side .first_box {width: 62%;}
    .marketplace_work .second-block .right_side .two { top: 34%; left: 0%;}
    .marketplace_work .second-block .right_side .three { right: 10%; bottom: 8%;}
    .second_block_bg {margin-left: 32%;}
    .submitrequest .box1 { height: 172px;}
    .submitrequest .box2{height: 172px;}
    .submitrequest .box2 .titles {  padding: 0px 5px;}
    .submitrequest .last_box    .first_box_titles{    padding: 0.8vw; }
    .dashboard_page .dashbord .billing .box_menu li { padding: 15px 10px;}
    .dashboard_page .dashbord .request .first_box { padding: 10px 0px 10px 90px;}
    .manage_page .manages .request .box_menu li{ padding: 15px 19px;}
    .dashboard_page .dashbord .billing .box_menu li { width: auto;   padding: 15px 10px;}
	.dashboard_page {  padding-top: 201px;}

 } */

/* @media (min-width: 1680px){
	.dashboard_page .nav-tabs{padding-top:45px;}
	.satting_page .setting .second_section .panel-body .info_forms .form-group label{font-size:13px;}
	
} */

/*@media (min-width: 1450px){*/

/* @media (min-width: 2100px){
	.container .checkmark:after {left: 7px; top: 2px;}
    .signup .help-block {  font-size: 0.56vw;  }
    .signup .form_label_text{padding-top:0.2vw;}
    .signup .complete_percentage{margin-left:-4vw;}
    .signup .checkbox{padding-left:30px;}
	.bottom_wrapper .send_message1 .text1 {padding: 1.19vw;}
	.error_elemenet{padding-top: 380px;}
    .manage_page .manages .request .first_box .heading {width: 550px;}
	.login .forms .social_login li{ padding: 1px;}
	.signup .signup_bg .social_login li{ padding: 3px;}
	.freelenser .main_heading{padding-top:4vw;}
    .contact_us_page > .about_heading {     margin-top: -190px !important; }

	.inner_body .business .hover_box .content{ height: 82px;}
	.submitrequest .submit_req_button{font-size:0.73vw;}
	.billing_page .card_forms .form-group label { font-size: 0.73vw;}
	.billing_page .first_row_block .description,.billing_page .second_row_block .description {font-size: 0.73vw;}
    .billing_page .second_row_block .manage .first_card .manage_cards .cross{padding: -0.5vw; }
    .billing_page .card_forms .form-group .seclect_box,.billing_page .card_forms .form-group .form-control {height: 59px; }
    .freelenser_page{padding-top: 319px;padding-bottom:100px;}
    .manage_page,.dashboard_page, .billing_page,.how_it_work,.satting_page{padding-top:263px;}
	
	.sign_up_page{padding-top: 329px;}
	.contact_us_page{padding-top: 95px;}
	.freelenser_page{padding-top: 300px;} 
    .container{min-width: 70.78vw; }
    .index_page_bg{ background: url(../../images/line_banner.jpg) no-repeat;  background-position: center 18%; background-size: 100%; overflow: hidden;}
    .first_row .play .triangle-right { margin: 0.71vw 1vw 1vw 0.9vw;}
    .top_part .bg_img{top: 28%;}
    .first_row  .top_content{width: 83.5%;}
    .marketplace{height: 500px;}
    .marketplace .positions .text1  { left: 20%;top: 0px;}
    .marketplace .positions .text2 { right: 20%; top: 0;}
    .marketplace .positions .text3 {left: 15%; top: 5vw;}
    .marketplace .positions .text4 {right: 15%; top: 5vw;}
    .circle .image-wrapper .site_name{padding: 5.2vw 0px;}
    .skill {border-radius: 30px;}
    .marketplace_work .second-block .right_side .first_box {width: 55%}
    .marketplace_work .second-block .right_side .two {   top: 33%;left: 10%;}
    .marketplace_work .second-block .left_side { padding: 7.4vw 0px 13.8vw;}
    .marketplace_work .second-block .right_side .three { right: 11%; bottom: 10%;}
    .dashboard_page .dashbord .request {margin: 1vw 2.5vw 3vw 2.5vw;}
    .manage_page .manages .request .box_menu li { padding: 1vw 1.5vw;}
    .manage_page .manages .request .box_menu li:last-child { padding: 1vw 3vw;}
	.satting_page .users .user_img { padding: 0.5vw 1.5vw;}
    .bottom_wrapper .send_message {padding: 1vw 0.5vw; }

} */
/* @media (min-width: 2550px){
    .manage_page .manages .request .first_box .heading{width: 554px;}
    .error_elemenet{padding-top: 380px;}
    .signup .label_div{width: 95%;padding-left: 1vw;}
	.edit_request > img{    width: 47px;}
	.container .checkmark:after {left: 7px; top: 2px;}
}
 */
/* @media (min-width: 3830px){
    .signup .checkbox {  padding-left: 1vw;  }
    .signup .form_label_text{padding-top: 0vw;}
	.bottom_wrapper .message_input_wrapper{width:calc(100% - 340px);}
	.bottom_wrapper .send_message {  padding: 1.2vw 0.5vw;}
	 .no_records{margin-bottom: 30% !important;}
	#referral_link{    font-size: 1.5rem;}
    .dashboard_page,.manage_page,.billing_page,.satting_page,.about_us_page,.error_elemenet {padding-top: 577px !important;}
    .how_it_work{padding-top:10.5vw;}
    .contact_us_page{padding-top:100px;}
	.user_account .dropdown-menu{  font-size: 0.8vw;}
    .dashboard_page .dashbord .request .first_box .contact_icons{margin:auto;}
    .login .forms .social_login li{width: 60px; height: 60px;}
    .signup .signup_bg .social_login li{width: 60px; height: 60px;}
    .dashboard_page .dashbord .request .first_box .contact_icons li a img { margin: 0.45vw 1vw;}
    .marketplace { height: 630px ; }
    .circle .image-wrapper .site_name { padding: 4.2vw 0px; }
    .circle .image-wrapper .site_name { font-size: 1.2vw; }
    .marketplace_work .second-block .right_side .three { right: 11%;  bottom: 13%; }
    .manage_page .manages .request .first_box .heading{ line-height: 72.3px!important;}   
    .circle { width: 611px;   height: 596px;  }
    .manage_page .manages .request .first_box .description{height: 132px;}
    .billing_page .card_forms .form-group .seclect_box {    height: 98px;  }
    .billing_page .card_forms .form-group .form-control{    height: 98px;}
    select.form-control:not([size]):not([multiple]){height: 98px;}
    .radio_button .radio{    height: 20px;    width: 20px;  }
    .manage_page .manages .request .first_box .heading{width: 880px;}

}
 */
/* @media (min-width: 5000px){
	.remove_category {   width: 70px;}
    .signup .checkbox {  padding-left: 1vw;  }
    .signup .help-block {  font-size: 0.56vw;    top: 33px;}
    .signup .ok_btn,.skip_btn{margin-top:1vw;}
	.bottom_wrapper .message_input_wrapper{width:calc(100% - 431px);}
    .manage_page .manages .request .first_box .heading {      width: 1175px;    }
    .no_records{margin-bottom: 30% !important;}
    .login .forms .social_login li{font-size: 0.8vw;}
    .signup .signup_bg .social_login li { font-size: 0.7vw;  }
    .marketplace { height: 805px !important; }
    .circle .image-wrapper .site_name { font-size: 0.9vw; }
    .inner_body .business .hover_box .content {     height: 123px;   }
    .marketplace .positions .text {   font-size: 0.5vw;}
    .circle { width: 563px;     height: 619px;  }
    .marketplace .positions .text1{ left: 23%;}
    .marketplace .positions .text3 {left: 23%;top: 4vw; }
    .marketplace .positions .text2 {right: 24%; top: 0; }
    .marketplace .positions .text4 {right: 23%; top: 4vw; }
    .manage_page .manages .request .first_box .heading { line-height: 122.3px!important;  }
    .manage_page .manages .request .first_box .description{height: 181px;}
    .manage_page .manages .request .first_box .description {    line-height: 1.6;  }
    .billing_page .card_forms .form-group .seclect_box ,.billing_page .card_forms .form-group .form-control{    height: 139px;   }
    select.form-control:not([size]):not([multiple]) {  height: 3vw;  }
    .radio_button .radio{    left: -24px;
        height: 35px;
        width: 35px;}
 
} */

@media (min-width: 1450px){
.bottom_wrapper .send_message1 .text1 img {   }
.freelancer-matches{padding:0.52vw 1.05vw;height:13.26vw;border-radius:1.05vw;margin-bottom:1.57vw; }
.freelancer-matches p{ font-size: 0.73vw; }
.freelancer-matches.twopplicate { height: 4.05vw;} 
.freelancer-matches.onepplicate { height: 9.26vw; margin-bottom: 1.05vw; }



}


@media (max-width: 1199px) { 
.user_account .dropdown .dropdown-menu.show{min-width: 9.5rem;}
.billing_select_box_outer_div{display: -webkit-box;}
header .navbar .navbar-nav .nav-item .nav-link{padding: 10px 8px;   font-size: 12px;}
.user_account a img {width: 3.3vw;}
.first_row .heading {font-size: 3vw;}   
.first_row .top_content {width: 85%;}
.top_part .bg_img{top: 0%;  background-size: 57%;   height: 68vh;}
.first_row .play {width: 50px; height: 50px;}
.top_part .bg_img { background-position: right 50% !important; background-size: 53% !important;}

.first_row .play .triangle-right{ border-top: 8px solid transparent; border-left: 12px solid #ff7b1c;  border-bottom: 8px solid transparent; margin: 16px 10px 10px 20px;}
.index_page_bg{     background-position: center 15.8%; /* background-position: center 16.6%; */}
.first_row { margin: 21vw 0px 1vw;}
/* .inner_body .business .box { width: 100%;   padding: 3.4vw 1vw 9vw;} */
.inner_body .business .icons {width: 4vw;}
.skill{padding: 0.8vw 2vw;}
.inner_body .heading {font-size: 3vw;}
.inner_body .sub_heading {font-size: 1.6vw;}
.marketplace_work .second-block .content {font-size: 1.5vw;}
/* footer .menus li a { font-size: 1.5vw;}
footer .social_icons li { padding-right: 1.5vw;}
footer .social_icons li a img {width: 2vw;} */
.company_logos .logos {padding: 2vw 0px;}

.marketplace_work .second-block .right_side .first_box {width: 84%;}
.marketplace_work .second-block .right_side .first_box .user { width: 8vw;}
.marketplace_work .second-block .left_side { padding: 15vw 0px;}

.marketplace_work .second-block .right_side .one { top: 0; }
.marketplace_work .second-block .right_side .two { left: 2%; top: 32%;}
.marketplace_work .second-block .right_side .three { right: 0;  bottom: 6%;}
/* footer .social_icons {padding: 0.35vw 0px 3vw;} */
/* .copy_right { font-size: 1.5vw; padding: 1.5vw 0px;} */



.comman_page_bg{height: 18vh;}
.about_heading {font-size: 3vw;}
.water_mark {font-size: 10.57vw;}
.story .title { font-size: 3vw; padding-top: 4.5vw;}
.story .description, .story .description1 {font-size: 1.5vw;}
.teams_block .second_section .titles{font-size: 3vw;}
.teams_block .second_section .description{font-size: 1.5vw;}
.second_block_bg {margin-left: 26%;    height: 170px;}
.teams_block .second_section .teams_names .card img {  width: 150px; height: 150px;}
.teams_block .second_section .teams_names .card .card-title { font-size: 2vw;}
.what_we_do .title{font-size: 3vw;}
.what_we_do .matter{font-size: 1.5vw; padding-right: 0vw;}
.what_we_do .second_img img{    top: 22vw;}
.what_we_do { padding: 4.4vw 0px 8vw;}


.contact { width: 95%;}
.contact .support_contact .call img { width: 5vw;     padding-right: 2vw;}
.contact .forms .form-group .form-control{padding: 1vw;}
.contact .forms .form-group{margin-bottom: 2vw;}
.contact .forms .send{  padding: 1vw;}
.contact .forms .heading, .contact .forms .sub_heading { font-size: 1.8vw;}
.contact .forms {padding: 2.5vw;}
.contact .support_contact .call a{font-size: 1.8vw;}
.contact .support_contact .call { margin-bottom: 3.1vw;}
.contact .support_contact .customer_service .title{font-size: 1.8vw;}
.contact .support_contact .customer_service{padding: 2vw;}
.contact .support_contact .customer_service .take{padding: 1vw;}


.how_works .description { font-size: 1.5vw;}
.how_works .heading{font-size: 2vw;}
.how_it_work .how_circles{display: none;}
.policy_conditions { width: 100%;}
.policy_conditions .description { font-size: 1.55vw;}
.policy_conditions .heading { font-size: 2vw;}
.help_center { width: 100%;}

.login {width: 85%}
.login .forms .login_button {width: 47%; padding: 1vw;}
.login .forms .sign_button{padding: 1vw;width: 47%;}
.login .forms .recaptcha{ margin: 2.5vw 1.5vw 1.5vw;}

.signup .forms{padding: 2vw 3vw;}
.radio_button .radio_box { margin-bottom: 1.2vw}
.signup .forms .upload {margin-top: 4.3vw;}
.signup .forms .box {right: -5%;}
.signup .signup_bg .social_icons { width: 17%; position: relative;bottom:0%;left:0%; margin: 5vw auto;}
.signup .signup_bg {background-size: 0%, 40%; background-position-y: 0%, 100%; background-position-x: 0%, 50%;     padding-top: 1vw;}
.sign_up_page {background-size: 100%;}

.meeting_page .second_section .first_col .titles {font-size: 3vw;}
.meeting_page .second_section .first_col .description { font-size: 1.5vw;}
.meeting_page .second_section .teams_names .card img { width: 140px; height: 140px;}

.satting_page .nav-link{ font-size: 2vw;     margin-right: 4vw;}
.satting_page .users .user_imgs { width: 12vw;}
.satting_page{background-position-y: 60%;}


.billing_page .card_forms .form-group .form-control{ padding: 1.2vw;}
.billing_page .card_forms .form-group .seclect_box{padding: 1.2vw;}
.billing_page .card_forms .form-group {margin-bottom: 2vw;}
.billing_page .credit_card {font-size: 2vw; padding: 1.5vw 0px; }
.billing_page .line{ width: 16%;margin-bottom: 2.5vw;}
.billing_page .card_forms { width: 75%; margin: 3vw auto 5vw; padding: 2vw 2vw 1vw;}
.billing_page .second_row_block .manage { width: 90%; margin: 4vw auto 7vw;}
.billing_page .second_row_block .manage .first_card .manage_cards { padding: 1.5vw 0px 1.5vw 5.5vw; margin: 2vw 1vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .card_img { width: 5vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .cross{width: 25px; height: 25px;     padding: 0.7vw 0px;}
.table td, .table th { padding: 2vw;}
.billing_page .card_forms .sign_button{    padding: 1vw 1vw;}
.billing_page .card_forms .form-group .seclect_box{background-size: 1vw;}

.dashboard_page .dashbord {width: 100%;}
.dashboard_page .dashbord .request .box_menu li a{letter-spacing: 0px;}
.dashboard_page .nav-tabs .nav-item img { width: 2.5vw; padding-right: 0.5vw;}
.dashboard_page .nav-tabs .nav-item { margin-right: 3vw;}
.dashboard_page .dashbord .request{    margin: 1vw 1vw 4vw;}
.dashboard_page .dashbord .request .first_box .contact_icons li a img { width: 3vw;  margin: 2.55vw 1.5vw;}
.dashboard_page .dashbord .request .first_box .heading { font-size: 2.5vw;}
.dashboard_page .dashbord .request .first_box .card_img { width: 7vw;}

.forgot .forms .login_button{margin: 0.4vw 0.4vw 2vw;}

.manage_page .manages {width: 100%;}
.manage_page .manages .request .first_box .heading { font-size: 2vw;}
.manage_page .manages .request .first_box .category{padding: 0.5vw 1.5vw;}
.manage_page .manages .request .first_box {padding: 2vw;}
.manage_page .manages .request{margin: 1vw 0.5vw 3vw;}
.manage_page .manages .request .first_box .description{ padding-top: 2vw;}
.manage_page .manages .request .box_menu li {padding: 1vw;}
.manage_page .manages .request .box_menu li:last-child {padding: 1vw;}
.manage_page .manages .request .first_box .applicant{ padding: 1.7vw 0px;}

.freelenser_forms .radio_button .radio_box { width: 23.5%;}
.satting_page .payment {width: 58%; padding: 3vw 1.5vw 1.5vw;}
.satting_page .payment .form-group .content{padding-top:0.8vw; }
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box1 { width: 32%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box2 {width: 45%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box3 {width: 45%;}
.satting_page .setting .second_section .panel-body .info_forms .form-group .input_button .borwser_btn{line-height: 1; top: 15%;}

.freelenser .main_heading{font-size: 3vw; padding-top: 3vw;}
.freelenser_forms .form-group .borwser_btn{ top: 15%; line-height: 1;}
.freelenser_forms .radio_button .radio_box1 { width: 32.5%;}
.freelenser_forms .radio_button .radio_box2 {width: 48%;}
.freelenser_forms .radio_button .radio_box3 {width: 48%;}
.freelenser_forms .bottoms {width: 53%;}
.checks { margin: 3vw 1vw 3vw;}
.freelenser_forms .idoller .form-control { width: 95%;}


.submitrequest .box{    padding: 2vw 0vw 1vw;}
.submitrequest .box1 { padding: 0.5vw 0vw 1vw;}
/* .submit_req .main_heading{padding-top: 0px;} */

.submitrequest .box1 .new_title { padding: 0.8vw 1vw;}
.submitrequest .box1 .titles2 {padding: 2vw 0vw;}
.submitrequest .box .titles {font-size: 1.5vw;}
.submitrequest .box2 .titles {padding:3px 0.5vw;}
.submitrequest .box3{padding-top: 2vw;}
.submitrequest .box2 .sub_titles21{padding: 0px 1vw;}
.submitrequest .last_box{height: 160px;}
.submitrequest .last_box .first_box_titles{     padding: 2.4vw;}
.submitrequest .last_box .lasttitles{padding: 1.3vw 1vw;}
.freelenser_forms .radio_button .radio_box5 { width: 49%;}
.freelenser_forms .radio_button .radio_box4 { width: 8%;}
.submitrequest .line2 span { word-spacing: 2.5vw;}
.submitrequest .line1 span { word-spacing: 1.2vw;}
.submitrequest .line3 span {word-spacing: 0.7vw;}


.view_page .views .box_menu li { width:auto; padding: 1vw 2.2vw;}
.view_page .view_heading { font-size: 2.5vw;     padding-bottom: 5px;}
.view_page .views .top_section .first .titles { font-size: 2.5vw;     line-height: 1.2;}
.view_page .views .top_section .first {margin-bottom: 1vw;}
.view_page .views .top_section { padding: 2.5vw;}
.view_page .views .top_section .first .category{ padding: 0.6vw 1.5vw;}

.view_page .views .panel-group .panel-body .text{padding: 0.5vw;     text-align: center; }
.modal-dialog {max-width: 50%; margin: 13vw auto;}
/* .modal-header .modal-title{font-size: 2.5vw; } */


.message_page .vertical-tabs .nav-item .activies .time{ margin-bottom: 3px;  font-size: 12px;}

.message_page .vertical-tabs .nav-item .names .job_name{    width: 120px;}
.message_page .vertical-tabs .nav-item .activies .notification{width: 25px; height: 25px; font-size: 12px;}
.message_page .vertical-tabs .nav-tabs .nav-link{border-bottom: 4px solid #fff;}
.message_page .vertical-tabs .nav-item .names .job_name { font-size: 14px;}
.messages .message .avatar { width: 3.5vw;}
.messages .message.left .text_wrapper, .messages .message.right .text_wrapper { width: 70%; padding: 2vw;}
.bottom_wrapper .send_message1 .text1 { padding: 1.69vw;}
.bottom_wrapper .send_message1 .text1 img {  width: 2.2vw !important;}
.bottom_wrapper .message_input_wrapper { width: calc(100% - 200px);}
.bottom_wrapper .message_input_wrapper .message_input{padding: 1.5vw;}
.bottom_wrapper .send_message { padding: 1.5vw 2.5vw;}
.satting_page{background-attachment: inherit;}
.manage_page .manages .request .first_box .heading{width: 331px;}
.freelenser_page{padding-top: 148px;} 


.view_appliction .views .box_menu2 li { width: auto; padding: 1.5vw 2.2vw;}
.view_appliction .box_menu li { padding: 1vw 2vw;}
.view_appliction .social_links .email .social_icons, .view_appliction .social_links .mobile_no .social_icons, .view_appliction .social_links .skype_id .social_icons {    padding: 1vw; width: 4.4vw;}
.view_appliction .rates { padding: 1vw 2vw; border-top:1px solid rgb(239, 239, 239);  width: 100%;  text-align: center;}
.view_appliction .views_box2 .user_img {width: 11vw; padding: 1vw 2vw;}
.view_appliction .views_box2 .content { width: 72%;}

.view_appliction2, .view_page { padding-top: 100px;}
.view_appliction2 .view_heading{font-size: 2.5vw;    padding-bottom: 20px;}
.view_appliction2 .first_sections .user_info .titles { font-size: 22px;}
.viewaplication_modal .modal-header .modal-title {font-size: 2.5vw;}
.view_appliction2 .box_menu li {float: left; padding: 1vw 2vw;}
.view_appliction2 .first_sections { margin: 3vw auto;}
.view_appliction2 .social_links { padding: 1vw 0px;}
.view_appliction2 .social_links .email .social_icons, .view_appliction2 .social_links .mobile_no .social_icons, .view_appliction2 .social_links .skype_id .social_icons {width: 3vw;}
.view_appliction2 .first_sections .user_img { width: 10vw; padding: 1.5vw 0vw 1vw 2vw;}
.view_appliction2 .details_box{padding: 1.5vw 2.5vw; margin: 4vw auto;}
.view_appliction2 .work_history .first { padding: 0px 2.5vw;}
.view_appliction2 .work_history{padding: 1.5vw 0px;     margin: 3vw auto 4vw;}
.work_history .col_one ul.stars li { width: 1.5vw;}
.view_appliction2 .details_box .description {width: 100%;}
.view_appliction2 .details_box .title { width: 100%;}

.viewaplication_modal .modal-dialog { max-width: 60%;}
.viewaplication_modal .modal-body form .save_card {padding: 10px 20px; margin: 10px 0px 20px;}

.referral .referral_top .referral_links {max-width: 65%;}
.referral_middal .affiliat_referral .left-side .heading { font-size: 22px;}
.referral .referral_top::before{display: none;}

#img_cross_div{top: -7px; position: relative;}
.view_appliction .social_links .skype_id {  padding-left: 6vw;}
.virtualwallet .wallet_box { max-width: 100%; margin: 50px auto;}
.virtualwallet .wallets .money { padding: 40px 20px;}
#check_in_time,#resume_div{margin:0px auto;}
.signup .form_label_text,.signup .label_div > .form-group > input{font-size:16px;}
.submit_request_note{font-size:14px;}
.signup .form_outer_div {height:54px;}
.signup .progressbar{width: 152px;height: 12px;}
.signup .progressbarcopy{height:12px;}
.signup .ok_tick{height:14px;}
.signup .outer_signup_div{width: 687px;}
/* .signup .label_div{padding-top: 7px;} */
.dashboard_referal_main_div > .referal_box{    padding: 17px 10px;}
.referal_box:first-child:after, .referal_box:not(:last-child):after{height: 76px;}



}


@media (max-width: 991px) {
	.no_record_found_div{    margin: 130px auto;} 
.dashboard_referal_main_div{position:relative;top: 24px;}
#refferal_div{margin:0px auto;}
.view_appliction .social_links a.ids{display: -webkit-inline-box;}
	.message_page .vertical-tabs .tab-content{padding: 1px 1px;}
.user_account .show{border:0px !important;}
.user_account > .dropdown > .dropdown-toggle::after {border-right: 1px solid #fff;  border-bottom: 1px solid #fff;border-top: 0;  border-left: 0;}
.user_account > .dropdown.show > .dropdown-toggle::after { border-top: 1px solid #fff; border-left: 1px solid #fff;border-right: 0;  border-bottom: 0;}
/* 
#header_fixed {height: 100px !important; } */
/* .about_us_page, .how_it_work, .about_part { padding-top: 0px;} */

.login .login_bg {    background-size: 90%;}
.marketplace .positions { left: 46px;}
.marketplace .positions .text:before{position:absolute;content:'';height:15px;width:15px;border-radius:50%;left:0px;background-color:#ff7b1c;top: 3px;}
.marketplace .positions .text{padding-left: 26px;}
.first_row { margin: 15vw 0px 1vw;}
.manage_page .manages .request .first_box .heading{width: 331px;}
.user_account { width: 95%; float: none !important; margin: 0 auto !important; margin-top: 8vw !important;}
header .navbar .navbar-nav{ float: none !important;    display: block;}
.user_account #demo { position: relative;}
.user_account .dropdown-menu .dropdown-item { padding: 1.5vw 1vw;}
.user_account #demo .dropdown-divider{border:0px;}
.user_account .dropdown-menu .dropdown-item {font-size: 14px; text-align: center;}
header .navbar .navbar-nav .nav-item .nav-link { padding: 1.5vw; text-align: center;}
.user_account .show{background-color:transparent !important;}
.user_type_modal { max-width: 85% !important;}
#mobile_header{height:50px;background-color:#eff2f7;display:block;position: fixed;width:100%;z-index: 9;}
#header_fixed{margin-top: 0; position: relative;background-poistion:bottom !important;}
/*#set_mobile_header{position: relative;top: 3px; }*/

/* #header_vedio{z-index:0;margin-top: 36px;} */
#mobile_header.active { position: absolute;}
.contact_us_page{padding-top: 132px;}
.togglenav {font-size: 35px !important; position: absolute; right: 2vw; top: -3px;}
.sidenav { height: 100%;  width: 0; position: fixed; z-index: 999; top: 0; right: 0;background-color:#535064; overflow-x: hidden; transition: 0.5s;z-index:9999;display:block !important;}
.sidenav a { padding: 0px 8px 8px 32px; text-decoration: none; font-size: 18px;  color: #fff !important; display: block;  transition: 0.3s;}
.sidenav .closebtn {position: absolute; top: -1vw;right:0; font-size:6vw; color:#f8ee86;}
/*     header .navbar-brand{line-height: 1;}
 *//* header .navbar .navbar-nav {margin-top: 1.5vw;}
 */.first_row .top_content { width: 100%;}
.top_part .bg_img { display: none;}
.first_row .heading { font-size: 4vw; text-align: center;}
.index_page_bg { background-position: center 11.2%;}
/* .first_row .play .triangle-right { margin: 2.3vw 1vw 1vw 3vw;}
 */.inner_body .heading { font-size: 3.5vw;}
.inner_body .business { width: 100%; margin: 4vw auto 2vw;}
.inner_body .business .icons {  width: 5vw;}
.circle{display: none;}
.marketplace_work .business {width: 100%;}
.marketplace_work .business .box .content{letter-spacing: 0px;}

.marketplace_work .second-block .left_side { padding: 0vw 0px 1vw;}

.marketplace_work .second-block .right_side .one, .marketplace_work .second-block .right_side .two, .marketplace_work .second-block .right_side .three { right: 0;  bottom: 0; top: 0; left: 0; position: relative;}




.marketplace .positions .text{position: relative; width: 100%;}
.marketplace .positions .text1, .marketplace .positions .text2, .marketplace .positions .text3, .marketplace .positions .text4{top: 0; bottom: 0; left: 0; right: 0; text-align: left;}
.marketplace { height: auto; padding-bottom: 2vw;}
.marketplace_work .business .icons { width: 5vw;}
.marketplace_work .second-block .right_side .first_box { width: 69%; padding: 2vw;}
.marketplace_work .second-block .right_side .two{ margin: 3% 0% 3% 33%;}
.marketplace_work .second-block .right_side .first_box .user {width: 10vw; margin-right: 2vw;}
/* .inner_body .business .box {padding: 3.4vw 1vw 13vw;} */
.inner_body .business .hover_box hr {width: 85%;  margin: 0.5vw auto;}
/* .marketplace_work .business .box { padding: 5vw 0vw 5vw;} */
.marketplace_work { padding-bottom: 6vw;}
.marketplace .heading, .marketplace_work .headings, .marketplace_work .second-block .heading, .grow .heading {  font-size: 3.5vw;}
.company_logos .heading{font-size: 3.5vw; text-align: center;     padding: 5.45vw 2vw 2vw;}
.company_logos .logos {width: 50%; display: block; margin: 0px auto;}
footer .menus li a { font-size: 1.8vw;}
.grow .buttons .hire, .grow .buttons .apply { font-size: 2vw; padding: 2vw; float: none; margin-left: 0; margin: 1vw auto;  width: 37%; display: block;}


.about_heading { font-size: 3.5vw;}
.water_mark { font-size: 11.57vw;}
.story .title { font-size: 3.5vw;}
.story .description, .story .description1 {font-size: 2vw;}
.teams_block .second_section .titles {font-size: 3.5vw;}
.teams_block .second_section .description { font-size: 2vw;}
.teams_block .second_section .teams_names .card .card-title { font-size: 2.5vw;}
.teams_block .first_section{top: 10%;}
.second_block_bg {height: 82vh;}
.what_we_do .title {font-size: 3.5vw;}
.what_we_do .matter {font-size: 2vw;}
.what_we_do .first_img{width: 45%;}
.what_we_do .second_img{width: 50%;}
.what_we_do .second_img img{ position: relative; top: 0; left: 0;}
.comman_page_bg{height: 10vh;}


.contact {width: 100%;}
.contact .support_contact .call img {width: 5.3vw;}
.contact .forms .sub_heading { margin-bottom: 3vw;}
.contact .forms .heading{margin-bottom: 8px;}
.contact .forms .form-group .form-control { padding: 1.2vw;}


.how_works .first_col{background-size: 60%;}
.how_works .first_col .img { width: 20%  ;   margin: 8vw auto 0px;;}
.how_works .heading { font-size: 3vw;}

.how_works { /*display: flex; flex-flow: column;*/margin-bottom: 2vw;}
.how_works .four_col{order: 1;}
.how_works .first_col{order: 2;}
.how_works .description { font-size: 2vw;    margin-bottom: 2vw;}

.policy_conditions .description { font-size: 2vw;}
.policy_conditions .heading { font-size: 3vw;}

.login {width: 100%;}
.login .forms .heading { padding-top: 1vw;font-size: 2.2vw;}
.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.login .forms .recaptcha{ margin: 3vw 5vw 1vw;}
.login .forms .social_login li { margin-right: 1.6vw;}
.login .forms .form-group .form-control { padding: 1vw;}
.login .forms .forgot_text{padding: 1vw;}

.signup .forms .form-group {padding: 0px 1.5vw; margin-bottom: 2vw;}
.signup .forms .form-group .form-control{padding: 1.2vw; }
.radio_button .radio_box {margin-bottom: 2vw;}
.signup .forms .upload .image_upload .user_box { width: 90px; height: 90px;}
.signup .forms .upload { margin-top: 11.2vw; margin-bottom: 4vw;}
.signup .forms .box {right: -12%;}
.signup .forms .already_text{ padding-top: 11.5vw;}
.checkbox{    padding-left: 22px;}
.signup .recaptcha { margin: 0vw 4.5vw 1.5vw;}
.signup .signup_bg .social_icons { width: 22%;}
.signup .signup_bg { background-size: 0%, 0% !important;}


.meeting_page .second_section .first_col .titles {font-size: 3.5vw;}
.meeting_page .second_section .first_col .description { font-size: 2vw; padding-right: 0px;}
.meeting_page .second_section .teams_names .card {width: 45%; margin: 2vw auto 3vw;     padding-bottom: 5vw;}
.meeting_page .second_section .teams_names .card img {margin: 3.5vw auto 2vw;}
.meeting_page .second_section .teams_names .card .schedule{    padding: 1.5vw 3vw;}
.meeting_page .second_section .teams_names .card .post{margin-bottom: 3.5vw;}

.satting_page .setting_heading{top: 8%;}
.satting_page .nav-link {font-size: 2.5vw;margin-right: 4vw;padding: 1.8vw 0px;}
.satting_page{ margin-top: 5vw;}
.setting .forms{margin-top: 2vw;    padding: 3vw 1.5vw;}
.setting .forms .form-group .form-control { padding: 1.5vw;}
.setting .forms .sign_button{padding: 1.5vw 1vw;}
.satting_page .users .user_imgs {width: 15vw;}
.satting_page .users .user_img{padding: 1.8vw 2.5vw;}
.satting_page .change_forms{ margin-top: 2vw;    padding: 3vw 1.5vw; width: 50%;}
.satting_page .change_forms .form-group .form-control{padding: 1.5vw;}
.satting_page .change_forms .sign_button{padding: 1.5vw 1vw;}


.billing_page .billing_heading { top: 8%;}
.billing_page .first_row_block{ margin-top: 5vw;}
.billing_page .credit_card { font-size: 3vw;}
.billing_page .card_forms { width: 100%;}
.billing_page .second_row_block .description{padding-right: 0px;}
.billing_page .second_row_block .manage .first_card .manage_cards { padding: 2vw 0px 2vw 11.5vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .card_img { width: 8vw;    padding: 1vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .primary_button { padding: 0.8vw 2vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .cross{ padding: 0.75vw 0px; font-size: 14px;}
.billing_page .card_forms .form-group .seclect_box{background-size: 1.5vw; background-position: 97% 51%; }
.billing_page .card_forms .sign_button {padding: 1.5vw 1vw;}
.billing_page .line{ width: 24%;}


.dashboard_page .nav-tabs { border: none;  margin: 0vw 0px 7vw;}
.dashboard_page .dashbord .request .first_box .card_img { width: 10vw; padding: 2vw;}
.dashboard_page .dashbord .request .first_box { padding: 2vw 0px 2vw 10vw;}
.dashboard_page .dashbord { width: 75%;}
.dashboard_page .dashbord .request { margin: 1vw 1vw 6vw;}
.dashboard_page .dashbord .request .box_menu li { padding: 2vw;}
.dashboard_page .dashbord .request .first_box .contact_icons li a img { width: 4vw; margin: 2.55vw 2.5vw;}
.dashboard_page .nav-tabs .nav-item {padding: 2vw 0px 1.5vw;}
.dashboard_page .nav-tabs .nav-item img { width: 3.5vw;}
.fixed-top{height:2vh !important;}
.manage_page .content{    padding-top: 8vw;}
.manage_page .manages .request .first_box { padding: 3vw;}
.manage_page .manages .request { margin: 1vw 1vw 5vw;}
.manage_page .manages { width: 75%;}
.manage_page .manages .request .first_box .heading { font-size: 2.5vw;}
.manage_page .manages .request .first_box .category { padding: 0.6vw 2vw;}
.manage_page .manages .request .box_menu li {padding: 1.5vw 2vw;}
.manage_page .manages .request .box_menu li:last-child {padding: 1.5vw 4vw;}

.satting_page .setting .second_section .panel-body .info_forms .form-group .form-control{    padding: 1.5vw;}
.satting_page .setting .second_section .panel-body .info_forms { margin-top: 5vw; padding: 3vw 1.5vw;}
.satting_page .setting .second_section .panel-title { padding: 1vw 2vw;}
.satting_page .setting .second_section .panel-body .info_forms { margin-top: 0vw;}
.satting_page .setting .second_section .panel-body .info_forms .form-group .input_button .borwser_btn, .freelenser_forms .form-group .borwser_btn { top: 20%;}
/* .freelenser {width: 100%;}
.freelenser .description{padding: 0px 6vw;} */
/* .freelenser .start_btn{padding: 1vw 0px; margin: 3vw auto;} */
/* .freelenser_forms .form-group .form-control{    padding: 1.5vw;}
.freelenser_forms .recaptcha { margin: 0vw 10.4vw 1.5vw;}
.freelenser_forms .bottoms {width: 58%;}
.freelenser_forms .checkbox { margin-bottom: 2vw;}
.freelenser_forms .doller .form-control {width: 94%;} */


.submitrequest .box .titles { font-size: 3vw;}
.submitrequest .box {padding: 3vw 0vw 1vw; /* width: 60%; */ margin: 2vw auto;     height: 160px;}
.submitrequest .box .select_btn{padding: 1.5vw 2vw;}
.submitrequest .form-group .seclect_box{ padding: 1.5vw;     background-size: 1.8vw;}
.submitrequest .box1 { padding: 1.5vw 0vw 1vw;}
.submitrequest .box1 .titles2 { padding: 3vw 0vw;}

.submitrequest .box2 { padding: 0.5vw 0vw 1vw;}
/* .submitrequest .box2 .titles {padding: 1.5vw 0.5vw;} */

.submitrequest .last_box .lasttitles { padding: 1.3vw 3vw;}
.submitrequest .box3 { padding-top: 3.6vw;}
.submitrequest .box2 .titles { padding: 10px 1.5vw;}
.submitrequest .last_box { height: 165px; padding-top: 1vw;}
.submitrequest .last_box .first_box_titles {padding: 3.4vw;}

/* .message_page {margin: 7vw 0px;}
 */.message_page .vertical-tabs .nav.nav-tabs{max-width: 100%;}
.message_page .vertical-tabs .tab-content { width: 100%;}
.message_page .vertical-tabs .nav-item .names {width: 51.5%;     padding-left: 2vw;}
.message_page .vertical-tabs .nav-tabs .nav-link{padding: 1vw 1.5vw 1vw 1vw;}

.messages .message .avatar { width: 6.5vw;}
.bottom_wrapper .send_message1 .text1 { padding: 2.3vw;}
.bottom_wrapper .message_input_wrapper { width: calc(100% - 160px);}
.bottom_wrapper .send_message { padding: 1.7vw 2.5vw;}
.message_page .back_buttons { padding: 5px 20px; margin: 0px 0px 20px;}
.chat_room{margin-left: 0px;}
.profile_settings{order:2;}
.profile_img_div{order:1;}

.view_appliction .views_box2{padding-top: 1.5vw; margin: 6vw auto;}
.view_appliction .views_box2 .user_img { width: 16vw; padding: 1vw 3vw;}
.view_appliction .views_box2 .titles { padding: 1vw 0px 0px;}
.view_appliction .views_box2 .content { width: 78%; padding-bottom: 2vw;}
.view_appliction .box_menu li { padding: 1vw 2vw; width: 50%;     border-bottom: 1px solid rgb(239, 239, 239);}
.view_appliction .social_links .mobile_no { padding: 0px 0vw;}
.view_appliction .social_links .email .social_icons, .view_appliction .social_links .mobile_no .social_icons, .view_appliction .social_links .skype_id .social_icons { padding: 2vw; width: 8vw;}

.view_appliction .social_links .email, .view_appliction .social_links .mobile_no, .view_appliction .social_links .skype_id { width: 100%; margin: 0px auto; text-align:center;}
.view_appliction .social_links .email .social_icons, .view_appliction .social_links .mobile_no .social_icons, .view_appliction .social_links .skype_id .social_icons{display: -webkit-inline-box;}
.view_appliction .social_links p.ids{    display: -webkit-inline-box;}


.view_appliction2 .social_links a.ids{    display: -webkit-inline-box;}
.view_appliction .box_menu{border: none;    width: 100%;}
.view_appliction .rates {border: none;}

/* .view_appliction2 .view_heading {top: 7.5%;} */
.view_appliction2 .first_sections .user_img { width: 100px; padding: 10px 0vw 10px 20px;}
.view_appliction2 .first_sections .user_info { padding: 10px 15px;}
.view_appliction2 .social_links .email .social_icons, .view_appliction2 .social_links .mobile_no .social_icons, .view_appliction2 .social_links .skype_id .social_icons { padding: 2vw; width: 8vw;}

.view_appliction2 .social_links .email, .view_appliction2 .social_links .mobile_no, .view_appliction2 .social_links .skype_id { width: 100%;  margin: 0px auto;text-align:center;}
.view_appliction2 .social_links .email .social_icons, .view_appliction2 .social_links .mobile_no .social_icons, .view_appliction2 .social_links .skype_id .social_icons{display: -webkit-inline-box;}

.view_appliction2 .box_menu li { padding: 1vw 3vw;}
.view_appliction2 .social_links p.ids{display: -webkit-inline-box;}

.view_appliction2 .rates { padding: 1vw 2vw; border-top: 1px solid rgb(239, 239, 239); width: 100%; text-align: center;}
.view_appliction2 .details_box { padding: 20px;}
/* .view_appliction2 .details_box .title { width: 90px;} */

.view_appliction2 .details_box h1.heading{ margin-bottom: 10px;}
.view_appliction2 .work_history h1.heading{margin-bottom: 10px;}
.view_appliction2 .work_history .first { padding: 0px 25px;}
.view_appliction2 .work_history { padding: 20px 0px;}
.work_history .col_one ul.stars li { width: 15px;}

.viewaplication_modal .modal-dialog { max-width: 90%;}

.referral_middal .affiliat_referral .left-side .heading{padding-bottom: 25px;}
.referral .referral_top .referral_links { max-width: 90%;}
.referral_middal .affiliat_referral .comman_div { max-width: 30%; float: left; margin: 0px 10px 30px; padding: 15px 0px;}
.referral_middal .affiliat_referral .comman_div2 { max-width: 30%; float: left; margin: 0px 10px 30px; padding: 15px 0px;}
.referral_middal .affiliat_referral .title {font-size: 16px;}
.referral_middal .affiliat_referral .dollor_amount { font-size: 26px;}

/* .view_appliction2, .view_page { padding-top: 125px;} */
.view_appliction2 .view_heading{font-size: 3.5vw; }
/*#header_fixed { height: 9vh !important; margin-top: 30px !important;}*/
.view_appliction2, .view_page {padding-top: 100px;}
.view_page .view_heading { font-size: 3.5vw;     padding-bottom: 10px;}


.mobile-fixed-top{height: 3.5vh !important;}

.user_login_page{margin-bottom: 200px;}
.viewfreelancers_page .viewfreelancers {width: 480px;}
.viewfreelancers_page .viewfreelancers .user_info .box_menu li {padding: 12px 15px;}

.virtualwallet .wallets .money {padding: 40px 0px;}
.virtualwallet .wallets{margin-bottom: 20px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_heading {font-size: 24px; margin-bottom: 18px;}

.virtualwallet .nav-link {font-size: 24px;}
.virtualwallet .wallet_box .withdrawal { padding: 25px 20px 40px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .radio_button .radio_box { padding: 0px 25px 0px 20px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .choose{max-width: 400px;}

.detail-page { padding-top:60px;}


}


@media (max-width: 767px) {
.user_type_modal { max-width: 91% !important;}
.g-recaptcha{transform:scale(0.77);transform-origin:0 0}
.container{max-width: 100% !important;}	

.mobile-fixed-top{    height: 17vh;}
.inner_body .business .hover_box .content{height: 30px;}

.togglenav{font-size: 35px !important; position: absolute; right: 2vw; top: -3px; }
header .navbar .navbar-nav {  width: 95%; margin: 0px auto; /*margin-top: 6.5vw;*/ float:none !important;}
header .navbar .navbar-nav .nav-item .nav-link{padding: 1.5vw;text-align: center;}
header .navbar .navbar-nav .nav-item:last-child .nav-link{padding: 1.5vw;}
.index_page_bg { background-position: center 8.7%;}
.user_account #demo{position:relative;}
.first_row .heading {font-size: 5vw;}
.first_row .play {  margin: 7vw auto 1vw;}

/* footer .menus{width: 50%; margin: 2vw auto;}
footer .menus li{padding: 1vw 0px;}
footer .social_icons li a img { width: 3vw;} */
/* footer .margins{margin-top: 2vw;} */
/* footer .social_icons { padding: 0.35vw 0px 4vw;} */


.comman_page_bg { height: 25vh;}
.second_block_bg { height: 835px;}
.teams_block .second_section .teams_names .card{margin-bottom: 1vw;}

.contact .forms .heading, .contact .forms .sub_heading { font-size: 3vw;}
.contact .forms .form-group .form-control { padding: 1.5vw;}
.contact .forms { padding: 3.5vw; margin-bottom: 5vw; margin-right: 0px;}
.contact .support_contact .customer_service .title { font-size: 3vw;}
.contact .support_contact .call img { width: 9vw; padding-right: 4vw;}
.contact .support_contact .call a {  font-size: 3vw;}

.help_center {margin: 0px auto 4vw;}

.login { width: 50%;}
.login .forms .forgot_text{padding: 1.5vw;}
.login .forms .heading {font-size: 2.4vw;}
.login .login_bg{background: none; }
.signup .forms .heading { font-size: 20px;}
/* .signup {width: 66%; } */
.signup .forms .upload { margin-top: 3vw; margin-bottom: 3vw;}
.signup .recaptcha { margin: 0vw 10vw 1.5vw;}
.signup .forms .already_text { padding-top: 8vw;}
.signup .forms .sign_button{padding: 2vw;}
.signup .forms .already {padding: 2vw 5vw;  margin: 0px auto 5vw;}
.signup .forms .box {right: 4%; bottom: -13%;}
.signup .signup_bg .social_icons {width: 33.5%;}
.signup .recaptcha { margin: 0vw 8vw 1.5vw;}


.satting_page .setting_heading { top: 20%;}
.billing_page .billing_heading {  top: 20%;}
.billing_page .table .paid{    padding: 0.8vw 2vw;}
.billing_page .line { width: 22%;}

.dashboard_page .dashbord { width: 73%;}
.dashboard_page .dashbord .request .first_box .contact_icons{width: 70%;}


.user_account{width: 95%; float:none !important;margin:0 auto !important; margin-top: 8vw !important;}
.user_account .dropdown .btn {padding: 0.5vw; font-size: 2vw;}
.user_account a img { width: 6.5vw;}
.user_account .show { background: none;}
.user_account .dropdown-menu .dropdown-item {font-size: 14px; text-align: center;}
.dropdown-divider{border: none;}
.manage_page .manage_heading{top: 20%;}
.manage_page .manages .request .box_menu li { padding: 1.5vw 2.3vw;}
.manage_page .manages .request .first_box .applicant { padding: 2.7vw 0px;}

.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box1 { width: 35%;}

.freelenser_forms .radio_button .radio_box1 { width: 34.5%;}
.freelenser_forms .bottoms { width: 64%;}
.freelenser_forms .recaptcha { margin: 0vw 12.4vw 1.5vw;}

.submitrequest .box1 .new_title { padding: 0.8vw 2vw;}
.freelenser_forms .radio_button .radio_box4 { width: 13%;}

/* .view_page .view_heading { top: 20%; font-size: 3vw;} */
.view_page .views{ margin: 6vw auto;}
.view_page .views .top_section .first .titles {font-size: 3vw; line-height: 1.5;}
.view_page .views .top_section .first .category { padding: 0.6vw 2.5vw;}
.modal-dialog {max-width: 66%; margin: 2vw auto;}
.modal-body .forms .submit_btn{ margin: 4vw auto 1vw; }
.view_page .views .panel-group .panel-body .first_blocks { padding: 1.5vw;}
.view_page .views .box_menu li{padding: 1.5vw;}
/* .modal-header .modal-title { font-size: 3vw;} */
.message_page .vertical-tabs .nav-item .names {  width: 51%;}
.bottom_wrapper .send_message1 .text1 img {  width: 2.8vw !important;}
.bottom_wrapper .send_message .text{padding: 0.5vw 1.5vw;}

.message_page .message_heading {  top: 14%; font-size: 4vw;}
.message_page .vertical-tabs .nav.nav-tabs {overflow: scroll; height: 260px;}
.chat_room{overflow: scroll;}
.messages{height: 240px;}
.message_page {margin: 0vw 0px 5vw;}

/* .view_appliction2 .view_heading { top: 20%; font-size: 4vw;} */

.viewaplication_modal .modal-body form .form-group .form-control { padding: 10px;}
.viewaplication_modal .modal-header .modal-title {font-size: 24px;}    
.viewaplication_modal .modal-body form .form-group select { background-size: 13px; background-position: 98% center;}
.viewaplication_modal .modal-header .modal-title {  padding: 20px 0px 5px;}

.referral .referral_top .referral_links {  max-width: 100%; margin: 120px auto 0px;}


/* #header_fixed {height: 22vh !important; margin-top: 30px !important;} */


}
	

@media (max-width: 700px) {
	.virtualwallet .table .pending{    padding: 2px 15px;}
    .message_page .vertical-tabs .nav-item .names .job_name{    width: 247px;    margin: 0px auto;}
	.marketplace .positions {   left: 98px;}.first_row .play .triangle-right { margin: 32% 10% 10% 42%;}  .index_page_bg { background-position: center 8.5%;} .teams_block .first_section {top: 8%;} .second_block_bg { height: 890px;} .signup .signup_bg .social_icons {  width: 36.5%;}    .signup .forms .box { right: -1.5%; bottom: -14%;} .dashboard_page .dashbord .billing .box_menu li{    padding: 1.3vw;} .manage_page .manages { width: 80%;}
	#set_mobile_header { top: -20px !important;}
	 .submitrequest .box1 .titles2 { padding: 4vw 0vw;} .submitrequest .box1 .new_title {  padding: 1.8vw 1vw;}
	

	.message_page .vertical-tabs .nav.nav-tabs {overflow: scroll; /*height: 251px;*/     height: 97px;}
	.manage_page .manages .request .first_box .heading{    width: 220px;}
	.contact_us_page{padding-top: 132px;}
	.view_appliction2 .box_menu li { padding: 1vw 2.5vw;}
	.view_appliction .social_links a.ids{display: -webkit-inline-box;}
	.view_appliction2 .social_links .email, .view_appliction2 .social_links .mobile_no, .view_appliction2 .social_links .skype_id {max-width: 100%; margin: 0px auto;   text-align: center;}
	.view_appliction2 .social_links .email .social_icons, .view_appliction2 .social_links .mobile_no .social_icons, .view_appliction2 .social_links .skype_id .social_icons{display:inline-block;}
	.view_appliction2 .social_links p.ids{display: -webkit-inline-box;}
	/*  .view_appliction2 .social_links .skype_id {max-width: 32%;}*/
	.signup .outer_signup_div{width: 410px;}
	.signup .label_div{width:90%;}
	.signup_radio_hear {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 1em;
	-moz-column-gap: 1em;}
	.no_record_found_div{margin: 38px auto;}
	.wallet_img{width: 18px;}
	.referal_box:first-child:after, .referal_box:not(:last-child):after{height:60px;}
    .freelancer-matches { width: 100% !important;  /* max-width: 380px; */  }
}

@media (max-width: 600px) {
	.bottom_wrapper .send_message {   padding: 1.7vw 2.5vw;}
	.message_page .vertical-tabs .nav-item .activies { width: 30%;  margin: 0px auto;  text-align: center; display: block;    }
	#message_file{left: 0px;width: 37px;}
	
	.freelenser_page {  padding-top: 127px;}
	.marketplace .positions {   left: 65px;}
    .index_page_bg {     background-position: center 7.9%;}
/*     .inner_body .business .box {padding-bottom:10vw;} */
    .inner_body .business .hover_box .content { padding: 0px 1vw;}
    .skill{    margin: 2vw auto;}
    .grow .buttons .hire, .grow .buttons .apply{    width: 45%;     font-size: 2.5vw}
    .company_logos .logos {   width: 35%}
 /*    footer .menus li a {font-size: 2.5vw;}
    footer .menus li {padding: 2vw 0px;}
    footer .social_icons li a img { width: 5vw; padding-right: 2vw;}
    footer .social_icons { padding: 0.35vw 0px 6vw;} */
/*     .copy_right { font-size: 2.5vw; padding: 2.5vw 0px;}
 */    .second_block_bg { height: 860px;}
    .login { width: 60%;}
    .login .forms .form-group .form-control {padding: 1.5vw;}

    .marketplace_work .second-block .right_side .first_box { width: 83%;}
    .marketplace_work .second-block .right_side .two {margin: 3% 0% 3% 15%;}


    .signup { width: 100%;}
    .signup .forms { padding: 3vw 3vw;}
    .signup .forms .form-group {padding: 0px 2.5vw; margin-bottom: 3vw;}
    .signup .forms .form-group .form-control { padding: 2vw;}
    .radio_button .radio_box { margin-bottom: 2.5vw;}
    .signup .forms .box { right: 10.5%; bottom: -14%;}
    .signup .signup_bg .social_icons { width: 27%;}
    .billing_page .line {width: 23%;}
    .billing_page .credit_card { padding: 2.5vw 0px;}

    .dashboard_page .nav-tabs .nav-item img { width: 4.5vw;}
    .dashboard_page .dashbord .request .first_box .card_img { width: 12vw;  padding: 2vw;}
    .dashboard_page .dashbord { width: 90%;}
    .dashboard_page .dashbord .request .first_box .heading { font-size: 3.5vw;}
    .dashboard_page .dashbord .billing .box_menu li {padding: 2vw;}
    .dashboard_page .dashbord .request .first_box .contact_icons li a img { width: 5vw; margin:2.5vw;}
    .dashboard_page .dashbord .request .first_box .contact_icons {width: 60%;}
    .dashboard_page .dashbord .request { margin: 1vw 1vw 10vw;}
    .user_account .dropdown .btn { padding: 0.5vw;  font-size: 3vw;}
	  .manage_page .manages { width: 95%;}
    .manage_page .manages .request { margin: 1vw 1vw 8vw;}
    .manage_page .manages .request .first_box .heading { font-size: 3.5vw;}
    .manage_page .manages .request .first_box {padding: 4vw;}
    .manage_page .manages .request .box_menu li { padding: 1.5vw 2.5vw;}
    .manage_page .manages .request .first_box .applicant { padding: 3.5vw 0px;}

    .satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box1 { width: 42%;}
    .satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box2 {width: 49%;}
    .satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box3 { width: 49%;}

    .freelenser .main_heading { font-size: 4.5vw;padding-top: 3vw;}
    .freelenser_forms{    padding: 2vw 4vw;}
    .freelenser_forms .radio_button .radio_box { width: 32.5%;}
    .freelenser_forms .radio_button .radio_box1 {width: 43.5%;}
    .freelenser_forms .bottoms {width: 75%;}
    .freelenser_forms .radio_button .radio_box2 { width: 48%;}
    .freelenser_forms .radio_button .radio_box3 {width: 48%;}
    .freelenser_forms .radio_button .radio_box5 { width: 100%;}
    .freelenser_forms .doller .form-control { width: 93%;}
    
	.submitrequest .box {width: 70%; height: auto;}
    .submitrequest .box2 .titles {padding: 12px 5.5vw;}
    .submitrequest .box3 { padding-top: 4vw;}
    .submitrequest .box1 .new_title {padding: 2.8vw 1vw;}
    .submitrequest .box1 .titles2 {padding: 3vw 0vw;}


   /*  .view_page .view_heading { font-size: 3.5vw;} */
    .view_page .views .top_section {padding: 3.5vw;}
    .view_page .views .top_section .first .titles {font-size: 3.5vw;}
    .view_page .views .top_section .content{text-align: justify;}


    .chat_room{width: auto;}/*chat_window{margin: 2vw;}*/
    .message_page .vertical-tabs .nav-item .user_img {width: 9vw; display: block; margin: 0px auto;}
    .message_page .vertical-tabs .nav-item .names {  width: auto; display: block; text-align: center;padding: 1vw 0px;}
/*    .message_page .vertical-tabs .nav.nav-tabs {  max-width: 25%;}*/
   /* .message_page .vertical-tabs .tab-content { width: 75%;}*/
   .message_page .vertical-tabs .nav.nav-tabs{height: 121px;}
   .message_page .vertical-tabs .nav-item .user_img { display: block;  margin: 0px auto;   text-align: center;}
    
    .bottom_wrapper .message_input_wrapper { width: calc(100% - 140px);}
    .bottom_wrapper .send_message1 .text1 {padding: 2.65vw;}

    .message_page .vertical-tabs .nav-tabs .nav-link { padding: 1vw 3.5vw 1vw 1vw;}
	
    .view_appliction .social_links .email, .view_appliction .social_links .mobile_no, .view_appliction .social_links .skype_id { max-width: 100%; }
    .view_appliction2 .social_links .email, .view_appliction2 .social_links .mobile_no, .view_appliction2 .social_links .skype_id { max-width: 100%; }
    .view_appliction2 .box_menu li {padding: 1vw 2.5vw; width: 100%; border-bottom: 1px solid rgb(239, 239, 239);}
    .view_appliction2 .first_sections .user_info .content{text-align: justify;}
    .view_appliction2 .details_box .description {width: 78%;}
    .work_history .metter{text-align: justify;}

    .referral_middal .affiliat_referral .comman_div { max-width: 45%;}
    .referral_middal .affiliat_referral .comman_div2 { max-width: 45%;}

    .view_appliction2 .view_heading { font-size: 4.5vw;}
    .view_page .view_heading {  font-size: 4.5vw;}
	 .view_job_detail .datail_page {max-width: 95%;}

     .freelancer-matches { width: 100% !important; /*  max-width: 380px;  */} 

}

@media (max-width: 500px){
	#myModal1 .modal-dialog{max-width: 90%;}
	.detail-page .table td{min-width: 150px;}
	.referal_table > .table{min-width:800px;}
	.satting_page .setting .second_section .panel-body .info_forms .sign_button {    width: 100%;    padding: 2vw 1vw;}
    
    #set_mobile_header {top: -35px !important;}
    

   /*  header .navbar-brand { padding: 1vw 0px;} */
    .marketplace .positions {left: 14px;}
    .skill { padding: 1vw 4vw;}
	.manage_page .manages .request .first_box .heading{    width: 220px;}
    .first_row .heading { font-size: 7vw; padding-top: 14vw;}
    #header_vedio { margin-top: 15px;}
    .first_row .title {font-size: 4.5vw;}
    .inner_body .heading { font-size: 5.5vw;}
    .inner_body .sub_heading { font-size: 3.5vw;}
    .inner_body .business .icons {  width: 12vw;}
/*     .inner_body .business .box .text {font-size: 4.5vw;} */
    .inner_body .business .hover_box .content {font-size: 3vw;}
/*    .inner_body .business .box {padding-bottom:16.5vw;} */
    .marketplace .heading, .marketplace_work .headings, .marketplace_work .second-block .heading, .grow .heading { font-size: 5.5vw;}
    .marketplace .positions .text1, .marketplace .positions .text2, .marketplace .positions .text3, .marketplace .positions .text4{text-align: left;}
    .marketplace_work .business .icons { width: 12vw;}
    .marketplace_work .business .box .text { font-size: 4.5vw;}
    .marketplace_work .business .box .content { font-size: 3vw;}
    .marketplace_work .second-block .heading{ padding: 0px 15px;}
    .marketplace_work .second-block .content{font-size: 3.5vw; padding: 0px 15px;}
    .marketplace_work .second-block .right_side .one, .marketplace_work .second-block .right_side .two, .marketplace_work .second-block .right_side .three{width: 95%;}
    .marketplace_work .second-block .right_side .two { margin: 3% 0% 3% 5%;}
    .grow .sub_heading {font-size: 3vw; line-height: 1.5;}
    .grow .buttons .hire, .grow .buttons .apply { width: 65%;  font-size: 3.5vw;}
    .company_logos .heading { font-size: 5.5vw;}
    .company_logos .logos { width: 50%;}
    /* footer .social_icons li a img { width: 8vw;} */
    /* footer .menus li a {  font-size: 3.5vw;} */
/*     .copy_right { font-size: 3.5vw;}
 */    header .navbar .navbar-nav .nav-item .nav-link {font-size: 4vw;}
/*     header .navbar .navbar-nav .nav-item:last-child .nav-link {font-size: 4vw;} */
    .marketplace_work .second-block .right_side .first_box .user_details .heading{  font-size: 4vw;  padding-left: 0px;}
    .marketplace_work .second-block .right_side .first_box .user { width: 13vw;}
    .marketplace_work .second-block .right_side .first_box .user_details .sub_heading {   font-size: 3.8vw;}
  /*   footer .footer_heading{text-align: center;} */
  /*   footer .email{display: block; text-align: center; }
    footer .social_icons {width: 52%; margin: 0px auto 6vw;} */
    /* .second{width: 42% !important;} */

    .comman_page_bg { height: 8vh;}
    .about_heading {font-size: 5.5vw; margin-top: 0px;}
    .water_mark { font-size: 14.57vw;}
    .story .title { font-size: 5.5vw;}
    .story .description, .story .description1 { font-size: 3vw;text-align: justify;}
    .teams_block .second_section .titles {  font-size: 5.5vw;}
    .teams_block .second_section .description {  font-size: 3vw; margin-bottom: 5vw;}
    .teams_block .first_section {top: 9.5%;}
    .teams_block .second_section .teams_names .card .card-title { font-size: 4.5vw;}
    .second_block_bg {height: 910px;}
    .what_we_do .title {font-size: 5.5vw;}
    .what_we_do .matter { font-size: 3vw; text-align: justify;}
    .what_we_do .second_img { width: 100%;     overflow: hidden;}
    .what_we_do .first_img { width: 100%; margin-bottom: 4vw;}

    .contact .forms .heading, .contact .forms .sub_heading { font-size: 4.3vw;}
.contact .forms .form-group .form-control { padding: 3vw;}
.contact .forms {padding: 4.5vw; margin-right: 0px; margin-bottom: 8vw;}
.contact .forms .form-group { margin-bottom: 4vw;}
.contact .forms .send { padding: 2vw;}
.contact .support_contact .call a { font-size: 4.8vw;}
.contact .support_contact .call img {width: 10.3vw; padding-right: 3vw;}
.contact .support_contact .call {margin-bottom: 7vw;} 
.contact .support_contact .customer_service { padding: 5.3vw;}
.contact .support_contact .customer_service .title { font-size: 4.8vw;}
.contact .support_contact .customer_service .take {padding: 2vw;}

.how_works .heading {font-size: 4.5vw;}
.how_works .description { font-size: 3vw; text-align: justify;}
.how_works .first_col .img { margin: 12vw auto 0px;}

.policy_conditions .description { font-size: 3vw; text-align: justify;}
.policy_conditions .heading { font-size: 4.5vw;}
.help_center .description{text-align: justify;}
.login .forms {padding: 3vw 0.5vw 0px;}
.login { width: 100%;margin-bottom: 6vw; border-radius: 10px;}
.login .forms .heading {font-size: 4.8vw; padding-top: 4vw;}
.login .forms .recaptcha { margin: 6vw 11vw 1vw;}
.login .forms .form-group .form-control {padding: 2vw;}
.login .forms .login_button, .login .forms .sign_button {width: 48%; padding: 2vw; margin: 0.6vw;}

.signup .signup_bg .social_icons {width: 38%;}
.signup .forms .box {right: -7%;bottom: -17%;}
.signup .forms .sign_button {margin-top: 3vw;}
.signup .recaptcha { margin: 0vw 11vw 1.5vw;}
.signup .forms .already {padding: 3vw 7vw;}

.meeting_page .second_section .first_col .titles { font-size: 5vw;}
.meeting_page .second_section .first_col .description {font-size: 3vw;}
.meeting_page .second_section .teams_names .card {width: 65%;}


.satting_page .setting_heading {top: 8%;}
.satting_page {margin-top: 15vw;}
.satting_page .nav-link { font-size: 5vw; width: 100%; text-align: center; margin-right: 0px;}
.setting .forms { margin-top: 5vw; padding: 4vw;}
.setting .forms .form-group .form-control { padding: 2.5vw;}
.setting .forms .form-group { margin-bottom: 3vw;}
.setting .forms .sign_button {padding: 2vw 1vw;}
.satting_page .users .user_imgs {width: 50%;     margin: 6vw auto 0px;}
.satting_page .users .user_img { padding: 4vw 8vw; margin: 3vw auto;}

.satting_page .change_forms { margin-top: 5vw; padding: 4vw; width: 100%;}
.satting_page .change_forms .form-group .form-control{padding: 2.5vw;}
.satting_page .change_forms .sign_button{padding: 2vw 1vw;}
.satting_page .change_forms .form-group{margin-bottom: 3vw;}




.billing_page .billing_heading {top: 8%;}
.billing_page .first_row_block { margin-top: 16vw;}
.billing_page .credit_card { font-size: 5vw;}
.billing_page .first_row_block .description, .billing_page .second_row_block .description{text-align: justify;}
.billing_page .card_forms .form-group { margin-bottom: 2vw; padding: 0px 3vw;}
.billing_page .card_forms .form-group .form-control { padding: 2vw;}
.billing_page .card_forms .form-group .seclect_box { padding: 2vw;}
.billing_page .card_forms .sign_button { padding: 2vw; margin-top: 3vw;}
.billing_page .card_forms{    padding: 3vw 2vw 3vw;}
.billing_page .second_row_block .manage { width: 100%; margin: 5vw auto;}
.billing_page .second_row_block .manage .first_card .manage_cards { padding: 3vw 0px 3vw 11.5vw; margin: 5vw 0vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .card_img { width: 12vw; padding: 2vw;}
.billing_page .second_row_block .manage .first_card .manage_cards .cross { padding: 1.5vw 0px;}
.billing_page .line {width: 38%;}

.dashboard_page .nav-tabs .nav-item { padding: 3vw 0px; width: 100%;}
.dashboard_page .nav-tabs .nav-item img { width: 10vw;padding-right: 2.5vw;}
.dashboard_page .dashbord {width: 100%;    padding-top: 34px;}
.dashboard_page .dashbord .request .first_box .card_img {width: 13vw;}
.dashboard_page .dashbord .request .first_box .heading {font-size: 5vw;}
.dashboard_page .dashbord .request .first_box {padding: 15vw 6vw 4vw;}
.dashboard_page .dashbord .request .box_menu li { border: none; padding: 2vw;  width: 100%;}
.dashboard_page .dashbord .request .first_box .card_img { width: 20vw; left: 50%; transform: translate(-50%);     padding: 4vw;}
.dashboard_page .dashbord .request .first_box .contact_icons li a img { width: 7vw; margin: 5vw 3.5vw 3.5vw;}

.forgot .forms .login_button{margin: 0.4vw 0.4vw 4vw;}
.user_account .dropdown .btn {padding: 0.5vw; font-size: 14px;}
.user_account a img {width: 9.5vw;}
.user_account .dropdown-menu .dropdown-item { padding: 1.5vw 1vw;}

.manage_page .manages { width: 100%;}
.manage_page .manage_heading {top: 8%;}
.manage_page .content {padding-top: 16vw; text-align: justify; padding-bottom: 5vw;}
.manage_page .manages .request .first_box .heading { font-size: 4.5vw;}
.manage_page .manages .request .first_box .description { padding-top: 3vw; text-align: justify;}
.manage_page .manages .request .box_menu li {border: none; padding: 2vw; width: 100%;}
.manage_page .manages .request .first_box .applicant { padding: 4.5vw 0px;}

.satting_page .setting .second_section .panel-title { padding: 2vw 4vw;}
.satting_page .setting .second_section{margin: 6vw 0px;}
.satting_page .setting .second_section .panel-body .info_forms{ padding: 3vw 4vw;}
.satting_page .setting .second_section .panel-body .info_forms .form-group .form-control {padding: 2.5vw;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box { width: 26.5%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box1 { width: 100%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box2 { width: 100%;}
.satting_page .setting .second_section .panel-body .info_forms .radio_button .radio_box3 { width: 100%;}

.freelenser .main_heading {font-size: 5vw;}
.freelenser .description {padding: 0px 0vw;}
/* .freelenser .start_btn { padding: 2vw 0px; margin: 5vw auto; width: 30%;} */
.freelenser_forms .form-group .form-control { padding: 2.5vw;}
.freelenser_forms .radio_button .radio_box { width: 100%;}
.freelenser_forms .bottoms { width: 100%;}
.freelenser_forms .checkbox { margin-bottom: 2vw;letter-spacing: 0px;}
.freelenser_forms .sign_button{    padding: 2vw; margin-bottom: 3vw;}
.freelenser_forms .doller .form-control { width: 80%;}

.submitrequest .box .titles {font-size: 4vw;}
.submitrequest .box { width: 100%; margin: 3vw 0px;}
.submitrequest .box1 { height: 120px;}
.submitrequest .last_box { height: 126px;}
.submitrequest .box3 {padding-top: 3vw;}
.submitrequest .form-group .seclect_box {padding: 2.5vw;}
.submitrequest .submit_req_button{padding: 1.5vw 1vw;}




.view_page .view_heading { font-size: 5.5vw;}
.view_page .views {margin: 6vw auto; max-width: 100%;}
.view_page .views .top_section .first .titles { font-size:5vw;}
.view_page .views .top_section { padding: 4.5vw;}
.view_page .views .top_section .first .category {padding: 1vw 3.5vw;   }
.view_page .views .top_section .first {margin-bottom: 4vw;}
.view_page .views .panel-group .panel-body .first_blocks, .view_page .views .panel-group .panel-body .second_blocks { padding: 6.5vw;}
.view_page .views .box_menu li { padding: 2.5vw; /* width: 30%; */}
.modal-dialog {max-width: 90%; margin: 7vw auto;}
/* .modal-header .modal-title { font-size: 5vw;} */
.modal-body .forms .form-group .form-control { padding: 2vw 1.5vw;}

.message_page .message_heading {top: 6%;font-size: 4vw;}
.message_page {/*margin: 6vw 0px 7vw;*/ margin: 0vw 0px 7vw;}

.message_page .vertical-tabs .nav.nav-tabs {/* max-width: 35%;*/max-width:100%}
.message_page .vertical-tabs .tab-content { /*width: 65%;*/width:100%}
.messages {height: 445px; padding: 4vw 3vw;}
.message_page .vertical-tabs .nav.nav-tabs { /*height: 435px*/height:auto; }
.bottom_wrapper .send_message1 .text1 img { width: 4.8vw !important;}
.messages .message.left .text_wrapper, .messages .message.right .text_wrapper {width: 90%; padding: 4vw;}
.bottom_wrapper .message_input_wrapper .message_input { padding: 2.7vw; font-size: 12px;    padding-bottom: 0px;}
.bottom_wrapper .message_input_wrapper {  width: calc(100% - 115px);}
.bottom_wrapper .send_message .text { padding: 0.8vw 1.5vw; font-size: 12px;}
.bottom_wrapper .send_message {padding: 1.9vw 2.5vw;}

.view_appliction .views_box2 { width: 100%; max-width: 100%; padding-top: 3.5vw; margin: 10vw auto;}
.view_appliction .views .box_menu2 li { width: auto;}
.view_appliction .social_links .email, .view_appliction .social_links .mobile_no, .view_appliction .social_links .skype_id { max-width: 100%; padding: 0px 3vw; overflow: hidden;}
.view_appliction .social_links .email .social_icons, .view_appliction .social_links .mobile_no .social_icons, .view_appliction .social_links .skype_id .social_icons { padding: 2vw; width: 10vw;}
.view_appliction .box_menu li { padding: 2vw 5vw; width: 100%; border-bottom: 1px solid rgb(239, 239, 239); text-align: left;}
.view_appliction .rates {padding: 3vw 2vw; }
.view_appliction .views_box2 .content { width: 70%;padding-bottom: 4vw;text-align: justify;}
.view_appliction .views_box2 .user_img { width: 22vw; padding: 1vw 4vw;}

.view_appliction2 .view_heading { font-size: 5.5vw;}

.view_appliction2 .first_sections .user_img {width: 100px; display: block; float: none; margin: 15px auto 5px; padding: 0;}
.view_appliction2 .social_links .email, .view_appliction2 .social_links .mobile_no, .view_appliction2 .social_links .skype_id { max-width: 100%; padding: 0px 10px;}
.view_appliction2 .social_links .email .social_icons, .view_appliction2 .social_links .mobile_no .social_icons, .view_appliction2 .social_links .skype_id .social_icons { padding: 2vw; width: 10vw;}
.view_appliction2 .box_menu li{text-align: left;     padding: 10px 20px;}
.view_appliction2 .details_box .title { margin-bottom: 5px;}
.view_appliction2 .details_box .description { width: 100%; text-align: justify;}
.view_appliction2 .rates { padding: 10px;}
.view_appliction2 .first_sections { margin: 6vw auto 10vw;     max-width: 100%;}
.view_appliction2 .details_box { margin: 10vw auto;     max-width: 100%;}
.view_appliction2 .work_history { margin: 3vw auto 10vw;     max-width: 100%;}


.referral .referral_top .referral_links .referral_text {font-size: 22px;}
.referral_middal .affiliat_referral .comman_div { max-width: 70%; margin: 15px auto; float: none;}
.referral_middal .affiliat_referral .comman_div2 { max-width: 70%; margin: 15px auto; float: none;}
.referral_middal .affiliat_referral .left-side .heading {padding-bottom: 0px;}
.referral_middal .affiliat_referral .right-side .headings{padding-top: 20px;}

.viewfreelancers_page .viewfreelancers {width: 100%;}
.viewfreelancers_page .viewfreelancers .user_info .first_box{padding: 0;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .user_img{position: relative; margin: 0px auto;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .user_name,
.viewfreelancers_page .viewfreelancers .user_info .first_box .rate,
.viewfreelancers_page .viewfreelancers .user_info .first_box .hours_limit{padding-left: 20px;}
.viewfreelancers_page .viewfreelancers .user_info .first_box .post{margin-left: 20px;}
.viewfreelancers_page .viewfreelancers .user_info .box_menu li { width: 100%; border-bottom: 1px solid rgb(239, 239, 239); border-right: 0;}
.view_appliction .applicant_view_job .box_menu li{border-bottom: 0px;}

.viewfreelancers_page .viewfreelancers .user_info .box_menu li:last-child{border: none;}


.view_job_detail .datail_page .second_section .text{width: 100%; padding: 6px;}
.second_columns .media_symbles { max-width: 90%;}

.virtualwallet .wallets .money {padding: 40px 16px;}
.virtualwallet .nav-link{width: 100%; margin-right: 0px; text-align: center; border-bottom: 4px solid transparent;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .input-group { width: 100%;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .Enter_amount{margin-bottom: 10px;}
.virtualwallet .wallet_box .withdrawal .withdrawal_amount .submit_button{width: 110px; float: left; margin-left: 0px; margin-bottom: 10px;}
.virtualwallet .table .paid{padding: 2px 15px;}

.freelancer-matches { width: 100% !important;  max-width: 100%; /* margin: 0% auto 10px; */ height: 170px; }



}


@media (max-width: 400px) {
	#terms_and_condition .modal-dialog{max-width: 95%;}
	#show_timer{font-size: 28px;}
	#show_timer > span{min-width:66px;}
	.view_page .views .top_section .first .category {padding: 1vw 3.5vw;    display: block;    margin: 0px auto;
    float: none;}
	.view_page .views .top_section .first .titles{    display: block;}
	.paginaton_div{    width: 100%;}
	.pagination {margin:0px auto;}
	.pagination > li >a{    padding: .643rem 0.5rem;}
/*	.pagination{display: block;width: 100%;}*/
	.referral_middal .table td, .referral_middal .table th {    padding: 20px 7px;}
	.manage_page .manages .request .first_box .heading{}
    .index_page_bg {background-position: center 8.2%;  }
    .company_logos .logos {width: 54%;}
 /*    footer .social_icons { width: 54%;} */
    .teams_block .second_section .teams_names {  padding-left: 0.5vw;  margin-top: 5vw;}
    .about_heading{font-size: 6.5vw; padding: 0px; margin: 0px;}
    .teams_block .second_section .titles, .story .title, .what_we_do .title {font-size: 6.5vw;}
    .story .description, .story .description1, .teams_block .second_section .description, .what_we_do .matter { font-size: 4vw;}
    .teams_block .first_section {top: 11.5%;}
    .how_works .heading {font-size: 5vw;}
    .how_works .description { font-size: 4vw;}
    .policy_conditions .description { font-size: 4vw;}
	.policy_conditions .heading { font-size: 5vw;}
	.signup .signup_bg .social_icons { width: 42%;}
	.signup .recaptcha { margin: 0vw 7vw 1.5vw;}
	.signup .forms .box {right: -13%;}
	.billing_page .first_row_block {margin-top: 25vw;}
	.freelenser_forms .recaptcha { margin: 3vw 12.4vw 1.5vw;}
	/*.checks { margin: 3vw 7vw 4vw;}*/
	.submitrequest .box .titles { font-size: 5vw;}
	.submitrequest .box2 .titles { padding: 12px 0.5vw;}
	.message_page .vertical-tabs .nav-item .names .users_name {font-size: 12px;}
	.message_page .vertical-tabs .nav-item .names .job_name { font-size: 12px;}
	
	
	.manage_page .manages .request .first_box .heading {
		width: 125px;
	}
	.virtualwallet .wallet_box .withdrawal .withdrawal_amount .radio_button .radio_box { padding: 0px 20px 8px 30px;}
	.view_job_detail .datail_page .top_section .first .titles{width: 100%;}
	.view_job_detail .datail_page .top_section .first .category{float: none; margin: 10px 0px;}
	.signup .outer_signup_div{width: 304px;}
	.signup .label_div{width: 80%;}
	.signup .ok_btn{width:45px;text-align:center;}
	.signup .ok_tick{display:none;}
	.signup .skip_btn{width:55px;}
	.signup_radio_hear{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1; -webkit-column-gap: 1em;
    -moz-column-gap: 1em;}
    .dashboard_referal_main_div > .referal_box{font-size:12px;}
    .dashboard_referal_main_div > .referal_box{padding: 17px 5px;}
	.pause_modal_body{padding:0px;}
	#billing_hours_limit .modal-content{padding: 30px 6px;}
	.referal_box:first-child:after, .referal_box:not(:last-child):after{height:40px;}
	.wallet_img{width: 18px;}
}

@media (max-width: 320px){
	.virtualwallet .table .pending{padding: 2px 8px;}
	.dashboard_referal_main_div > .referal_box{font-size:12px;}
	.signup .outer_signup_div{width:289px;}
	.bottom_wrapper .send_message1 .text1{padding: 3.3vw;}
	.view_page .views .top_section .first .category{display: block; margin: 0px auto;  float: none;}
	/*.blockPage{left: 6% !important;width: 276px !important;}*/
    .index_page_bg {      background-position: center 8.2%  }
  /*   .inner_body .business .box {padding-bottom: 21.5vw;} */
    .company_logos .logos { width: 65%;}
 /*    .second {  width: 44% !important;} */
    .teams_block .first_section {  top: 9.5%;}
    .second_block_bg { height: 945px;}
    .contact .forms .heading, .contact .forms .sub_heading { font-size: 5vw;}
    .contact .support_contact .call a {  font-size: 4.5vw;}
    .contact .support_contact .customer_service .title { font-size: 5vw;}
    .contact .support_contact .call img {width: 10.6vw;}
    .login .forms .recaptcha { margin: 6vw 4vw 1vw;}
    .signup .signup_bg .social_icons { width: 50%;}
    .signup .forms .box { right: -26%; bottom: -19%;}
    .signup .recaptcha { margin: 0vw 2vw 1.5vw;}
    .meeting_page .second_section .first_col .titles { font-size: 5.5vw;}
    .meeting_page .second_section .first_col .description {font-size: 3.5vw;}
    .meeting_page .second_section .teams_names .card {width: 80%; padding-bottom: 8vw;}
    .billing_page .second_row_block .manage .first_card .manage_cards .primary_button{    bottom: 7%;}
    .billing_page .line {width: 40%;}
    .dashboard_page .dashbord .request .first_box .contact_icons li a img {  width: 9vw;  margin: 5vw 3.5vw 3.5vw;}
    .dashboard_page .dashbord .request .first_box .contact_icons {  width: 72%;}

    .manage_page .manages .request .first_box {   padding: 5vw;}
    .manage_page .manages .request .first_box .heading { font-size: 5vw;}
    .manage_page .manages .request { margin: 1vw 1vw 12vw;}

    .freelenser_forms .recaptcha { margin: 3vw 6.4vw 1.5vw;}
    .freelenser .main_heading { font-size: 5vw; padding: 4vw 0px; }
    .submitrequest .box1 { height: 100px;}
    .submitrequest .box .sub_titles1{margin: 0px;}
    .submitrequest .box3 { padding-top: 1vw;}
    .submitrequest .box2 { height: 115px;}
    .submitrequest .box2 .titles { padding: 6px 0.5vw;}
/* 
    .view_page .view_heading { font-size: 5.3vw;  top: 10%;} */
    .view_page .views .top_section .first .titles { font-size: 6vw;}
    .view_page .views .top_section .first { margin-bottom: 6vw;}
/*     .view_page .views { margin: 20vw auto;} */
    .view_page .views .box_menu li { padding: 2.5vw; width: 100%;  border-bottom: 1px solid rgb(239, 239, 239);}

    /* .message_page .vertical-tabs .nav.nav-tabs {max-width: 32.5%;} */
	  .work_history .col_one ul.stars { float: none; margin-bottom: 10px;width: 100%;}
	  
	      .second_columns .media_symbles { max-width: 100%;}
    .virtualwallet .wallet_box .withdrawal .withdrawal_amount .choose, .virtualwallet .wallet_box .withdrawal 				   .withdrawal_heading { font-size: 20px;}
    .virtualwallet .nav-link {font-size: 20px;}
    
}