.balance{font-size: 20px;
    font-weight: 900;}
.balance span{
color: var(--color-primary-3);     font-weight: 900;	
}
.form_login{
	max-width: 300px;
}
.form_login label{
	    display: block;    font-size: 12px;
    font-weight: 900;    margin-bottom: 5px;
}
.form_login .input_field {
	margin-bottom: 40px;
}
.form_login input[type=text], .form_login select, .form_login input[type=password], .form_login input[type=email]{
	outline:none;    
    border: unset;
    border-bottom: 1px solid;
    border-color: var(--color-primary-3);   
    width: 100%;    padding: 8px;
}
.form_login input[type=submit]{
	    background: var(--color-primary-3);
    border: unset;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    border-radius: 4px;cursor: pointer;
}

.form_details{
	display:flex;flex-wrap: wrap;
max-width: unset;
}
.form_details .input_field{
	    width: 30%;    margin-right: 3%;
}
input[disabled='disabled']{
  background: #80808082;     
}

.input_field_brands{
	width:100%;
}
.input_field_brand{    margin-right: 10px;}


.input_checkbox {
    display: none;
}
.input_checkbox + label {
    position: relative;
    padding-left: 20px;
    height: 1.5em;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;    font-weight: 100;
}
.input_checkbox + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.input_checkbox:checked + label::before {
    border-color: var(--color-primary-3);
    background-image: url('/blog/wp-content/themes/x-easydiag/images/checkbox_checked.png');
    background-size: contain;
}
.input_checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: var(--color-primary-3);
}

.input_checkbox:disabled + label {
    color: #aaa;
    cursor: not-allowed;
}
.input_checkbox:disabled + label::before {
    border-color: #ccc;
}
.input_checkbox:disabled:checked + label::before {
    background-image: url('/wp-content/uploads/2023/11/checkbox_disabled.png');
}
.input_field_brands_part .check_all{
	    font-size: 10px;
    margin-left: 10px;
    color: var(--color-primary-3);
}

.input_field_textarea{    width: 100% !important;}
.reg_in_site{
	font-size:12px;
	position: relative;
    top: -30px;
}
.suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}}

.sec-contact {height:500px; position:relative; overflow:hidden;font-size: 13px;}
.sec-contact .contact {
    background: var(--color-primary-4);
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 15px;
    background: var(--color-primary-4);
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 15px;
    position: absolute;
    width: 30%;
    z-index: 1;
    right: 10%;
    top: 5%;
    height: 90%;
}



.user_contact .address {align-items:center; margin:20px 0}
.user_contact .contact {    background: white;
    margin-bottom: 20px;
    border-radius: 12px;
    padding: 15px;
    position: absolute;
    width: 30%;
    z-index: 1;
    right: 10%;
    top: 5%;
    height: 90%;}
.user_contact .contact a {text-decoration:none;   color: black;}
.user_contact .list-contact {margin-bottom:20px; width:50%; font-size:13px}
.user_contact .list-contact span {display:block; font-weight:400}
.user_contact .fa{
	 color: white;
    width: 25px;
    height: 25px;
    font-size: 18px;
}
.user_contact .fa-home, .user_contact .phone	{
		background: var(--color-primary-3);
   
}
.user_preview{
	     background: #f0f0f0;
    margin: 50px 0;
    padding: 20px 20px;
    border-radius: 10px;
    font-size: 13px;
}
.part_service{
	font-size:13px;    background: #f0f0f0;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
}
.part_service .user_name{
	width:15%;
}
.part_service .user_address{
	width:15%;
}

.part_service .user_skill{
	width:15%;
}
.part_service .user_price{
	width:10%;
}

.part_service .user_contact{
	width:25%;
}
.part_service .user_contact a{
	color:black
}
.part_service .user_delivery{
	width:15%;
}
.part_service .user_map a{
	color: black;    font-size: 10px;
}

.part_service .label{
	font-weight:900;    font-size: 10px;
}
.part_service .user_more a{
	background: var(--color-primary-3);
    color: white;
    padding: 7px 15px;
    border-radius: 4px;
}
.service_description{
	  background: #f0f0f0;
    margin: 50px 0;
    padding: 20px 20px;
    border-radius: 10px;
    font-size: 13px;
}
.add_service a{    background: var(--color-primary-3);
    color: white !important;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 13px;}
	
.btn_account a	{background: var(--color-primary-3);
    color: white !important;
    padding: 10px 15px;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 12px;}

@media only screen and (max-width:1024px) {
.form_details .input_field {
width: 47%;}

.user_contact .contact{
	    position: static;
    width: 100%;
    height: unset;
}

.part_service .user_name, .part_service .user_address, .part_service .user_skill, .part_service .user_price  {
    width: 33%;
}
.part_service .user_contact {
    width: 67%;
}
.part_service .user_delivery {
    width: 100%;
}

}