/*
Theme Name: kandoonet
Author: RBCo.
Author URI: http://rahbazan.com
Description: Freelancing Web Site...
Version: 1.0.0
*/


/***************** END FONT FAMILY CSS ******************/

@import url('assets/css/fonts.min.css');

/***************** Global CSS ******************/
:root{
	--main-color : #ffba08;
	--second-color : #f48c06;
	--third-color: #fff7ee;
	--text-color: #333;
	--border-radius: 8px;
	--box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
img{
	max-width: 100%;
	height: auto;
}
a, a:hover{
	text-decoration: none;
}
li, ul{
	list-style: none;
}
p{
	margin: 0;
	color: var(--text-color);
}
.w-100 {
	width: 100% !important;
}
body {
	padding-top: 58px;
}
input:focus-visible , select:focus-visible{
	border: 1px solid var(--main-color) !important;
	box-shadow: unset !important;
	outline: 0 !important;
}
.logo{ display: inline-block;}
.logo img{
	width: 130px;
}
*{
	margin: 0;
	padding: 0;
}
.rb_overlay{
	position: fixed;
	background: #0002;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s linear;
	z-index: 9995;
}
.rb_overlay.active{
	opacity: 1;
	visibility: visible;
}
.rb_flex_start_wrap{
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
}
.rb_flex_column_wrap{
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: column;
}
.main_title{
	font-size: 30px;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.main_sub_title {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #333;
}
.main_sub_title_desc{
	display: block;
	text-align: right;
	font-size: 13px;
	font-weight: 300;
	color: #555;
	margin-top: 5px;
}
.form_group.error , .safe_pay_box.error input{border-color: #dd4848 !important;}
.form_group.success{border-color: #08b908 !important;}
.form_group.error::after, .safe_pay_box.error::after {background: #ffe9e9 !important;}
.form_group.success::after {background: #08b908 !important;}
.kandoo_flex_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.kandoo_flex_center_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	width: 100%;
}
.kandoo_flex_column{
	display: flex;
	flex-direction: column;
}
.kandoo_flex_start_wrap{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
	width: 100%;
}
.kandoo_nice_btn {
	font-size: 13px;
	color: #666;
	font-weight: 400;
	transition: 0.2s linear;
	position: relative;
	min-width: 120px;
	text-align: center;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c4c4c4;
	border-radius: 50px;
	gap: 5px;
	white-space: nowrap;
	background: transparent;
}
.kandoo_nice_btn:hover{
	border-color: var(--main-color);
	background: #ffffe8;
	color: #666;
}
.kandoo_nice_btn:hover::before {
	filter: grayscale(0);
}
.kandoo_nice_btn::before {
	content: "";
	background: url(/wp-content/uploads/2024/01/cropped-kandoonet_favicon-1-32x32.webp) round;
	width: 16px;
	height: 16px;
	filter: grayscale(1);
	transition: 0.2s linear;
}
.kandoo_btn, .kandoo_outline_btn{
	background: var(--main-color);
	color: #000;
	min-width:120px;
	min-height:46px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin: auto;
	font-size: 13px;
	font-weight: 500;
	border: 1px solid var(--main-color);
	border-radius: var(--border-radius);
	transition: 0.2s linear;
	cursor:pointer;
}
.kandoo_outline_btn:focus:focus-visible {outline: 0;}
.kandoo_btn:focus:focus-visible {
	outline: 0;
	box-shadow: inset 0 0 100px #0001;
}
.kandoo_back_bank.kandoo_back_bank_error{
	border-color: var(--second-color);
	background: #fff5e3;
}
.kandoo_back_bank img{
	max-width: 80px;
}
.copied{
	background: #ddd !important;
	pointer-events: none;
}
.kandoo_back_bank.kandoo_back_bank_success{
	border-color: #7fe08a;
	background: #e9ffea;
}
.kandoo_back_bank{
	width: 300px;
	margin: 20px auto;
	border: 1px solid ;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.kandoo_btn:hover{
	background: transparent;
}
.kandoo_outline_btn{
	background: transparent;
	color: var(--main-color);
}
.kandoo_outline_btn:hover{
	background: var(--main-color);
	color: #000;
}
.kandoo_check:checked + label::before {
	filter: grayscale(0);
}
.kandoo_check{display: none;}
.kandoo_check + label{ position: relative;padding-right: 25px;cursor: pointer;font-size: 14px; }
.kandoo_check + label::selection{background: transparent;}
.kandoo_check:checked + label::before {
	filter: grayscale(0);
	transform: translateY(-50%) rotate(0deg);
}
.kandoo_check + label::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	background: url(/wp-content/uploads/2024/01/cropped-kandoonet_favicon-1-32x32.webp) round;
	width: 19px;
	height: 19px;
	filter: grayscale(1);
	transition: 0.2s linear;
	transform: translateY(-50%) rotate(-180deg);
}
.project_title {font-size: 16px;color: #333;}
.tooltip{position: relative;}
.tooltip:after{
	content: attr(data-content);
	position: absolute;
	top: calc(100% + 7px);
	right: 0;
	background: #666;
	font-size: 12px;
	text-align: justify;
	color: #fff;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	padding: 15px;
	min-width: 200px;
	cursor: pointer;
	max-width: 200px;
	white-space: normal;
	font-weight: 400;
	line-height: 20px;
	z-index: 10;
	transition: 0.1s linear;
}
.tooltip:before{
	content: '';
	position: absolute;
	top: calc(100% - 7px);
	right: 15px;
	border-style: solid;
	border-width: 7px;
	border-color: transparent transparent #666;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	border-radius: 2px;
	transition: 0.1s linear;
}
.tooltip:hover:after, .tooltip:hover:before{
	opacity: 1;
	visibility: visible;
}
.kandoo_page_title{
	border-radius: 10px;
	background: #f6f9fb;
	padding: 40px;
	color: #333;
	font-size: 25px;
	font-weight: 700;
	width: 1000px;
	max-width: 100%;
	margin: 30px auto 0;
}
.kandoo_title{
	display: inline-block;
	position: relative;
	border-radius: var(--border-radius);
	color: #222;
	font-size: 18px;
	text-align: right;
	padding-right: 30px;
	margin-bottom: 30px;
}
.kandoo_title:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: url(/wp-content/uploads/2024/01/cropped-kandoonet_favicon-1-32x32.webp) round;
	width: 20px;
	height: 20px;
}
.border{
	border: 1px solid #e6e6e6;
	padding: 20px;
	border-radius: var(--border-radius);
}
.kandoo_section{
	margin-bottom: 25px;
	padding: 20px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.kandoo_link_box{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.btn_loading{
	position: relative;
	font-size: 0 !important;
}
.btn_loading svg{display: none;}
.btn_loading::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 28%;
	left: 40%;
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	border-color: #eee #eee #eee #222;
	animation: btn_loading 0.8s infinite linear;
}
@keyframes btn_loading{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg) ;}
}
.select2-input {
	width: 100% !important;
}


/***************** END Global CSS ******************/

/***************** HEADER CSS ******************/
.rb_header{
	background-color: #fff;
	box-shadow: 0 0 10px #0001;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	padding: 5px 0;
	z-index: 9997;
}
.rb_header .user_account_toggle{
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
}
.rb_header .user_account_toggle .user_account_img {
	width: 40px;
	border-radius: 50px;
}
.rb_header .header_icons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 25px;
}
.rb_header .header_icons > span{
	cursor: pointer;
	position: relative;
	transform: translateY(12px);
}
.rb_header .header_icons > span:hover svg{
	fill: var(--main-color);
	transition: 0.1s linear;
}
.rb_header .header_icons .badge_alert{
	background: var(--main-color);
	width: 18px;
	height: 18px;
	border-radius: 30px;
	color: #000;
	font-size: 11px;
	font-weight: 700;
	padding-top: 2px;
	position: absolute;
	top: -10px;
	right: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.chat_offcanvas_wrap, .notification_offcanvas_wrap{
	position: fixed;
	top: 58px;
	left: 0;
	width: 320px;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px #0001;
	transform: translatex(-320px);
	transition: 0.3s linear;
	z-index: 9996;
}
.chat_offcanvas_wrap.active, .notification_offcanvas_wrap.active{
	transform: translatex(0px);
}
.chat_offcanvas_wrap .offcanvas_close_btn,
.notification_offcanvas_wrap .offcanvas_close_btn{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.offcanvas_search_wrap{
	background: var(--main-color);
	padding: 8px;
	border: 1px solid #eee;
	margin-top: 35px;
}
.offcanvas_search_wrap input{
	width: 90%;
	padding: 5px;
	background: transparent;
	border: 0;
	color: var(--text-color);
	font-size: 13px;
}
.offcanvas_search_wrap input:focus{
	border: 0 !important;
	outline: 0;
	box-shadow: unset;
}
.offcanvas_search_wrap button{
	background: transparent;
	border: 0;
}
.rb_header .user_account_name{ 
	position: relative;
}
.rb_header .user_account_name:after{ 
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	width: 14px;
	height: 14px;
	position: absolute;
	left: -20px;
	top: 2px;
	transition: 0.2s linear;
}
.rb_header .user_account_name.active:after{
	transform: rotate(90deg);
}
.user_account_sidemenu{
	position: fixed;
	top: 58px;
	right: 0;
	width: 300px;
	height: 100%;
	background: #333;
	transform: translatex(300px);
	transition: 0.3s linear;
	z-index: 9996;
}
.user_account_sidemenu.active{
	transform: translatex(0px);
}
.user_account_sidemenu .user_account_sidemenu_nav a{
	position: relative;
	padding: 13px 45px 13px 0;
	display: block;
	color: #999;
	font-size: 14px;
	transition: 0.2s linear;
}
.user_account_sidemenu .user_account_sidemenu_nav a:hover{
	transform: translatex(-5px);
}
.user_account_sidemenu .user_account_sidemenu_nav a:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	filter: grayscale(1);
}
.user_account_sidemenu_nav .add_project:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffba08' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'%3E%3C/path%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'%3E%3C/path%3E%3C/svg%3E");
}
.user_account_sidemenu_nav .project_list:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffba08' class='bi bi-house' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E");
}
.user_account_sidemenu_nav .edit_profile:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffba08' class='bi bi-pencil-square' viewBox='0 0 16 16'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/svg%3E");
}
.user_account_sidemenu_nav .edit_account:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffba08' class='bi bi-person-check' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M8.256 14a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1z'/%3E%3C/svg%3E");
}
.user_account_sidemenu_nav .help:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffba08' class='bi bi-question-octagon' viewBox='0 0 16 16'%3E%3Cpath d='M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E");
}
.user_account_sidemenu_nav .logout:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffba08' class='bi bi-box-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0z'/%3E%3Cpath fill-rule='evenodd' d='M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708z'/%3E%3C/svg%3E");
}
.user_account_sidemenu_nav{padding-right: 8px;}
.user_account_sidemenu .user_account_sidemenu_nav a:hover,
.user_account_sidemenu .user_account_sidemenu_nav a:hover:before{color: #fff;filter: grayscale(0);}
.user_account_sidemenu .user_account_sidemenu_header{
	padding: 30px 15px;
}
.user_account_sidemenu .user_account_sidemenu_header a,
.user_account_sidemenu .user_account_sidemenu_header .user_account_point{
	color: #fffd;
	font-size: 12px;
	position: relative;
	padding-right: 25px;
}
.user_account_sidemenu .user_account_sidemenu_header a:hover,
.user_account_sidemenu .user_account_sidemenu_header .user_account_point:hover{
	color: var(--main-color);	
}
.user_account_sidemenu .user_account_name:before{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: -4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ddd' class='bi bi-person-check' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M8.256 14a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1z'/%3E%3C/svg%3E");
}
.user_account_sidemenu .account_type b{font-size: 11px;color:#fffa;font-weight:500;}
.user_account_sidemenu .account_type:before{
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	right: 0;
	top: -4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23ddd' class='bi bi-three-dots' viewBox='0 0 16 16'%3E%3Cpath d='M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
}
.user_account_sidemenu .account_type.user_boronze:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23f7a072' class='bi bi-award' viewBox='0 0 16 16'%3E%3Cpath d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
}
.user_account_sidemenu .account_type.user_silver:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23ced4da' class='bi bi-award' viewBox='0 0 16 16'%3E%3Cpath d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
}
.user_account_sidemenu .account_type.user_gold:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23ffba08' class='bi bi-award' viewBox='0 0 16 16'%3E%3Cpath d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702z'/%3E%3Cpath d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/%3E%3C/svg%3E");
}
.user_account_sidemenu .user_account_sidemenu_header .user_account_img{
	width: 60px;
	border-radius: 50px;
}
.user_account_sidemenu .user_account_sidemenu_footer{
	background: var(--main-color);
	padding: 30px 15px;
	position: absolute;
	bottom: 58px;
	right: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: #000;
}
.user_account_sidemenu_footer a{color: #000;}
.user_account_sidemenu_footer .user_account_amount ,
.user_account_sidemenu .user_account_point{
	position: relative;
	padding-right: 20px;
}
.user_account_sidemenu_footer .user_account_amount:before{
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23000' class='bi bi-wallet2' viewBox='0 0 16 16'%3E%3Cpath d='M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-9a1.5 1.5 0 0 1 1.432-1.499zM5.562 3H13V1.78a.5.5 0 0 0-.621-.484zM1.5 4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
}
.user_account_sidemenu .user_account_point b{
	font-size: 10px;
}
.user_account_sidemenu .user_account_point:before{
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 3px;
	top: -2px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ddd' class='bi bi-star' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3E%3C/svg%3E");
}

/***************** END HEADER CSS ******************/

/***************** BODY CSS ******************/
.kandoo_main_content_section{
	padding-bottom: 30px;
	background: #F8F9FC4F;
}
.kandoo_projects_wrap_list{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.kandoo_projects_list_wrap .kandoo_project_list_item{
	position: relative;
	padding: 20px 15px;
	border-radius: var(--border-radius);
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #ddd;
	transition: 0.2s all;
}
.kandoo_project_list_item:hover {
	border-color: #bbb;
}
.project_tag {
	position: absolute;
	left: -10px;
	top: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 24px;
	font-size: 12px;
	padding-left: 8px;
	color: #fff;
	font-weight: 600;
	z-index: 1;
}
.project_tag:before {
	content: '';
	position: absolute;
	left: 1px;
	top: -8px;
	border-style: solid;
	border-width: 4px;
	border-color: transparent #ff4800 #ff4800 transparent;
}
.kandoo_projects_list_wrap .kandoo_project_list_item.special{
	background: #fffef7;
	border-color: var(--second-color);
}
.kandoo_projects_list_wrap .kandoo_project_list_item.special .send_offer:before{filter: grayscale(0);}
.project_tag:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-width: 11px 10px 11px 0;
}
.project_tag:nth-child(1) {width: 65px;padding-right: 15px;background: #ff6000;z-index:3;}
.project_tag:nth-child(2) {width: 125px;padding-right: 10px;background: #ff8500;z-index:2;}
.project_tag:nth-child(3) {width: 185px;padding-right: 5px;background: #ffaa00;z-index:1;}
.project_tag:nth-child(1):after {border-color: #ff6000 transparent #ff6000 #ff6000;}
.project_tag:nth-child(2):after {border-color: #ff8500 transparent #ff8500 #ff8500;}
.project_tag:nth-child(3):after {border-color: #ffaa00 transparent #ffaa00 #ffaa00;}
.kandoo_project_list_item .project_content {
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
	min-height: 54px;
	line-height: 20px;
}
.kandoo_project_list_item .project_info{margin-top: auto;text-align: center;}
.kandoo_project_list_item .project_info_col{
	display: flex;
	flex-direction: column;
}
.project_info_min_price{
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}
.project_info_min_price b{font-size: 11px;margin-right: 2px;}
.project_bid{
	width: fit-content;
	position: relative;
	font-size: 15px;
	color: #444;
	margin-bottom: 10px;
	display: block;
	text-align: right;
}
.kandoo_projects_list_wrap .kandoo_project_list_item .send_offer {
	padding: 22px 10px !important;
	border-radius: var(--border-radius);
	margin-top: 10px;
	font-size: 13px;
	font-weight: 700;
}
.kandoo_projects_list_wrap .kandoo_project_list_item.special :is(.project_skill , .send_offer){
	border: 1px solid var(--second-color);
	background: #ffffe8;
}
.project_skills {
	display: flex;
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}
.project_skill{
	padding: 5px;
	border-radius: 3px;
	background: #f3f3f3ab;
	font-size: 12px;
	color: #000d;
	border: 1px solid #ddd;
	cursor: pointer;
	transition: 0.2s linear;
}
.project_skill:hover {
	transform: translatey(-4px);
}
.chat_wrap, .notification_wrap{
	scrollbar-width: thin;
	overflow: auto;
	height: 80%;
}
.notification_wrap{height: 100%;margin-top: 30px;}
.chat_wrap::-webkit-scrollbar, notification_wrap::-webkit-scrollbar {width: 8px;}
.chat_wrap::-webkit-scrollbar-track, .notification_wrap::-webkit-scrollbar-track {background: #eee;}
.chat_wrap::-webkit-scrollbar-thumb, .notification_wrap::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 20px;}
.chat_item_wrap, .notification_item_wrap{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.chat_item_wrap:hover, .notification_item_wrap:hover{
	background: #ffdf8c26;
}
.chat_item_wrap .chat_user_image{ position: relative; }
.chat_item_wrap .chat_user_image img , .notification_item_wrap img{
	width: 40px;
	height: 40px;
	border-radius: 40px;
}
.chat_item_wrap .chat_user_image .user_online_status{
	width: 10px;
	height: 10px;
	border-radius: 40px;
	background: #ddd;
	position: absolute;
	bottom: 8px;
	right: 0;
}
.chat_item_wrap .chat_text, .notification_item_wrap .notification_text{
	color: #555;
	display: flex;
	flex-direction: column;
	font-size: 11px;
	font-weight: 300;
}
.chat_item_wrap .chat_text strong{
	font-weight: 500;
	color: #444;
	font-size: 13px;
}
.chat_item_wrap .chat_date{
	position: absolute;
	left: 8px;
	top: 14px;
	font-size: 11px;
	color: #555;
	font-weight: 300;
}
.notification_item_wrap .notification_date{
	font-size: 11px;
	color: #555;
	font-weight: 300;
	margin-top: 8px;
}
.formated_price{
	position: absolute;
	left: 10px;
	top: 12px;
	font-size: 12px;
	background: #f6f9fb;
	border-radius: 4px;
	padding: 5px;
	min-width: 100px;
	color: #333;
	font-weight: 700;
	min-height: 33px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kandoo_sticky_alert{
	position: fixed;
	right: 30px;
	bottom: -100px;
	min-width: 300px;
	padding: 15px;
	background: #a7f0a7;
	font-size: 14px;
	text-align: center;
	color: #000;
	text-align: center;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 12px;
	z-index: 99996;
	transition: 0.4s all;
}
.kandoo_sticky_alert.active{
	bottom: 30px;
}
.kandoo_sticky_alert.error{
	background: #ff00009e !important;
	color: #fff;
}






/***************** END BODY CSS ******************/

/***************** FOOTER CSS ******************/
footer{
	background-color: #fff;
	box-shadow: 0 0 10px #0001;
}
.rb_footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #777;
	padding: 0 15px;
}
.rb_footer .footer_social_media {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.rb_footer .footer_social_media a:hover svg{
	fill: var(--main-color);
	transition: 0.1s linear;
}
.rb_footer .rb_footer_copyright{
	position: relative;
}
.rb_footer .rb_footer_copyright:before{
	content: '';
	width: 150px;
	height: 2px;
	border-bottom: 1px dashed #ccc;
	display: block;
	position: absolute;
	left: -80%;
	top: 10px;
}
.rb_footer .rb_footer_copyright:after{
	content: '';
	width: 150px;
	height: 2px;
	border-bottom: 1px dashed #ccc;
	display: block;
	position: absolute;
	right: -80%;
	top: 10px;
}
/***************** END FOOTER CSS ******************/




/***************** QMEDIA CSS ******************/
@media (max-width: 991px){
	.kandoo_title{font-size: 16px;padding-right: 30px;margin-bottom: 20px;}
	.kandoo_title::before{width: 18px;height: 18px;	}
	.rb_header .user_account_toggle .user_account_img {width: 35px;}
	.rb_header .header_icons svg{
		width: 18px;
		height: 18px;
	}
	.rb_header .header_icons > span {transform: translateY(8px);}
	.user_account_sidemenu {
		top: 45px;	
	}
	.logo img{
		width: 80px;
	}
	.rb_footer {
		font-size: 11px;
		flex-wrap: wrap;
	}
	.rb_footer .logo{
		flex: 0 0 100%;
	}
	.rb_footer .footer_social_media svg{
		width: 18px;
		height: 18px;
	}
	.rb_footer .rb_footer_copyright:after , .rb_footer .rb_footer_copyright:before{
		display: none;
	}
	.form_group{position: relative;padding: 10px;}
	.form_group :is(input, textarea)::placeholder{font-size: 12px;min-height: 24px;}
	.form_group label{position: absolute;top: 12px;font-size: 12px;}	
}



















/******************* Bootstrap  v5.3.2 *********** */
* , :before , :after {box-sizing: border-box;}.text-center{text-align:center !important;}.container{width: 95%;margin: auto;}.row{display:flex;flex-wrap:wrap;}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-20_0,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-20_0,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-20_0,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-20_0{flex:0 0 20%;max-width:20%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}}@media (min-width:769px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-20_0{flex:0 0 20%;max-width:20%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}}@media (min-width:1025px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg-20_0{flex:0 0 20%;max-width:20%}.col-lg-14_3{flex:0 0 14.285714%;max-width:14.285714%}.col-lg-12_5{flex:0 0 12.5%;max-width:12.5%}.col-lg-11_1{flex:0 0 11.111111%;max-width:11.111111%}.col-lg-10_0{flex:0 0 10%;max-width:10%}.col-lg-9_1{flex:0 0 9.090909%;max-width:9.090909%}.order-lg-first{order:-1}.order-lg-last{order:13}}@media (min-width:1200px){.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}}.align-items-start{align-items:flex-start!important}.mb-3{margin-bottom:15px!important;}.gap-1{gap:10px;}.gap-2{gap:15px;}.gap-3{gap:20px;}.d-none{display:none!important;}.d-flex{display:flex!important;}.justify-space-between{justify-content:space-between!important;}.align-items-center{align-items:center!important;}.form_group{position: relative;padding: 15px;border:1px solid #ddd;border-radius: 5px;margin: 15px 0;}.form_group label{position: absolute;top:18px;right: 12px;background:#fff;padding:2px 8px;font-size: 13px;color: #333;transition: 0.2s linear;}.form_group textarea + label{top:12px;}.form_group input:focus, .form_group textarea:focus,.form_group input:focus-visible, .form_group textarea:focus-visible, .form_group.have_content :is(input, textarea){outline: 0 !important;padding-right:5px;box-shadow:unset!important;border:0 !important;}.form_group :is(input, textarea)::placeholder{font-size: 14px;color: #888;}.form_group :is(input, textarea):focus + label, .form_group.have_content label{top:-10px;font-size: 11px;color: #666;}.form_group :is(input, textarea){min-height:26px;border: 0 !important;font-size: 14px;color: #333;padding-right: 100px;width: 100%;transition: 0.2s linear;}.mt-4{ margin-top: 25px;}.mt-3{ margin-top: 20px;}.mt-2{ margin-top: 15px;}.my-3{margin:25px 0;}


/* select css */
.custom-select{position:relative;font-family:Arial}.custom-select select{display:none}.select-selected{background-color:#1e90ff}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent}.select-items div,.select-selected{background: rgba(243, 242, 240, 0.54);border-radius: 5px;margin-bottom: 3px;font-size: 14px;color: var(--text-color);padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,0.1);cursor:pointer}.select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border-radius: 6px;padding: 5px;}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:var(--main-color);}