@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/EurostileRegular.woff2') format('woff2'),
        url('../fonts/EurostileRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/Eurostile-Med.woff2') format('woff2'),
        url('../fonts/Eurostile-Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-color: #043D5B;
    --body-color: #F5F7FA;
    --powder-color: #DDEAF6;
    --secondary-color: #C96F10;
    --ice-color: #EBF2FA;
	--dark-orange: #a86118;
	--link-text-color: var(--primary-color);
	--hover-color:#fbfbfb;

    --primary-font: 'DM Sans', sans-serif;
	--secondary-font: 'Eurostile', sans-serif;
	
	--h1-sty: 72px;
	--h2-sty:48px;
	--h3-sty:30px;
	
	--header-height: var(--top-height, 70px);;
}
.admin-bar body{
	--header-height: 102px;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--secondary-font);
	color:var(--primary-color);
    background-color: var(--body-color);
	line-height: 1.4;
}
body:has(.jobdetail-drawer.side-drawer.active) {
    overflow: hidden;
}
* {
    box-sizing: border-box;
}
.d-none{
	display:none !important;
}
img{
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6{
	font-weight:500;
	font-family: var(--secondary-font);
	margin-top:0;
}
.btn{
	display:inline-flex;
	gap:6px;
	align-items:center;
	text-decoration:none;
	justify-content:center;
	text-align:center;
	line-height:1;
	white-space:nowrap;
}
a, button, input[type="submit"]{
	cursor: pointer;
	font-family:var(--secondary-font);
}
a{
	text-decoration: none;
	color:var(--secondary-color);
}
.mepr_error a {
    color: var(--secondary-color);
    text-decoration: underline;
}
.mt-1 {
    margin-top: 1rem !important;
}
.mb-2{
	margin-bottom:1.2rem !important;
}
.mb-3{
	margin-bottom:3rem !important;
}
.mt-4{
	margin-top:4rem !important
}
.mb-4{
	margin-bottom:4rem !important;
}

.pt-1 {
    padding-top: 10px !important;
}
.pt-2 {
    padding-top: 18px !important;
}
.btn i {
    font-size: 1.2em;
	
}
p{
	margin-top:0;
}
.mt-2 {
    margin-top: 1.8rem;
}
.flex-wrap{
	flex-wrap:wrap !important;
}
.profile-image-upload #removePhotoBtn {
    color: #ce1a1a;
}

.profile-image-upload #removePhotoBtn svg {color: #ce1a1a;}

.profile-image-upload #removePhotoBtn svg path {
    stroke: currentColor;
}
.signupform-wrapper .note {
    margin-top: 40px;
    text-align: center;
	font-size:18px;
}
.grid-row{
	display:grid;
	gap:20px;
}

body.popup-filter-open {
    overflow: hidden;
}

.splide__arrow:disabled {
    display: none;
}
.gap-1{
	gap:1rem !important;
}
.grid-row.col-1{
	grid-template-columns:repeat(1, 1fr);
}
.grid-row.col-2{
	grid-template-columns:repeat(2, 1fr);
}
.grid-row.col-3{
	grid-template-columns:repeat(3, 1fr);
}
.grid-row.col-4{
	grid-template-columns:repeat(4, 1fr);
}
.grid-row.col-5{
	grid-template-columns:repeat(5, 1fr);
}
.m-title {
    font-size: 20px;
    font-weight: 500;
	margin:0 0 20px;
}
.top-dashboard-wrap .container .num-dashboard-grid, .top-dashboard-wrap .container .main-inner-grid-wrap {
    margin-bottom: 20px;
}

.border-btn.btn {
    border: 1px solid var(--powder-color);
    padding: 11px 18px 9px;
    display: inline-flex;
    border-radius: 6px;
    color: var(--primary-color);
    font-size: 14px;
    text-decoration: none;
	background-color:transparent;
}
.border-btn.btn:hover{
	background-color:var(--primary-color);
	color:#fff;
	border-color:var(--primary-color);
}
.secondary-btn{
	padding:12px 18px;
	border-radius:6px;
	background-color:var(--primary-color);
	color:#fff;
	font-size:14px;
	text-decoration:none;
	border:none;
}
.secondary-btn:hover{
	background-color:var(--secondary-color);
	color:#fff;
}
.secondary-btn.btn.accept-btn{
	background: #55a558;
    color: #fff;
}
.secondary-btn.btn.reject-btn{
	background: #df372b;
    color: #fff;
}

.divide-gap-lists > * + *{
	padding-top:10px;
	margin-top:15px;
	border-top:1px solid var(--powder-color)
}

.mepr-form input.invalid, .mepr-form select.invalid,
.mepr-form textarea.invalid,
.mepr-form label.mepr-checkbox-field.invalid,
.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-form div.mepr-radios-field.invalid {
    border: 2px solid red !important;
    background-color: #ff666629 !important;
}


.divider {
    height: 12px;
    background: #f1f1f1;
/*     margin: 30px 0; */
}
.spinner {
	--border-color: var(--primary-color);
	--size: 20px;
    width: var(--size);
    height: var(--size);
    border: 2px solid var(--border-color);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


html:has(.notification-bar.show) {
    --header-height: var(--top-height, 105px);
}


/* Title CSS */

.dashboard-title .title {
    font-weight: 500;
    font-size: var(--h3-sty);
}
.main-title:has(.m-title + p) .m-title {
    margin-bottom: 0;
}

.main-title:has(.btn-wrap) .m-title {
    margin-bottom: 0;
}

.main-title:has(.btn-wrap) {
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap:25px;
}

.add-btn {
    font-size: 14px;
    background: #9CA3AF;
    padding: 10px ;
    border-radius: 8px;
    color: #F8FAFC;
}
.add-btn:hover{
	background-color:var(--primary-color);
	color:#fff;
}

.title-btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.title-btn-wrap .m-title {
    margin-bottom: 0;
}
.main-title .content p {
    font-size: 16px;
    color: #64748B;
    font-family: var(--primary-font);
    margin-top: 7px;
	margin-bottom:0;
}
.member-request-box .main-title .btn-wrap{
	margin-top: 3px;
}
.main-title:has(.content) {
    align-items: flex-start;
}
.page-title-content.center {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}
.page-title-content .title {
    margin-bottom: 0px;
}
.page-title-content .title {
    font-size: var(--h2-sty);
}
.page-title-content .content {
    font-family: var(--primary-font);
}
.page-title-content .content strong{
	font-weight:500
}

/* End Title CSS */

/* Notification bar */

.notification {
    background-color: var(--ice-color);
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 4px;
    padding: 15px 15px 14px 55px;
    font-style: italic;
    font-size: 16px;
    font-family: var(--primary-font);
    position:relative;
    overflow: hidden;
}
.single-job-page .notification {
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
}
.single-job-page:has(.notification) .single-job-detail-box.cutom-scroll-bar {
    padding-top: 65px;
}
.notification.accepted{
	background-color: #9bd8b2;
    color: #000;
}
.notification.rejected {
    background-color: #cc1515f7;
    color: #fff;
}

.notification.accepted:before,
.notification.rejected:before{
	content:'';
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	--size: 43px;
	width:var(--size);
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M256 46.387l214.551 427.613h-429.103l214.552-427.613zM256 0c-11.035 0-22.070 7.441-30.442 22.324l-218.537 435.556c-16.743 29.766-2.5 54.12 31.652 54.12h434.654c34.15 0 48.396-24.354 31.65-54.12h0.001l-218.537-435.556c-8.371-14.883-19.406-22.324-30.441-22.324v0z'%3E%3C/path%3E%3Cpath d='M288 416c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-17.673 14.327-32 32-32s32 14.327 32 32z'%3E%3C/path%3E%3Cpath d='M256 352c-17.673 0-32-14.327-32-32v-96c0-17.673 14.327-32 32-32s32 14.327 32 32v96c0 17.673-14.327 32-32 32z'%3E%3C/path%3E%3C/svg%3E%0A");
	background-size: 20px;
	background-position:center;
	background-repeat:no-repeat;
	background-color: #640c0d;
}
.notification.accepted:before{
	background-color: var(--user-color);
	color:#000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L12.5 10.5L8 15Z' fill='%23fff'/%3E%3C/svg%3E");
}


/* End notification bar */

.mepr-form input.invalid, .mepr-form select.invalid, .mepr-form textarea.invalid, .mepr-form label.mepr-checkbox-field.invalid, .mepr-form div.mepr-checkboxes-field.invalid, .mepr-form div.mepr-radios-field.invalid{
	background-color: transparent;
}

@media screen and (max-width:767px){
	.grid-row.col-2 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	
}

.main-dashboard-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--primary-color);
	padding-top:var(--header-height);
}

.page-container{
	max-width:1440px;
	padding:5px 20px;
	margin:0 auto;
}
.site-header .brand-logo img {
    max-width: 136px;
}
.num-dashboard-grid .box-wrap span.no-link,
.text-btn{	
	font-size:12px;
	font-weight:400;
	color:var(--primary-color);
	text-underline-offset: 2px;
}
.back-btn.text-btn {
    gap: 8px;
    padding: 0;
    align-items: center;
    line-height: 1;
	font-size: 13px;
	margin-bottom: 12px;
	text-transform:uppercase;
	color:var(--secondary-color);
	letter-spacing:0.4px;
	font-weight:500;
}
.top-dashboard-wrap:has(.address-save-notification) > .container {
    display: grid;
}

.top-dashboard-wrap:has(.address-save-notification) .dashboard-title {
    order: 1 !important;
}

.top-dashboard-wrap:has(.address-save-notification) > .container > * {
    order: 3;
}

.top-dashboard-wrap:has(.address-save-notification) .address-save-notification {
    order: 2 !important;
    margin-bottom: 30px;
    margin-top: -17px;
    font-weight: 600;
    padding: 12px 12px 12px 45px;
    background: var(--powder-color);
    border-radius: 5px;
    position: relative;
}
.address-save-notification:before {
    content:'';
    position:absolute;
    --size: 22px;
    width: var(--size);
    height: var(--size);
    border-radius: 17px;
    display: inline-flex;
    background-size: 20px;
    background-repeat:no-repeat;
    left: 18px;
    background-position: center;
    top: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L12.5 10.5L8 15Z' fill='%230fa00f'/%3E%3C/svg%3E");
}


.back-btn.text-btn span {
    text-decoration: none
}
.back-btn.text-btn:hover span{
	text-decoration:underline
}
.back-btn.text-btn:hover{
	color: var(--secondary-color);
}
.num-dashboard-grid .box-wrap,
.shadow-box{
	padding:24px;
	border-radius:8px;
	background-color:#fff;
	border: 1px solid var(--powder-color, #DDEAF6);
	box-shadow: 0px 1px 2px 0px #0000000D;
}
.num-dashboard-grid .box-wrap{
	height: 100%;
    display: grid;
    grid-template-columns: auto 50px;
    gap: 10px;
	align-items:center;
}
.num-dashboard-grid .box-wrap .icon-holder i{
	--size:48px;
	width:var(--size);
	height:var(--size);
	background-color:var(--ice-color);
	border-radius:50%;
	font-size:24px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.num-dashboard-grid span.num,
.num-dashboard-grid .box-wrap .title{
	display:block;
}
.num-dashboard-grid .box-wrap .title{
	font-size:14px;
	margin-bottom:0px;
}
.num-dashboard-grid .box-wrap span.num{
	margin-bottom:5px;
	font-size:30px;
}
.num-dashboard-grid .box-wrap .rating-lists{
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 16px;
}
.bottom-dashboard-wrap{
	--width:250px;
	--col-width: 55px;
}
.bottom-dashboard-wrap {
    display: grid;
    grid-template-columns: var(--width) calc(100% - var(--width));
    align-items: initial;
    min-height: calc(100vh - 70px);
}

.bottom-dashboard-wrap .side-dashboard-bar .wrapper{
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: calc(var(--space) + 30px) 10px 60px;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	width: var(--width);
	z-index: 25;
	--space: var(--header-height);
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: all 0.2s linear;
}

.admin-bar .bottom-dashboard-wrap .side-dashboard-bar .wrapper{
	--space: 97px;
}
.bottom-dashboard-wrap .side-dashboard-bar.menu-collapse .wrapper{
	width:var(--col-width);
	padding-inline: 5px;
}
.side-dashboard-bar.menu-collapse .contact-info ul a.item{
	grid-template-columns: auto;
/* 	justify-content: center; */
}
.bottom-dashboard-wrap > *{
	transition:all 0.2s linear;
}
.bottom-dashboard-wrap:has(.side-dashboard-bar.menu-collapse) {
    grid-template-columns: var(--col-width) calc(100% - var(--col-width));
}
body.admin-bar .bottom-dashboard-wrap {
	 min-height: calc(100vh - 123px);
}

.main-dashboard-header {
    width: 100%;
    flex: 0 0 100%;
 
    background-color: #fff;
    border-bottom: 1px solid var(--powder-color);
    position:fixed;
	z-index:50;
	top:0;
}
.main-dashboard-header .top-header-wrap{
	padding: 5px 20px;
}
.admin-bar .main-dashboard-header{
	top: 32px;
}

.notification-bar {
   
    text-align: center;
    font-size: 14px;
	position:relative;
}
.notification-bar .notifi-item{
	background-color: var(--primary-color);
    padding: 8px 40px;
    color: #fff;
	position:relative;
}
.notification-bar p {
    margin: 0;
}
.notification-bar .close-btn {
  	position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 1;
    padding: 5px;
	cursor:pointer;
}
.main-dashboard-header .grid-row {
    display: grid;
    grid-template-columns: 0.2fr auto;
    align-items: center;
}
.main-inner-grid-wrap:has(.full-width), 
.main-inner-grid-wrap > .full-width {
    grid-template-columns: 100%;
}
.main-inner-grid-wrap > * {
    display: grid;
    gap: 24px;
	place-content: flex-start;
	grid-template-columns:100%;
}
.side-dashboard-bar.menu-collapse .support-info > span.title {
/*     font-size: 14px;
    margin-left: -0px; */
	display: none;
}
.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a .text,
.side-dashboard-bar.menu-collapse .contact-info .content {
    display: none;
}

.main-dashboard-header .grid-row:has(.search-bar) {
    grid-template-columns: 0.2fr auto 0.2fr;
}

.main-dashboard-header .logo img {
    width: 100px;
}

.notification-box {
    display: flex;
    gap: 25px;
    justify-content: flex-end;
    align-items: center;
}
/* .profile-box:before {
    content: '';
    position: absolute;
    top: -21px;
    right: -10px;
    bottom: -22px;
    left: -10px;
} */
.profile-box .profile-dropdown {
    display: none;
    position: absolute;
/*     right: -27%; */
    right: 0;
    width: 191px;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px;
    top: 107%;
	overflow:hidden;
}
.user-img-box .user-name,
.profile-box .profile-btn {
	--size: 40px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden;
    background:var(--body-color);
    display: flex;
/* 	padding:12px; */
    justify-content: center;
    align-items: center;
	text-transform:uppercase;
	font-weight:500;
	font-size: 16px;
}
.user-img-box .user-name img,
.profile-box .profile-btn img.img-cover {
    border-radius: 50%;
}
.bottom-dashboard-wrap .side-dashboard-bar {
    position: relative;
}

.dashboard-menu-lists ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.support-info {
	margin-top:auto;
    padding: 0;
}

.dashboard-menu-lists ul a {
    display: flex;
    padding:10px;
    border-radius:6px;
    gap:9px;
    color: var(--primary-color);
    text-decoration: none;
    align-items: center;
	font-family:var(--primary-font);
	font-weight: 400;
}
.dashboard-menu-lists ul li + li {
    margin-top: 2px;
}
.dashboard-menu-lists ul a .icon-holder svg path {
    stroke: currentColor;
}
.dashboard-menu-lists ul a .icon-holder{
	flex: 0 0 26px;
    max-width: 26px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}
.dashboard-menu-lists ul a:hover,
.dashboard-menu-lists ul a.active {
    background: var(--ice-color);
    color:var(--secondary-color);
}

.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a{
	padding:10px;
	justify-content:center;
}
.main-dashboard-section .container {
    padding: 25px 50px;
	--container-width: 1440px;
    max-width: var(--container-width);
    margin: 0 auto;
	width:100%;
}
.main-inner-grid-wrap > .container {
    padding-top: 0;
}
.main-dashboard-section {
    display: flex;
    flex-direction: column;
}

.main-dashboard-section .bottom-footer-wrapper {
    margin-top: auto;
    border-top: 1px solid var(--powder-color);
    padding: 20px 50px 10px;
    font-size: 14px;
}

.search-bar form {
    max-width: 650px;
    margin: 0 auto;
}

.search-bar input[type="search"] {
  	width: 100%;
    padding: 14px 24px 14px 40px;
    border-radius: 70px;
    /* height: 60px; */
    background: #F5F7FA;
    border: 1px solid var(--powder-color);
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3359 18.2109L14.7344 13.6094C15.875 12.2188 16.5625 10.4375 16.5625 8.49609C16.5625 4.04297 12.9492 0.429688 8.49609 0.429688C4.03906 0.429688 0.429688 4.04297 0.429688 8.49609C0.429688 12.9492 4.03906 16.5625 8.49609 16.5625C10.4375 16.5625 12.2148 15.8789 13.6055 14.7383L18.207 19.3359C18.5195 19.6484 19.0234 19.6484 19.3359 19.3359C19.6484 19.0273 19.6484 18.5195 19.3359 18.2109ZM8.49609 14.957C4.92969 14.957 2.03125 12.0586 2.03125 8.49609C2.03125 4.93359 4.92969 2.03125 8.49609 2.03125C12.0586 2.03125 14.9609 4.93359 14.9609 8.49609C14.9609 12.0586 12.0586 14.957 8.49609 14.957Z' fill='%23043D5B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 13px 50%;
    outline:none !important;
    background-size: 18px;
	font-family:var(--secondary-fonts);
}

.profile-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-dropdown ul a {
 	text-decoration: none;
    color: var(--primary-color);
    padding: 9px 15px;
    display: block;
    font-size: 15px;
}
.profile-dropdown ul a:hover {
    background: var(--powder-color);
    color: var(--secondary-color);
}

.profile-box {
    position: relative;
	cursor:pointer;
	border-radius: 50%;
}

.profile-dropdown ul li:not(:last-child) {
    border-bottom: 1px solid var(--ice-color);
}
.profile-box:hover:before{
	content: '';
    position: absolute;
    top: -21px;
    right: -10px;
    bottom: -22px;
    left: -10px;
}
.profile-box:hover .profile-dropdown {
    display: block;
}
.contact-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-info ul a.item {
     gap: 3px;
    display: grid;
    grid-template-columns: 30px auto;
    text-decoration: none;
    color: var(--primary-color);
    padding: 10px 12px;
    border-radius: 6px;
}

.contact-info ul a.item:hover {
    background: var(--ice-color);
    color: var(--secondary-color);
}

.contact-info ul a.item .icon-holder {
    font-size: 18px;
	position:relative;
	top:2px;
}

.contact-info ul a.item .content span.title {
   	font-weight: 500;
}

.contact-info ul a.item .content span {
    display: block;
}

.support-info > span.title {
    display: block;
    margin-bottom: 21px;
    font-size: 18px;
    font-weight: 600;
}

.contact-info ul li + li {
    margin-top: 17px;
}
.inline-menu-list ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
}
.inline-menu-list ul li{
    position:relative
}
.inline-menu-list ul a {
    color: var(--link-text-color);
   
}
.inline-menu-list ul a:hover{
	color:var(--secondary-color);
	 text-decoration: underline;
}
.inline-menu-list ul li + li{
	padding-left:20px;
}
.inline-menu-list ul li + li:before {
    content:'';
    position: absolute;
    left:10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: var(--primary-color);
}
.dashboard-collapes-btn {
	position: fixed;
    left: calc(var(--width) - 44px);
/*     bottom: 21vh; */
	bottom: 6px;
    padding: 15px 12px;
    line-height: 1;
    cursor: pointer;
    background: #fff;
    transition: left 0.2s linear;
}
.side-dashboard-bar.menu-collapse .support-info{
	padding:0 11px;
}
.dashboard-menu-lists ul a .text,
.side-dashboard-bar .support-info .content{
	white-space: nowrap;
}
.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a .icon-holder{
	text-align:center;
}
.side-dashboard-bar.menu-collapse .dashboard-collapes-btn{
	left: calc(var(--col-width) - 44px);
	padding:12px;
	scale:-1;
}
.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a .icon-holder {
    font-size: 20px;
}
.dashboard-collapes-btn:hover {
    background: var(--ice-color);
    color: var(--secondary-color);
    border-radius: 6px;
}
.side-dashboard-bar.menu-collapse .contact-info a:hover {
    color: var(--secondary-color);
}

.side-dashboard-bar.menu-collapse .support-info {
    padding: 0;
}

.side-dashboard-bar.menu-collapse .support-info a.item {
    padding:10px;
    text-align: center;
    border-radius:6px;
	display:flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.side-dashboard-bar.menu-collapse .contact-info ul li + li {
    margin-top: 5px;
}

.side-dashboard-bar.menu-collapse .support-info a:hover{
    background: var(--ice-color);
    color: var(--secondary-color);
}

/* Main wrapper CSS */

.main-title .title {
    font-size: 28px;
    font-weight: 400;
}

.main-inner-grid-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.main-inner-grid-wrap.half-col{
	grid-template-columns: 0.7fr 1fr;
}
.rating-lists {
    display: flex;
}

.rating-lists ul {
   display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 3px;
}
.rating-lists ul li i{
	color: #FCC200;
    font-size: 22px;
}
.rating-lists span {
    padding-right: 9px;
}
.num-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap:20px
}
.num-dashboard-grid.membership-bar {
	  grid-template-columns: repeat(4, 1fr);
}
.num-dashboard-grid a.text-btn {
    padding: 0;
    border-radius: 0;
	text-decoration:underline;
	color: var(--secondary-color);
}
.num-dashboard-grid a.text-btn:hover{
	color: var(--dark-orange);
}

@media screen and (min-width: 1250px){
	.main-inner-grid-wrap .left-side {
		grid-column: span 2;
	}
}

/* End Main wrapper CSS */


/* Custom tabs CSS */

.custom-content-tab {
    padding-top: 24px;
}


.custom-tabs-lists .tab-menu-lists {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--powder-color);
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
}
.custom-tabs-lists .m-title {
    margin-bottom: 38px;
}

.main-inner-grid-wrap > * {
    display: grid;
    gap: 20px;
}

.custom-tabs-lists ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 12px;
	overflow-y:auto;
	width:100%;
	padding-bottom:5px;
	white-space:nowrap;
}
/* width */

:is(.custom-tabs-lists ul, .cutom-scroll-bar, .side-dashboard-bar.menu-collapse)::-webkit-scrollbar {
  height: 2px;
  width: 2px;

}

/* Track */
:is(.custom-tabs-lists ul, .cutom-scroll-bar, .side-dashboard-bar.menu-collapse)::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
:is(.custom-tabs-lists ul, .cutom-scroll-bar, .side-dashboard-bar.menu-collapse)::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
:is(.custom-tabs-lists ul, .cutom-scroll-bar, .side-dashboard-bar.menu-collapse)::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.custom-tabs-lists li button {
    text-decoration: none;
    color: var(--primary-color);
    font-size: 14px;
    padding: 7px 16px;
    display: inline-flex;
	background:none;
    border-radius: 6px;
	cursor:pointer;
	 border: 1px solid transparent;
}
.custom-tabs-lists li button:hover,
.custom-tabs-lists li button.active {
    background: var(--ice-color);
    border: 1px solid var(--powder-color);
}
.custom-tabs-lists .custom-content-tab .tab-content:not(.active){
	display:none;
}
.custom-content-tab .job-lists-box .job-info {
    font-size: 14px;
}

@media screen and (max-width:991px){
	.custom-tabs-lists .m-title {
		margin-bottom: 25px;
	}
}
@media screen and (max-width:767px){
	.single-detail-box .back-btn.text-btn{
		font-size: 12px;
	}
	.custom-tabs-lists .tab-menu-lists {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--powder-color);
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.custom-tabs-lists .m-title {
		margin-bottom: 16px;
	}
	
	.custom-tabs-lists li button{
		font-size: 12px;
		padding: 8px 10px;
	}
	.custom-tabs-lists ul{
		gap: 3px;
	}
}

/* End Custom tabs CSS */


/* V2 Site header CSS */
body.page-template-page-tradies-signup {
    background: #fff;
}

header.site-header{
	border-bottom:1px solid var(--powder-color);
}
.trade-apply-section {
    padding: 100px 0;
}
.site-header .grid-wrap {
    display: grid;
    grid-template-columns: 0.25fr 1fr;
    align-items: center;
    gap: 19px;
	
}
.site-header .btn-wrap{
	display:flex;
	justify-content:flex-end;
	gap:15px;
	align-items:center;
}
.default-btn,
.text-btn,
.primary-btn{
	border-radius: 100px;
    padding: 14px 30px 14px 30px;
	text-decoration:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.primary-btn{
	background-color:var(--secondary-color);
	color:#fff;
	
}
.default-btn{
	background-color:var(--powder-color);
	color: var(--primary-color)
}
.default-btn.sm {
    font-size: 12px;
    padding: 10px;
    gap: 7px;
}
.default-btn.sm i{
    margin-top: -2px;
}
.primary-btn:hover,
.default-btn:hover{
	background-color:var(--primary-color);
	color: #fff;
}
.main-title .title {
    font-size: var(--h2-s);
    font-weight: 500;
}
.site-header a.text-btn {
    font-size: 16px;
	position:relative;
}
.site-header a.text-btn:before {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    --size: 14px;
    width: var(--size);
    height: var(--size);
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 1.5L6 6.5L1 11.5' stroke='%23043D5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}


@media screen and (max-width:1024px){
	.site-header .grid-wrap{
		grid-template-columns: 25% auto;
		gap: 20px;
	}
	
}
@media screen and (max-width:767px){
	.site-header .grid-wrap{
		grid-template-columns: 25% auto;
		gap: 20px;
	}
	.site-header .btn-wrap a:not(.text-btn) {
        padding: 12px 18px;
        font-size: 14px;
        text-align: center;
    }
	.site-header .btn-wrap a.text-btn {
		font-size: 0;
        padding: 10px;
	}
	.site-header a.text-btn:before{
		background-position: right;
	}
}
@media screen and (max-width:575px){
    .site-header .btn-wrap a:not(.text-btn) {
        font-size: 11px;
		padding: 8px 10px;
    }
	.site-header .page-container{
		padding:5px 20px;
	}
	.site-header .grid-wrap {
        grid-template-columns: 22% auto;
        gap: 10px;
    }
	.site-header .btn-wrap{
		gap: 7px;
	}
}

/* End V2 Site header CSS */


/* V2 footer CSS */

footer.site-footer {
    padding: 70px 0;
    background: var(--primary-color);
    color: #fff;
	font-size: 14px;
}

.site-footer .grid-row {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 40px;
}

.site-footer .inline-menu-list ul a {
    color: #fff;
}

.site-footer .inline-menu-list ul li + li:before {
    background: #fff;
}
.site-footer a:hover,
.site-footer .inline-menu-list ul a:hover {
    color: var(--secondary-color);
}

.footer-logo a {
    display: inline-flex;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    padding: 17px 30px;
}

.footer-logo a img {
    width: 190px;
    height: auto;
}
.site-footer p {
    margin-top: 0;
    margin-bottom: 16px;
}

.inline-menu-list {
    margin-bottom: 16px;
}
.trade-apply-from-wrap.input-field-box .gform-footer input.gform_button {
    flex: 0 0 380px;
}

.trade-apply-from-wrap.input-field-box .gform-footer {
    justify-content: center;
	margin-top:50px;
}
.gform-body.gform_body .gsection {
    --gf-field-section-border-color: var(--powder-color);
}
.form-title .title{
	font-size:20px;
}

@media screen and (max-width:767px){
	.site-footer .grid-row{
		grid-template-columns: 1fr;
    	gap: 29px;
	}
	.footer-logo a img {
		width: 120px;
		height: auto;
	}
	footer.site-footer{
		padding: 40px 0;
	}
	.inline-menu-list ul li + li:before{
		top:48%;
	}
}

/* End V2 footer CSS */

/* Form style CSS */

.input-field-box .gform_heading {
    display: none;
}

.input-field-box .gform-body.gform_body .gform_fields {
    gap: 20px;
}

.input-field-box .gform-body.gform_body .gfield :is(input:not([type="checkbox"], [type="radio"]), textarea, select) {
   	height: 50px;
    border: 1px solid var(--Powder, #DDEAF6);
    background: #fff;
    box-shadow: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 16px !important;
	outline: none !important;
	line-height:1.1;
	--gf-local-color:var(--primary-color);
}

:is(input,textarea)::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #043D5B80 !important;

}
:is(input,textarea):-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #043D5B80 !important;
   opacity:  1;
}
:is(input,textarea)::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #043D5B80 !important;
   opacity:  1;
}
:is(input,textarea):-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #043D5B80 !important;
}
:is(input,textarea)::-ms-input-placeholder { /* Microsoft Edge */
   color: #043D5B80 !important;
}

:is(input,textarea)::placeholder { /* Most modern browsers support this now. */
   color: #043D5B80 !important;
}
.input-field-box .gfield_checkbox > * {
    cursor: pointer;
}

.input-field-box .gform-body.gform_body .gfield textarea{
    min-block-size: 100px;
}
.input-field-box .gform-footer input.gform_button{
    padding: 16px 30px !important;
    background: var(--secondary-color) !important;
    border-radius: 100px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2px !important;
    font-size: 16px !important;
	color:#fff;
}
.input-field-box .gform-footer input.gform_button:hover{
	background:var(--primary-color) !important;
	color:#fff !important;
}
.input-field-box .gfield--type-name  .gfield_description.validation_message.gfield_validation_message{
	position: static;
}
.input-field-box .gfield_description:not(.gfield_validation_message),
.input-field-box .gfield--type-fileupload .gfield_description:not(.gfield_validation_message),
.input-field-box .gfield--type-fileupload .gform_fileupload_rules {
    display: none !important;
}
.input-field-box .custom-checkbox-sty .gfield_radio {
    display: grid !important;
    flex-wrap: wrap;
    gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--container) / (var(--column) + 1)) ,1fr));
    --column: 4;
    --container: 880px;
}

.input-field-box  label.gform-field-label.gform-field-label--type-sub,
.input-field-box .custom-checkbox-sty .gfield_radio input{
    display:none
}
.input-field-box .custom-checkbox-sty .gfield_radio label{
    padding:12px 12px 12px 45px;
	background-color:#fff;
	border-radius:6px;
	display:block;
	position:relative;
	margin:0;
	cursor:pointer;
}
.input-field-box .custom-checkbox-sty .gfield_radio input + label:before{
	    content: '';
    position: absolute;
    left: 13px;
    top: 50%;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    background-color:#ddd;
    border: 5px solid #fff;
    transform: translateY(-50%);
    border-radius: 50%;
	outline: 2px solid #ddd;
}
.input-field-box .custom-checkbox-sty .gfield_radio input:checked + label:before{
	background-color:#fff;
	outline:2px solid var(--primary-color);
	border-color:var(--primary-color)
}
.input-field-box .custom-checkbox-sty .gchoice{
	display:block !important;
}

/* End Form style CSS */

/* Search bar CSS */

.custom-search-box .wrap {
    display: grid;
    grid-template-columns: auto 340px;
    gap: 16px;
}

.input-field :is(input, select, textarea) {
    height: 42px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--powder-color);
    padding: 10px;
    color: var(--primary-color);
	outline:none !important;
}
.input-field  textarea{
	height:80px;
}

.select-search-lists .grid-row {
    gap: 10px;
}
.search-bar-box .input-field input {
    padding-left: 40px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z' stroke='%239CA3AF' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 14.0005L11.1333 11.1338' stroke='%239CA3AF' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	 background-repeat: no-repeat;
    background-position: 15px 50%;
    background-size: 16px;
}
.input-field  select {
    font-size: 13px;
	cursor:pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.54025 5.77093C5.3994 5.91761 5.20839 6 5.00923 6C4.81007 6 4.61906 5.91761 4.47821 5.77093L0.229299 1.34511C0.157562 1.27294 0.100342 1.18661 0.0609786 1.09116C0.0216147 0.995705 0.000894977 0.893043 2.83584e-05 0.789161C-0.00083826 0.68528 0.0181658 0.582259 0.0559312 0.486109C0.0936966 0.38996 0.149467 0.302607 0.219989 0.229149C0.290511 0.15569 0.374371 0.0975976 0.466677 0.0582597C0.558983 0.0189218 0.657887 -0.000873164 0.757616 2.95397e-05C0.857345 0.000932243 0.955903 0.0225147 1.04754 0.0635176C1.13917 0.10452 1.22205 0.164122 1.29134 0.238846L5.00923 4.11154L8.72712 0.238846C8.86878 0.0963322 9.0585 0.0174745 9.25544 0.019257C9.45237 0.0210396 9.64075 0.10332 9.78001 0.248376C9.91927 0.393433 9.99826 0.589659 9.99997 0.794792C10.0017 0.999925 9.92598 1.19755 9.78916 1.34511L5.54025 5.77093Z' fill='%23043D5B' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 50%;
    background-size: 10px;
    /* padding-right: 0; */
}
.custom-search-box .input-field select:hover {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.54025 5.77093C5.3994 5.91761 5.20839 6 5.00923 6C4.81007 6 4.61906 5.91761 4.47821 5.77093L0.229299 1.34511C0.157562 1.27294 0.100342 1.18661 0.0609786 1.09116C0.0216147 0.995705 0.000894977 0.893043 2.83584e-05 0.789161C-0.00083826 0.68528 0.0181658 0.582259 0.0559312 0.486109C0.0936966 0.38996 0.149467 0.302607 0.219989 0.229149C0.290511 0.15569 0.374371 0.0975976 0.466677 0.0582597C0.558983 0.0189218 0.657887 -0.000873164 0.757616 2.95397e-05C0.857345 0.000932243 0.955903 0.0225147 1.04754 0.0635176C1.13917 0.10452 1.22205 0.164122 1.29134 0.238846L5.00923 4.11154L8.72712 0.238846C8.86878 0.0963322 9.0585 0.0174745 9.25544 0.019257C9.45237 0.0210396 9.64075 0.10332 9.78001 0.248376C9.91927 0.393433 9.99826 0.589659 9.99997 0.794792C10.0017 0.999925 9.92598 1.19755 9.78916 1.34511L5.54025 5.77093Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width:1250px){
	.custom-search-box .wrap{
		grid-template-columns: 1fr;
	}
	.table-tradies-list :is(.email,.phone,.address),
	.table-member-list :is(.email,.phone,.address){
		margin-top: 4px;
		display: flex;
		gap: 6px;
	}
	.table-member-list :is(.email,.phone,.address):empty,
	.table-tradies-list :is(.email,.phone,.address):empty{
		display: none;
	}
	.table-tradies-list :is(.email,.phone,.address):before,
	.table-member-list :is(.email,.phone,.address):before{
		font-family: 'tcp-icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		transform: translateY(2px);
	}
	.table-tradies-list .email:before,
	.table-member-list .email:before {
		content: '\e909';
	}
	.table-tradies-list .phone:before,
	.table-member-list .phone:before {
		content: '\e90a';
	}
	
	.table-tradies-list .address:before,
	.table-member-list .address:before {
		content: '\e900';
	}
}

/* End Search bar CSS */


/* Job tab Section CSS  */

.job-lists-box .job-item {
    padding: 18px;
    border-radius: 8px;
    border: 1px solid var(--powder-color);
	position: relative;
	isolation: isolate;
	background-color:#fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color:var(--primary-color);
	
}
.job-lists-box a.job-item:hover{
	background-color:var(--hover-color);
	cursor:pointer;
}
.job-lists-box .job-item .assigned-user-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    --size: 2.5em;
    width: var(--size);
    height: var(--size);
    display: grid;
    place-content: center;
    border: 1px solid var(--secondary-color);
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    background-color: var(--secondary-color);
    transform: translate(50%,-50%);
    color: #ffffff;
    font-family: var(--secondary-font);
}
.job-lists-box .job-item + .job-item{
	margin-top: 20px;
}

.job-lists-box .grid-row .job-item + .job-item{
	margin-top: 0;
}

.job-lists-box .job-item .title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.job-lists-box .job-item p {
    font-size: 18px;
}
.job-lists-box .job-item .title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}


.job-lists-box .job-item .bottom-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin-top: 15px;
}
.job-info {
    display: flex;
    gap: 10px 16px;
    font-size: 12px;
	flex-wrap:wrap;
}

.job-info i {
  font-size: 1.16em;
}

.job-info:not(.no-icon) span{
    display: grid;
    grid-template-columns: 16px auto;
    gap: 5px;
}
.job-request .job-lists-box .job-info {
    font-size: 14px;
	flex-wrap:wrap;
}
.list-sty-bg .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: linear-gradient(90deg, #EFF6FF 0%, #EEF2FF 100%);
    border-radius: 8px;
}

.list-sty-bg .item .title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 500;
}

.list-sty-bg .item span {
    font-size: 14px;
}

.list-sty-bg .btn-wrap a {
      color: var(--primary-color);
    font-size: 12px;
    text-decoration: none;
    background: var(--powder-color);
    display: inline-flex;
    padding: 12px 12px;
    border-radius: 100px;
    gap: 8px;
    align-items: center;
    line-height: 1;
}
.list-sty-bg .btn-wrap a i {
    font-size: 16px;
    margin-top: -5px;
}
.list-sty-bg .btn-wrap a:hover{
	background-color:var(--primary-color);
	color:#fff;
}
.custom-tabs-lists:has(.custom-search-box) .m-title {
    margin-bottom: 12px;
}

.custom-search-box {
    margin: 30px 0;
}

/* Job tab Section CSS  */


/* List Sty CSS */

.icon-lists-grid .item a {
    color: var(--primary-color);
    text-decoration: none;
    display: grid;
    grid-template-columns: 45px auto 25px;
    gap: 12px;
	padding:16px;
	border:1px solid var(--powder-color);
	border-radius:8px;
}
.icon-lists-grid .item a:is(:hover,:focus,:focus-visible) {
    background-color:var(--hover-color);
}
.icon-lists-grid .item + .item{
	margin-top:15px;
}

.icon-lists-grid .icon-holder i {
    --size: 42px;
    width: var(--size);
    height: var(--size);
    display: inline-flex;
    align-items: center;
    background: var(--ice-color);
    border: 1px solid var(--powder-color);
    border-radius: 50%;
	justify-content:center;
}

.icon-lists-grid .item .title {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 500;
}

.icon-lists-grid .item span {
    font-size: 14px;
	display:block
}
.icon-lists-grid .btn-wrap{
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

/* End List Sty CSS */


/* Job Single Detail CSS */

.top-bar-title{
    margin: 0 -25px;
    font-size: 20px;
    padding: 0 25px 20px;
    border-bottom: 1px solid var(--powder-color);
}
.top-bar-title .m-title{
	margin-bottom:0;
}

.middle-job-detail .title {
    margin: 0;
    padding: 0;
}

.job-lists-sty {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px 25px;
    list-style: none;
    font-size: 14px;
	flex-wrap:wrap;
}
.job-lists-sty strong {
    line-height: 1;
}
.job-lists-sty li > *:not(.assigned-user) {
    display: flex;
    color: var(--primary-color);
	text-decoration:none;
	flex-wrap:wrap;
	gap:5px;
	white-space:nowrap;
}
.job-lists-sty li i {
    margin-top: 1px;
    display: flex;
    font-size: 1.1em;
}
.job-lists-sty li:has(i) a{
	gap:8px;
}
.job-lists-sty li:has(i) {
	display:inline-flex;
	gap:8px;
}
.job-lists-sty li i {
	font-size: 15px;
    position: relative;
    top: 0px;
}

.single-trade-detail-box .top-bar-title .user-status {
    position: static !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.top-bar-title .user-status span {
	font-size: 14px;
    padding: 7px 18px;
    border-radius: 50px;
    text-transform: capitalize;
    background-color: var(--primary-color);
    color: #fff !important;
    line-height: 1;
    font-weight: 400;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.single-trade-detail-box .top-bar-title .d-flex {
   display:flex;
	gap:20px;
	
}
.job-lists-sty li a:hover{
	color: var(--secondary-color);
}
.job-lists-sty.line {
    gap: 0;
}

.job-lists-sty.line li + li {
    padding-left: 15px;
    position: relative;
}

.job-lists-sty.line li + li:before {
    content: '';
    position: absolute;
	left: 8px;
    top: 1px;
    height: 15px;
    width: 1px;
    background-color: var(--primary-color);
    opacity: 0.7;
}
.middle-job-detail .content{
	font-size:17px;	
}

/* End Job Singel Detail CSS */


/* Gallery Lists Section CSS */

.gallery-list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	margin:0;
	padding:0;
	list-style:none;
	gap: 16px;
}
.gallery-list a{
	display:block;
}
.gallery-list img{
	width:100%;
	height:135px;
	object-fit:cover;
	background-color: #D9D9D9;
	border-radius:8px;
	display:block;
	cursor:pointer;
}


@media screen and (max-width:1200px){
	
	.gallery-list{
		grid-template-columns:repeat(4, 1fr);
	}
	
}
@media screen and (max-width:1024px){
	
	.gallery-list{
		grid-template-columns:repeat(3, 1fr);
		gap:15px;
	}
	
}
@media screen and (max-width:768px){
	
	.gallery-list{
		grid-template-columns:repeat(2, 1fr);
		gap:12px;
	}
	
}


/* End Gallery Lists Section CSS */

.gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	color:var(--primary-color) !important
}


/* trade Apply form */

.trade-apply-section {
    padding: 100px 0;
}

.trade-apply-section .page-container {
    padding: 65px;
    background: var(--ice-color);
    border-radius: 20px;
}

.trade-apply-section .page-container .box-wrap {
    max-width: 880px;
    margin: 0 auto;
}

.main-title .title {
    font-size: var(--h2-sty);
    margin-bottom: 10px;
}

.main-title.center {
    text-align: center;
}

.trade-apply-from-wrap .main-title.center {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.main-title {
    margin-bottom: 30px;
}

/* End trade Apply form */

/* btn group CSS */
.btn-groups-list {
    display: flex;
	gap:10px;
	align-items:center;
	flex-wrap:wrap;
	
}
.btn-groups-list.center{
	justify-content:center;
}
.btn-groups-list.right{
	justify-content:flex-end;
}

/* End btn group CSS */

/* Box Content img layout CSS */

.box-content-img-layout .item {
    border: 1px solid var(--powder-color);
    padding: 24px;
	border-radius:6px;
}

.box-content-img-layout .img-holder img {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--ice-color);
    border: 1px solid var(--powder-color);
    display: inline-flex;
    object-fit:cover;
    object-position:center;
}

.custom-content-tab {
    padding-top: 24px;
}
.box-content-img-layout .item .title {
    font-size: 18px;
    margin: 0;
}

.box-content-img-layout .item p,
.box-content-img-layout .item .size {
    font-size: 14px;
}
.box-content-img-layout .item p {
    line-height: 1.6;
}

.box-content-img-layout .item .btn-wrap {
    margin-top: 20px;
    border-top: 1px solid var(--powder-color);
    padding-top: 16px;
}
.box-content-img-layout .item .btn-wrap a{
    width:100%;
	font-size:14px;
}

/* End Box Content img layout CSS */





/* Service List Box CSS */

span.status{
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 50px;
    font-weight: 500;
  	white-space:nowrap;
}
.job-request .top-wrap .title p {
    margin-top: 0;
	font-weight:400;
	margin-bottom: 5px;
}
span.status.completed {
    background-color: var(--ice-color);
    border: 1px solid var(--powder-color);
}
span.status.requested,
span.status.in-progress {
    background: #6B72801A;
	color: #6B7280;
   	border: 1px solid #6B728033
}
span.status.accepted{
	background: #55a558;
    color: #fff;
}
span.status.pending {
    background: #C96F101A;
	color: #C96F10;
    border: 1px solid #C96F1033;
}

.service-lists-box .item .title {
    display: flex;
    gap: 15px;
    font-size: 18px;
    font-weight: 500;
    align-items: center;
}

.service-lists-box .item .content {
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.5;
}

.service-lists-box .item {
    padding: 24px;
    border: 1px solid var(--powder-color);
    border-radius: 8px;
}

.service-lists-box .item .title {
    display: flex;
    gap: 15px;
    font-size: 18px;
    font-weight: 500;
    align-items: center;
    /* padding: 6px 12px; */
    /* background: var(--ice-color); */
}


.service-lists-box .item  .content {
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.5;
}

.service-lists-box :is(.job-lists-sty, .job-info) {
    border-bottom: 1px solid var(--ice-color);
    padding-bottom: 12px;
    margin-bottom: 14px;
}

.service-lists-box .btn-wrap {
    text-align: right;
}

.service-lists-box .job-lists-sty {
    font-size: 12px;
    gap: 15px 20px;
}


/* End Service List Box CSS */


/* Popup model CSS */

.popmodel-layout {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    justify-content: center;
    padding: 5vw 5vw 5vw calc(5vw + 55px);
    background: #00000066;
    z-index: 9;
    align-items: center;
	height:100vh;
	display:none;
}
.popmodel-layout.active{
	display:flex;
}

.popmodel-layout .popup-overlay{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background: #00000066;
}

.main-title p {
    font-size: 14px;
}

.job-title-form .input-field label {
    display: block;
	margin-bottom: 10px;
}
.job-popup .input-field-box .gform-body.gform_body .gfield textarea {
    min-block-size: 80px !important;
    padding: 12px  !important;
    font-size: 14px !important;
}

.job-popup .input-field-box .gform-body.gform_body .gfield :is(input:not([type="checkbox"], [type="radio"]), textarea, select) {
    font-size: 14px !important;
}

.popmodel-layout .popup-wrap {
    max-width: 720px;
    margin: 0 auto;
	position:relative
}

span.popup-close {
    position: absolute;
    right: -11px;
    background-color: #fff;
    --size: 27px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: inline-flex;
    top: -10px;
    align-items: center;
    justify-content: center;
    font-size: 0.7em;
    color: #000;
    border: 1px solid var(--powder-color);
    cursor:pointer;
}



/* Membership Number dashboard bar */

.num-dashboard-grid.membership-bar span.num {
    font-size: 20px;
    margin-bottom: 0;
}

.num-dashboard-grid.membership-bar .icon-holder i {
    --size: 56px;
    font-size: 30px;
}
.num-dashboard-grid.membership-bar .icon-holder {
    order: 1;
}
.num-dashboard-grid.membership-bar .content {
    order: 2;
}

.num-dashboard-grid.membership-bar .item:has(.ic-trophy) .content .num{
	font-size:24px;
}

.num-dashboard-grid.membership-bar .box-wrap{
	grid-template-columns: 60px auto;
}

@media screen and (max-width:1350px){
	.num-dashboard-grid .box-wrap span.num {
		font-size: 25px;
	}
}

@media screen and (max-width:1250px){
	.num-dashboard-grid.membership-bar,
	.num-dashboard-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media screen and (max-width:767px){
	.num-dashboard-grid.membership-bar .item:has(.ic-trophy) .content .num,
	.num-dashboard-grid.membership-bar span.num{
		font-size: 18px;
	}
	.num-dashboard-grid.membership-bar,
	.num-dashboard-grid {
        grid-template-columns: repeat(1, 1fr);
		gap: 10px;
    }
	.num-dashboard-grid.membership-bar .box-wrap {
		grid-template-columns: 50px auto;
	}
	.num-dashboard-grid.membership-bar .icon-holder i {
		--size: 48px;
		font-size: 23px;
	}
	
}

/* End Membership Number dashboard bar */


/* Membership Detail CSS */

.membership-active-package-box .main-title {
    padding-right: 30px;
    position: relative;
    margin-bottom: 0;
}

.membership-active-package-box .main-title .icon-holder {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: var(--secondary-color);
}

.current-plan-box {
    padding: 16px;
    background: linear-gradient(90deg, #EFF6FF 0%, #EEF2FF 100%);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 75% auto;
    align-items: center;
}

.current-plan-box .content {
    line-height: 1.2;
}

.current-plan-box .content span {
    font-size: 24px;
    font-weight: 500;
    display: block;
}

.current-plan-box .content .title {
    font-size: 14px;
    font-weight: 400;
}

.current-plan-box .status-wrap span {
    background: var(--powder-color);
}

.current-plan-box .status-wrap {
    text-align: right;
}
.plan-date-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 24px;
}

.plan-date-wrap span.title {
    display: grid;
    grid-template-columns: 16px auto;
    gap: 6px;
    font-size: 14px;
    margin-bottom: 4px;
}

.plan-date-wrap  span {
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width:767px){
	.plan-date-wrap span:not(.title){
		font-weight:500;
		font-size:14px;
		display:block;
	}
	.current-plan-box .content span {
		font-size:18px;
	}
}

/* End Membership Detail CSS */


/* Membership Trade Box CSS */

.membership-trade-box a {
    text-decoration: none;
    color: var(--primary-color);
    padding-right: 41px;
    position: relative;
	display:block;
}

.membership-trade-box .icon-holder i {
    --size: 41px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.3em;
    margin-bottom: 8px;
}

.membership-trade-box .m-title {
    margin-bottom: 6px;
	position:relative;
}

.membership-trade-box p {
    margin: 0;
    color: #64748B;
    font-size: 14px;
}

.membership-trade-box .arrow-btn {
	position: absolute;
    right: -20px;
    top: 58%;
    color: var(--secondary-color);
    transform: translateY(-50%);
}

.membership-trade-box a:hover{
	background:var(--hover-color);
}

/* End Membership Trade Box CSS */


/* pricing CSS */


.pricing-list-box .grid-box {
	display: -ms-grid;
	display: grid;
	gap: 32px;
	-ms-grid-columns: 1fr 32px 1fr 32px 1fr;
	grid-template-columns: repeat(3, 1fr);
}

.pricing-list-box .item {
	background: #fff;
	border-radius: 20px;
	padding: 50px 32px;
}

.pricing-list-box .item.pro {
	background: var(--primary-color);
	color: #fff;
}

.pricing-list-box .title {
	font-size: var(--h3-sty);
	border-bottom: 1px solid var(--powder-color);
	padding-bottom: 20px;
	line-height: 1.1;
}
.pricing-list-box .price-box {
	padding: 6px 0;
	border-bottom: 1px solid var(--powder-color);
}

.pricing-list-box .price-box span {
	font-size: 48px;
	font-weight: 500;
}

.pricing-list-box .price-box span .sub {
	font-size: 0.3em;
	font-weight: 400;
	padding-left: 12px;
}
.price-content-lists {
	padding-top: 30px;
}

.price-content-lists ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.price-content-lists ul li {
	padding-left: 30px;
	position: relative;
}
.pricing-list-box .item .wrap {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.price-content-lists ul li + li {
	margin-top: 12px;
}
.pricing-list-box .item .btn-wrap{
	margin-top:auto;
	padding-top:35px;
}
.pricing-list-box .item .btn-wrap a.border-btn {
	border: 1px solid var(--powder-color);
	padding: 9px 35px;
	border-radius: 20px;
	color: var(--primary-color);
	width: 100%;
	display: block;
	text-align: center;
}
.pricing-list-box .item .btn-wrap a.border-btn.primary-btn {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
}
.pricing-list-box .item .btn-wrap a.border-btn:hover{
	border-color:var(--primary-color);
	background-color:var(--primary-color);
	color:#fff;
}
.pricing-list-box .item .btn-wrap a.border-btn.primary-btn {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: #fff;
}
.pricing-list-box .item .btn-wrap a.border-btn.primary-btn:hover{
	background-color: #fff;
	border-color: #fff;
	color: var(--secondary-color);
}

.price-content-lists ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	--size: 17px;
	width: var(--size);
	height: var(--size);
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.32129 6L7.23312 11.5L18.5194 1' stroke='%23043D5B' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: center;
}
.pro .price-content-lists ul li:before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.32129 6L7.23312 11.5L18.5194 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width:1200px){
	.pricing-list-box .grid-box{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width:991px){
	.pricing-list-box .price-box span {
		font-size: 38px;
	}
	.pricing-list-box .price-box span .sub {
		font-size: 0.4em;
		padding-left: 2px;
	}
}

@media screen and (max-width:767px){
	.pricing-list-box .price-box span {
		font-size: 34px;
	}
	
}

/* End pricing CSS */


/* Member Request box Section */

.job-request .top-wrap:has(.status) {
    display: flex;
    gap: 15px;
}
.member-request-wrap .job-item {
    padding: 16px;
}

.member-request-wrap .job-item .bottom-wrap {
    align-items: flex-end;
}
.job-request .top-wrap:has(.status) {
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}
.member-request-wrap .job-item .bottom-wrap .job-info,
.member-request-wrap .job-item .bottom-wrap a.border-btn.btn {
    font-size: 14px;
}
.job-info.no-icon span + span {
    position: relative;
}

.job-info.no-icon span + span:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 0;
    bottom: 0;
    display: block;
    width: 1px;
    height: 15px;
    background: currentColor;
}
.member-request-wrap .job-item a.border-btn.btn {
    line-height: 1;
    gap: 10px;
}
.member-request-wrap .job-item a.border-btn.btn i{
    font-size:1em
}

.job-request .main-title h1 {
    margin-bottom: 0;
}

.job-request .content p {
    margin-top: 0;
}
.shadow-box.claim-request-box {
    max-width: 750px;
    margin: 0 auto;
	width:100%;
}
.job-request .main-title {
    margin-bottom: 2px;
}

.progress-line-bar{
	margin: 20px 0;
    height: 15px;
    background-color: var(--body-color);
    position: relative;
    border-radius: 41px;
    border: 1px solid var(--powder-color);
    overflow: hidden;
}

.progress-line-bar .progress-bar{
  	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-color:var(--primary-color);
	border-radius:10px;
}
.gform_drop_area{
	border-color: #d5d9dd !important;
}
.claim-request-box .main-title > * {
    font-size: 30px;
}

@media screen and (max-width:991px){
	.shadow-box.claim-request-box{
		width:100%;
	}
	.claim-request-box .main-title > * {
		font-size: 24px;
	}
}
@media screen and (max-width:767px){
	.member-request-wrap .job-item a.border-btn.btn{
		padding:10px 12px;
	}
	.claim-request-box .main-title > * {
		font-size: 20px;
	}
	.job-request .job-lists-box .job-item .bottom-wrap {
        gap: 9px;
    }
	.job-request .top-wrap:has(.status) {
        margin-bottom: 0 !important;
    }
	.job-request .main-title .m-title {
		margin-bottom: 9px !important;
	}
	.member-request-box .main-title .btn-wrap {
		margin-top: -6px;
	}
}

/* End Member Request box Section */


/* Claim Box Section */


.shadow-box.claims-box {
    background: var(--ice-color);
}
.claims-box .main-title {
    margin-bottom: 10px;
}

.claims-box .content {
    font-size: 14px;
    color: #64748B;
    font-family: var(--primary-font);
}

.note-bar {
    background: #F9FAFB;
    padding: 12px 10px;
    border-radius: 8px;
    font-size: 14px;
    gap: 6px;
    display: flex;
}


/* End Claim Box Section */


/* Service history Section */

.service-history-lists .job-item > * + *, .service-history-lists .job-item .bottom-wrap {
    margin-top: 10px;
}

.service-history-lists .top-wrap:has(.status) {
    padding-right: 120px;
    position: relative;
}

.service-history-lists .top-wrap:has(.status) span.status {
    position: absolute;
    right: 0;
    top: 0;
}

.service-history-lists .top-wrap .date, .service-history-lists .description-wrap p, .service-history-lists .text {
    font-size: 14px;
    color: #64748B;
}

.service-history-lists  .description-wrap p {
	margin-top: 7px;
    margin-bottom: 10px;
}

.service-history-lists .text span {
    color: var(--primary-color);
}
.service-history-lists .description-wrap span.title {
    font-weight: 400;
    font-size: 16px;
}
.service-history-lists .job-item .title{
	line-height: 1.2;
	margin: 0 0 7px;
}

@media screen and (max-width:767px){
	.service-history-lists .top-wrap:has(.status) span.status{
		position:static;
		display: inline-flex;
		width: auto;
		min-width: auto;
		margin-bottom: 7px;
	}
	.service-history-lists .top-wrap:has(.status){
		padding-right: 0;
	}
	.service-history-lists .top-wrap{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.service-history-lists .top-wrap .status{
		order:1;
	}
	.service-history-lists .top-wrap > *{
		order:2;
	}
}

/* End Service history Section */


/* Sign Up Form Section */

.signup-form-section .signupform-wrapper{
	background-color: var(--ice-color);
	padding:120px;
	border-radius:20px;
}

.signup-form-section .signupform-wrapper{
	padding:65px 120px;
}

.signup-form-section .container {
    max-width: 1650px;
    margin: 0 auto;
}

.signup-form-section {
    padding: 100px 20px;
    background: #fff;
}
.signup-form-section .pricing-list-box > .title {
    border: none;
    text-align: center;
    padding-bottom: 15px;
}

.signup-form-section .pricing-list-box > .title h2 {
    font-weight: 500;
    font-size: var(--h3-sty);
}

.signup-form-section .mp_wrapper form {
    max-width: 650px;
    margin: 0 auto;
}
.signup-form-section .mp-form-row.mepr_bold.mepr_price {
    text-align: center;
}
.signup-form-section .form-title h2 {
    font-size: 30px;
    text-align: center;
}

ul.multi-step-steps {
    margin: 0;
    padding: 0;
    display: flex;
    margin: 0 auto 40px;
    max-width: 950px;
    list-style: none;
}

ul.multi-step-steps li {
    flex: 1 1;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    flex-direction: column;
    position: relative;
	color: #043d5b75;
}

.multi-step-steps span.icon {
    --size: 16px;
    width: var(--size);
    height: var(--size);
    display: inline-flex;
    border: 10px solid #fff;
    border-radius: 50%;
    background: var(--powder-color);
    padding: 7px;
    margin-bottom: 9px;
    position: relative;
    z-index: 11;
    outline: 1px solid var(--powder-color);
    box-shadow: 0px 1px 2px 0px #1018280D;
}
ul.multi-step-steps li.success,
.multi-step-steps li.active{
	color:var(--primary-color);
}
.multi-step-steps li.active span.icon{
	background-color:var(--primary-color);
}

.multi-step-steps li + li:before {
    right: 50%;
    width: 100%;
    top: 16px;
    content: '';
    position: absolute;
    background: #DDEAF6;
    height: 2px;
}

.multi-step-steps li.active span.icon {
    background: var(--primary-color);
}


:is(.user-profile-info, .signup-form-fields) .mp-form-row .mp-form-label {
    margin-bottom: 5px;
}

:is(.user-profile-info, .signup-form-fields) .mp-form-row :is(input, select) {
    border-radius: 10px;
    border: 1px solid var(--powder-color);
    height: 50px;
	padding:10px 15px;
}
.mp_wrapper .mp-form-row {
	margin-bottom: 14px;
}
span.cc-error {
    font-size: 12px;
    font-weight: 600;
}

.mp-form-submit .mepr-submit,
.next-btn-wrapper button.next-btn {
    padding: 14px;
    width: 60%;
    border-radius: 50px;
    border: none;
    background: var(--secondary-color);
    color: #fff;
    font-size: 15px;
	cursor:pointer;
}
.signupform-wrapper :is(.default-btn, .prev-btn) {
    height: 45px;
    position: relative;
    top: 1px;
	width:200px;
	font-size:15px;
}
.signupform-wrapper button.prev-btn {
    border-radius: 100px;
    padding: 14px 30px 14px 30px;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--powder-color);
    color: var(--primary-color);
    border: none;
    font-size: 15px;
	height:45px;
}
.signupform-wrapper .form-review span[id] {
/*     display: block; */
    font-weight: 400;
    margin-bottom: 10px;
}
.signupform-wrapper .form-review .name > span {
    display: block;
}
.signupform-wrapper .form-review span {
    font-weight: 600;
	word-break: break-word;
}
.mepr-signup-form .final-step-text {
    display: flex;
    flex-direction: column;
    max-width: min(400px,100%);
    margin-inline: auto;
    padding: 25px 30px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid var(--powder-color);
}

.mepr-signup-form .final-step-text .name {
    display: flex;
    flex-direction: column;
    max-width: max-content;
    margin-inline: auto;
	gap:14px;
}

.mepr-signup-form .final-step-text .name > span {
    display: grid !important;
    grid-template-columns: 62px 1fr;
    text-align: left;
    gap: 10px;
    align-items: flex-start;
    line-height: 16px;
}
.signupform-wrapper .form-review span#membername {
    text-transform: capitalize;
}
.signupform-wrapper button.prev-btn:hover,
.mp-form-submit .mepr-submit:hover,
.next-btn-wrapper button.next-btn:hover{
	background-color:var(--primary-color);
	color:#fff;
}
.signupform-wrapper :is(.mp-form-submit .mepr-submit, .next-btn-wrapper button.next-btn){
	width:200px;
}
.user-profile-info .grid-row {
    grid-template-columns: 70% auto;
}
.mp-form-submit,
.next-btn-wrapper {
    text-align: center;
	margin-top: 30px;
	display:flex;
	justify-content:space-between;
	position:relative;
}
:is(.mp-form-submit, .next-btn-wrapper) img.mepr-loading-gif {
    position: absolute;
    right: 12px;
    bottom: 14px;
}

.multi-step-steps li.active:before,
ul.multi-step-steps li.success:before {
    background-color: var(--primary-color);
}

ul.multi-step-steps li.success {
    opacity: 1;
}

li.success span.icon:before {
    content: '';
    position: absolute;
    left: -12px;
    top: -12px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7321 0.418012L5.82622 10.9431L2.9322 7.85106C2.39909 7.34842 1.56135 7.31795 0.952086 7.74444C0.358051 8.18616 0.190502 8.96297 0.556062 9.58747L3.98319 15.1623C4.31828 15.6801 4.89708 16 5.55205 16C6.17654 16 6.77058 15.6801 7.10568 15.1623C7.65402 14.4464 18.1182 1.97164 18.1182 1.97164C19.489 0.570329 17.8288 -0.663435 16.7321 0.402781V0.418012Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: var(--primary-color);
    --size: 36px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}

.price-detail .mp-form-row.mepr_bold.mepr_price {
    position: sticky;
    top: 60px;
}
.price-detail .mp-form-row.mepr_bold.mepr_price {
    position: sticky;
    top: 60px;
}

:is(.user-profile-info, .signup-form-fields) .mp-form-row select {
    appearance: none;
    padding-right: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.54025 5.77093C5.3994 5.91761 5.20839 6 5.00923 6C4.81007 6 4.61906 5.91761 4.47821 5.77093L0.229299 1.34511C0.157562 1.27294 0.100342 1.18661 0.0609786 1.09116C0.0216147 0.995705 0.000894977 0.893043 2.83584e-05 0.789161C-0.00083826 0.68528 0.0181658 0.582259 0.0559312 0.486109C0.0936966 0.38996 0.149467 0.302607 0.219989 0.229149C0.290511 0.15569 0.374371 0.0975976 0.466677 0.0582597C0.558983 0.0189218 0.657887 -0.000873164 0.757616 2.95397e-05C0.857345 0.000932243 0.955903 0.0225147 1.04754 0.0635176C1.13917 0.10452 1.22205 0.164122 1.29134 0.238846L5.00923 4.11154L8.72712 0.238846C8.86878 0.0963322 9.0585 0.0174745 9.25544 0.019257C9.45237 0.0210396 9.64075 0.10332 9.78001 0.248376C9.91927 0.393433 9.99826 0.589659 9.99997 0.794792C10.0017 0.999925 9.92598 1.19755 9.78916 1.34511L5.54025 5.77093Z' fill='%23043D5B' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 9px) 50%;
    background-repeat: no-repeat;
    background-size: 12px;
}
.price-detail .mp-form-row.mepr_bold.mepr_price {
    padding: 25px 10px;
    background: #fff;
    border-radius: 10px;
    margin-top: 27px;
    border: 1px solid var(--powder-color);
}

.price-detail .mp-form-row.mepr_bold.mepr_price .mepr_price_cell_label {
    display: block !important;
    margin-bottom: 8px;
    font-weight: 600;
}

.price-detail .mp-form-row.mepr_bold.mepr_price .mepr_price_cell {
    font-size: 16px;
}

.card-payment-info label.mepr-checkbox-field.mepr-form-input input#mepr_agree_to_privacy_policy1 {
    height: auto;
}

.card-payment-info label.mepr-checkbox-field.mepr-form-input a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 1px;
}
.signupform-wrapper label.mepr-checkbox-field.mepr-form-input.invalid {
    color: #FFF;
}

.signupform-wrapper label.mepr-checkbox-field.mepr-form-input.invalid a {
    color: #fff;
}
.mepr-transaction-invoice-wrapper table.mp-table {
    background: #fff;
}
label.mepr-checkbox-field.mepr-form-input:has(#mepr_agree_to_privacy_policy1) {
    padding: 10px 10px 10px 28px;
    display: block !important;
    position: relative;
	cursor: pointer;
}

label.mepr-checkbox-field.mepr-form-input:has(#mepr_agree_to_privacy_policy1) input {
    position: absolute;
    left: 4px;
    top: 11px;
}
a.have-coupon-link {
    color: var(--primary-color);
}
.final-step-text {
    text-align: center;
}

.final-step-text ul {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width: 79%;
}
.signup-form-section .pricing-list-box .form-title {
    padding-bottom: 16px;
}
.signup-form-section div#mepr_jump {
    max-width: 900px;
    margin: 0 auto;
}

@media screen and (max-width:1550px){
	.signup-form-section .signupform-wrapper {
		padding: 65px;
	}
	.pricing-list-box .grid-box{
		gap:20px;
	}
}
@media screen and (max-width:1200px){
	.signup-form-section .signupform-wrapper {
		padding: 65px;
	}
	.pricing-list-box .grid-box{
		gap:20px;
	}
}
@media screen and (max-width:991px){
	.signup-form-section  .pricing-list-box .grid-box {
        grid-template-columns: repeat(1, 1fr);
    }
	ul.multi-step-steps li{
		font-size: 15px;
	}
	.multi-step-steps span.icon{
		border: 7px solid #fff;
	}
	.multi-step-steps li + li:before {
		top: 13px;
	}
	li.success span.icon:before{
		--size: 35px;
	}
	.signup-form-section .signupform-wrapper {
        padding: 35px 20px;
    }
	.signup-form-section .mp_wrapper form {
		max-width: 100%;
		margin: 0 auto;
	}
	.signup-form-section .form-title h2 {
		font-size: 25px;
	}
}

@media screen and (max-width:767px){
	.multi-step-steps span.icon {
        border: 6px solid #fff;
        --size: 9px;
    }
	.mepr_error ul {
		font-size: 13px;
	}
	li.success span.icon:before {
        --size: 28px;
		left: -7px;
		top: -7px;
    }
	.final-step-text ul {
    	text-align: left;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.user-profile-info .grid-row {
		grid-template-columns: 100%;
	}
	.user-profile-info .grid-row .price-detail {
		order: 1;
	}

	.user-profile-info .grid-row  .user-detail-fields {
		order: 2;
	}
	.price-detail .mp-form-row.mepr_bold.mepr_price {
		margin-bottom: 0;
		margin-top: 0;
	}
}

@media screen and (max-width:575px){
	ul.multi-step-steps li {
        font-size: 11px;
    }
	.site-header .brand-logo a {
		position: relative;
		top: 2px;
	}
	.signupform-wrapper :is(.mp-form-submit, .next-btn-wrapper) {
		flex-direction: column;
	}
	.signupform-wrapper :is(.mp-form-submit .mepr-submit, .next-btn-wrapper button.next-btn){
		width:100%;
		order:1;
	}
	:is(.mp-form-submit, .next-btn-wrapper) :is(.default-btn, .prev-btn) {
		width: 100%;
		margin-top: 12px;
		height: 45px;
		order:2;
	}
	.mp-form-submit .mepr-submit, .next-btn-wrapper button.next-btn{
		width:100%;
	}
	
}

/* End Sign Up Form Section */

/* Trade Directory Section */

.trade-directory-lists .item {
    padding: 32px;
	border: 1px solid var(--powder-color);
	background-color:#fff;
	border-radius: 10px;
	display: flex;
    flex-direction: column;
}
.trade-directory-box .search-box {
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid var(--powder-color);
    border-radius: 10px;
	background-color: #ffffff;
}

.trade-directory-box .main-title {
    margin-bottom: 20px;
}

.trade-directory-box .main-title .m-title {
    margin-bottom: 0px;
}

.trade-directory-box .search-box .form-title {
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 500;
}
.single-trade-detail-box .top-bar-title .m-title{
	margin-right: auto;
}
.single-trade-detail-box .lists-sty,
.trade-directory-lists .m-title, .trade-directory-lists .item .lists-sty {
    margin-bottom: 19px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--powder-color);
}

.single-trade-detail-box .lists-sty,
.trade-directory-lists .item .lists-sty {
	flex: 1;
}

.single-trade-detail-box .lists-sty span,
.trade-directory-lists .item .lists-sty span {
    font-weight: 500;
    font-size: 18px;
}

.single-trade-detail-box .lists-sty ul,
.trade-directory-lists .item .lists-sty ul {
    margin: 0;
	list-style:none;
	padding-left:0;
}

.single-trade-detail-box .lists-sty ul li + li,
.trade-directory-lists .item .lists-sty ul li + li {
    margin-top: 6px;
}

.trade-directory-lists .item .btn-wrap {
    margin-top: 25px;
}

.trade-directory-lists .item .btn-wrap .btn {
    font-size: 16px;
    padding: 16px 30px;
}

.trade-directory-lists .item .job-lists-sty li > * {
    font-size: 16px;
    gap: 7px;
}
.trade-directory-lists .item .job-lists-sty{
	gap: 8px;
}
.trade-directory-lists .job-lists-sty li i{
position:relative;
	top:1px;
}
.trade-directory-lists .item .job-lists-sty li > span{
	flex-wrap:nowrap;
	white-space: pre-wrap;
}

@media screen and (max-width: 1350px){
	.trade-directory-lists .item {
		padding: 20px;
	}
	.trade-directory-lists .item .btn-wrap .btn {
		font-size: 14px;
		padding: 15px 24px;
	}
	.trade-directory-lists .item .job-lists-sty li > * {
		font-size: 14px;
	}
}

@media screen and (max-width:1024px){
	.trade-directory-lists .grid-row.col-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:991px){
	.trade-directory-lists .grid-row.col-3 {
		grid-template-columns: 100%;
	}
}
@media screen and (max-width:767px){
	.trade-directory-lists .item .btn-wrap .btn{
		font-size: 14px;
		padding: 14px 22px;
		width: 100%;
	}
	.trade-directory-lists .item {
    	padding: 20px 15px;
		border-radius: 12px;
	}
	.trade-directory-lists .m-title, .trade-directory-lists .item .lists-sty {
    	margin-bottom: 10px;
        padding-bottom: 10px;
	}
	.trade-directory-lists .item .btn-wrap{
		margin-top: 15px;
	}
	.trade-directory-lists .item .job-lists-sty li > *{
		font-size: 14px;
    	gap: 5px;
	}
	.trade-directory-lists .item .lists-sty span{
		font-size:16px;
	}
	.trade-directory-lists .item .lists-sty ul{
		font-size:14px;
	}
	.trade-directory-lists .item .lists-sty ul li + li {
		margin-top: 1px;
	}
}

/* End Trade Directory Section */



/* Single Trade Directory Section */

.single-job-page {
    height: calc(100vh - var(--header-height));
	background-color:#fff;
}
.single-job-page .grid-wrap {
    display: grid;
    grid-template-columns: 430px auto;
	height:100%;
}
.single-job-page .show-location-wrap #map,
.single-job-page .show-location-wrap{
	height:100%;
}

.single-job-page .single-job-detail-box {
    padding: 40px;
    height: calc(100vh - var(--header-height));
    overflow-y: auto;
}

.single-trade-detail-box  .middle-trade-detail {
    padding-top: 24px;
}

.lists-sty .title {
    font-size: 20px;
    font-weight: 500;
}

.lists-sty.inline ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    gap: 5px 32px;
    flex-wrap: wrap;
}

.lists-sty.inline ul li {
    padding-left: 18px;
    position: relative;
}

.lists-sty.inline ul li:before {
    content: '';
    position: absolute;
    --size: 6px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--primary-color);
	left: 2px;
    top: 8px;
}

.middle-trade-detail .contact-information {
    margin-top: 25px;
    border-top: 1px solid var(--powder-color);
    padding-top: 18px;
	margin-bottom:25px;
}
.middle-trade-detail .content p {
    margin-top: 0;
	font-size:14px;
}
.single-trade-detail-box .middle-trade-detail {
    padding-top: 22px;
}

.main-inner-grid-wrap:has(.single-trade-detail-box) > *{
	display:block;
}
:is(.single-trade-detail-box, .single-member-detail-box) .btn-groups-list a{
	text-wrap:wrap;
	text-align:left;
	line-height:1.2;
}

.single-trade-detail-box{
    max-width: 1050px;
    margin: 0 auto;
}
.single-trade-detail-box .contact-information {
    margin-top: 20px;
    border-top: none;
    padding-top: 0;
}
.middle-trade-detail .employee-detail-lists .job-lists-sty {
    font-size: 17px;
    gap: 10px 30px;
}
.contact-information h2.title {
    font-size: 20px;
    margin-bottom: 10px;
}
.single-trade-detail-box .top-bar-title {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.single-trade-detail-box .top-bar-title {
    display: flex;
    gap: 10px 20px;
    justify-content: space-between;
}

span.user-box {
    background-color: var(--ice-color);
    font-size: 14px;
    padding: 6px 15px;
    display: inline-flex;
    border-radius: 50px;
    line-height: 1;
    font-weight: 600;
}
:is(.single-trade-detail-box, .single-member-detail-box) .top-bar-title span.user-box{
	margin-bottom:5px;
}
:is(.single-trade-detail-box, .single-member-detail-box) .top-bar-title .user_status {
    min-width: 165px;
}
.single-trade-detail-box .user-status {
    position: absolute;
    right: 100%;
    white-space: nowrap;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 4px;
    top: 0;
    line-height: 1;
}
.single-trade-detail-box .btn-groups-list a.border-btn.btn {
    padding: 13px 29px;
    font-weight: 500;
}
.middle-trade-detail .contact-information .title {
    font-size: 18px;
}
.main-title:has(.status-select),
.top-bar-title:has(.status-select) {
    display: flex;
    justify-content: space-between;
	align-items:center;
}
.status-select select {
    border: 1px solid #6B728033;
    border-radius: 50px;
    padding: 12px 26px 12px 14px;
    appearance: none;
    min-width: 125px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23043D5B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: calc(100% - 10px) 50%;
    font-size: 13px;
    color: var(--primary-color);
	outline:none;
	cursor:pointer;
}
.status-select select:has([value="Pending"]:checked){
	background-color: #C96F101A;
	border: 1px solid #C96F1033;
/* 	color:#C96F10; */
}
.status-select select:has([value="Completed"]:checked){
	background-color: var(--ice-color, #EBF2FA);
	border: 1px solid var(--powder-color, #DDEAF6)
} 
.single-job-page .gallery-list img{
	height:100px;
}
.single-job-detail-box .middle-job-detail p {
    margin-bottom: 10px;
}
@media screen and (max-width:1100px){
	.single-job-page .grid-wrap{
		grid-template-columns: 350px auto;
	}
	.single-job-page .single-job-detail-box {
		padding: 30px 20px;
	}
	.single-trade-detail-box{
		width:100%;
	}
}
@media screen and (max-width:991px){
	.single-job-page .grid-wrap {
		grid-template-columns: 100%;
		height: 100%;
		grid-template-rows: 55vh auto;
	}
	
	.middle-trade-detail .employee-detail-lists .job-lists-sty {
		font-size: 16px;
		gap: 10px 21px;
	}
	.single-job-page .grid-wrap .right-side {
		order: 1;
	}
	.single-job-page{
		height:100%;
		min-height: calc(100vh - var(--header-height));
	}
	.single-job-page .grid-wrap .left-side {
		order: 2;
	}
	.single-job-page .single-job-detail-box{
		height:auto;
		padding: 30px;
	}
	.single-job-page .gallery-list img {
		height: 190px;
	}
}
@media screen and (max-width:767px){
	.middle-trade-detail .contact-information{
		margin-top: 20px;
	}
/* 	.single-trade-detail-box .top-bar-title {
		flex-direction: column;
		align-items: flex-start;
	} */
	.middle-trade-detail .employee-detail-lists .job-lists-sty{
		font-size: 14px
	}
	.middle-trade-detail .job-lists-sty li i {
		margin-top: 0;
		font-size: 1em;
	}
	.job-lists-sty li:has(i){
		gap:5px;
	}
/* 	:is(.single-trade-detail-box, .single-member-detail-box) .btn-groups-list a {
		width:100%;
	} */
	.single-trade-detail-box .middle-trade-detail{
		padding-top: 20px;
	}
	.single-job-page .single-job-detail-box{
		padding:30px 20px;
	}
	.single-trade-detail-box .top-bar-title {
/* 		flex-direction: column;
		align-items: flex-start; */
		position: relative;
	}

	.single-trade-detail-box .right-side {
        position: absolute;
        top: -11px;
        right: 11px;
    }

	.single-trade-detail-box .status select.js-tradie-status {
		height: 35px;
        font-size: 12px;
        padding: 0 10px;
	}

	.single-trade-detail-box .top-bar-title .user_status {
		min-width: 120px;
	}
	.single-trade-detail-box .top-bar-title:has(select.js-tradie-status) {
		padding-top: 20px;
	}
	:is(.single-trade-detail-box, .single-member-detail-box) .top-bar-title span.user-box,
	.top-bar-title .user-status span {
		font-size: 12px;
	}
	:is(.single-member-detail-box, .single-trade-detail-box) .details-info .title {
		font-size: 18px;
		margin-bottom: 7px;
	}
	:is(.single-trade-detail-box, .single-member-detail-box) .top-bar-title .m-title{
		font-size:17px;
	}
}


/* Single Trade Directory Section */

/* Single Content CSS */

.single-content-wrap ul li + li {
    margin-top: 5px;
}
.single-content-wrap blockquote {
    margin: 0 0 18px;
    padding: 1px 10px 1px 20px;
    border-left: 2px solid var(--powder-color);
    font-weight: 500;
    font-size: 18px;
	
}
.single-content-wrap blockquote p {
    margin: 8px 0px;
}
.single-general-page-box   h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

.single-content-wrap p {
    margin: 0 0 16px;
}

/* End Single Content CSS */


/* Single Job section */

.single-job-detail-box .button-groups {
    margin-top: 35px;
}
.single-job-detail-box .btn-groups-list .btn {
    font-size: 14px;
    height: 40px;
}
.single-job-detail-box .btn-groups-list .back-wrap{
	margin-right:auto;
}
.middle-job-detail ul.job-lists-sty {
    padding-top: 9px;
}
.single-job-detail-box .title {
    margin-bottom: 10px;
	font-size:20px;
}


/* End Single Job section */


/* Profile Info wrapper */

.account-edit-wrap .profile-title {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px;
}

.account-edit-wrap .profile-title:before {
    content: '';
    position: absolute;
    left: -25px;
    right: -25px;
    bottom: 0;
    height: 1px;
    background-color: var(--powder-color);
}

.account-edit-wrap .profile-title h2 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}
.profile-image-upload > h3 {
    font-size: 18px;
    font-weight: 500;
}
.profile-image-upload > h3 {
    font-size: 18px;
    font-weight: 500;
}
.account-edit-wrap .mp_wrapper select,
.account-edit-wrap .mp_wrapper textarea,
.account-edit-wrap .mp_wrapper input:not([type="file"], [type="checkbox"], [type="radio"]){
    border: 1px solid var(--powder-color);
    border-radius: 8px;
    padding: 10px 15px;
    height: 50px;
}
.profile-image-upload .profile-image-upload {
    display: flex;
    align-items: center;
    position: relative;
	margin-bottom:40px;
}
.profile-image-upload .profile-image-upload{
	  --size: 80px;
}
.profile-image-upload .profile-image-upload .profile-img {
    height: var(--size);
    width: var(--size);
    flex: 0 0 var(--size);
    background: var(--body-color);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	overflow:hidden;
	font-size: 26px;
}

.profile-image-upload .profile-image-upload input#profileimg {
    position: absolute;
    left: 0;
    opacity: 0;
	height: var(--size);
    width: var(--size);
	cursor:pointer
}

.profile-image-upload .profile-image-upload .btn-wrap {
    padding-left: 18px;
}

.profile-image-upload .profile-image-upload .btn-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
}

.profile-image-upload .profile-image-upload .btn-wrap svg {
    width: 17px;
    height: auto;
    padding-top: -3px;
}

.profile-image-upload .profile-image-upload .btn-wrap span {
    display: inline-flex;
    gap: 6px;
    align-items: center;
	cursor: pointer;
}
.profile-image-upload .profile-image-upload .btn-wrap span svg {
    margin-top: -3px;
}
.profile-image-upload .profile-image-upload .profile-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.profile-img span.text-profile-img {
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 500;
	text-align:center
}
div#popupcropper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0000002e;
    z-index: 99;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px;
}
.mp-form-row.mepr_custom_field.mepr_mepr_profile_image {
    display: none;
}

#popupcropper .popup-wrapper {
    background: #fff;
    border: 1px solid var(--powder-color);
    border-radius: 8px;
    padding: 20px;
}

div#popupcropper .button-wrap {
    margin-top: 20px;
}

div#popupcropper .button-wrap button#cropimage, div#popupcropper .button-wrap button#cancelcrop {
    background-color: var(--primary-color);
    padding: 12px 31px;
    color: #fff;
    border-radius: 4px;
    border: none;
    height: 40px;
    cursor: pointer;
}

div#popupcropper .button-wrap button#cancelcrop {
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
div#popupcropper .button-wrap button#cancelcrop:hover,
div#popupcropper .button-wrap button#cropimage:hover{
	background-color:var(--secondary-color);
	color:#fff;
	border-color: var(--secondary-color);
}


.address-form,
.user-profile-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 25px;
}

:is(.user-profile-form, .address-info ) .mp-form-label {
    margin-bottom: 8px;
}
.account-edit-wrap .mp_wrapper select {
    appearance: none;
    padding-right: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%23043D5B'/%3E%3C/svg%3E%0A");
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px)50%;
}
.address-info .main-title .title {
	font-size: 18px;
    padding-top: 29px;
    border-top: 1px solid var(--powder-color);
    margin-top: 18px;
}
.submit-wrap .btn-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.account-edit-wrap .submit-wrap .btn-wrap img.mepr-loading-gif {
    width: 20px;
    height: auto;
}


.account-edit-wrap :is(.mepr-account-change-password a.secondary-btn.btn, .submit-wrap .btn-wrap .mepr-submit.mepr-share-button.secondary-btn.btn) {
    height: 42px;
	width: 120px;
    border: none;
    font-family: var(--primary-fonts);
}

.account-edit-wrap span.mepr-account-change-password {
    display: block;
    left: 130px;
    margin-top: -42px;
    position: relative;
    display: flex;
    z-index:2;
    max-width: 100px;
}
.account-edit-wrap .submit-wrap {
    position: relative;
    margin-top: 18px;
	position: relative;
	z-index:1;
	
}
span.mepr-form-has-errors {
    position: absolute;
    right: 0;
    top: -25px;
    font-size: 14px;
    font-weight: 600;
	
}
.profile-image-upload .profile-image-upload,
.mepr-account-form :is(.address-form, .user-profile-form) {
/*     max-width: 800px;
    margin-left: auto;
    margin-right: auto; */
}

.account-edit-wrap.shadow-box {
    max-width: 900px;
    margin: 0 auto;
}

@media screen and (max-width:991px){
	.top-dashboard-wrap > .container:has(.account-edit-wrap) {
		padding-top: 40px;
        padding-bottom: 30px;
	}
	
}

@media screen and (max-width:767px){
	.address-form, .user-profile-form {
		grid-template-columns: 1fr;
		gap: 0px 25px;
	}
	.profile-image-upload .profile-image-upload{
		--size: 68px;
	}
	.account-edit-wrap .profile-title:before{
		left: -15px;
    	right: -15px;
	}
	.account-edit-wrap .mp_wrapper select, 
	.account-edit-wrap .mp_wrapper textarea, 
	.account-edit-wrap .mp_wrapper input:not([type="file"], [type="checkbox"], [type="radio"]){
		font-size:15px;
	}
}


/* End Profile Info wrapper */

/* Renewal option CSS */

.heading-section h1 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.heading-section p {
    margin: 0;
    color: #64748B;
}

.heading-section {
    margin-bottom: 15px;
}

.renewal-content-wrap {
    background: linear-gradient(90deg, #EFF6FF 0%, #EEF2FF 100%);
    border: 1px solid var(--powder-color);
    padding: 20px 80px 20px 20px;
    border-radius: 8px;
    position: relative;
}

.renewal-content-wrap .main-title {
    margin-bottom: 0;
}

.renewal-content-wrap span {
    display: block;
    margin-bottom: 0;
}

.renewal-content-wrap span.m-title {
    margin-bottom: 8px;
    font-weight: 400;
}

.renewal-content-wrap .day {
    position: absolute;
    right: 20px;
    top: 20px;
    background: var(--powder-color);
    padding: 4px 10px;
    border-radius: 20px;
    color: #1E40AF;
    font-size: 14px;
    font-weight: 500;
}
.renewal-plan-option-box .group-btn{
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
	margin-top: 40px;
}
.renewal-plan-option-box .group-btn :is(.mepr-open-cancel-confirm, .mepr-account-update),
.renewal-plan-option-box .group-btn .border-btn.btn {
    font-size: 14px;
	padding: 12px 18px;
	line-height:1.2;
	text-align:center;
}
.renewal-plan-option-box .group-btn a {
    flex: 1 1;
}
.renewal-plan-option-box .group-btn a.mepr-account-row-action.mepr-account-update {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 8px;
}

.renewal-plan-option-box .group-btn a.mepr-account-cancel {
    border: 1px solid var(--powder-color);
    border-radius: 8px;
    color: var(--primary-color);
}
.renewal-plan-option-box .group-btn a.mepr-account-row-action.mepr-account-update:hover{
	background-color:var(--secondary-color);
}
.renewal-plan-option-box .group-btn .border-btn.btn:hover,
.renewal-plan-option-box .group-btn a.mepr-account-cancel:hover{
	background-color:var(--primary-color);
	color:#fff;
	border-color: var(--primary-color)
}
.mepr-white-popup{
	padding: 35px 20px;
	border-radius: 10px;
}
.mepr-white-popup .mepr-cancel-sub-text {
    font-size: 20px;
    font-weight: 500;
}

.mepr-cancel-sub-buttons button.mepr-confirm-yes {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}
.mepr-cancel-sub-buttons button.mepr-btn.mepr-confirm-no:hover,
.mepr-cancel-sub-buttons button.mepr-confirm-yes:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color:#fff;
}

.mepr-cancel-sub-buttons  button.mepr-btn.mepr-confirm-no {
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}


@media screen and (max-width:991px){
	.renewal-content-wrap .main-title .content {
		font-size: 18px;
	}
}

@media screen and (max-width:767px){
	.renewal-content-wrap .main-title {
		padding-right: 0;
	}
	.renewal-content-wrap {
		padding-right: 0;
		padding-top: 20px;
	}
	.renewal-plan-option-box .group-btn{
		gap: 15px;
		margin-top: 30px;
	}
	.renewal-content-wrap .main-title .content {
		font-size: 14px;
	}
	.renewal-content-wrap .day {
		position: static;
		display: inline-block;
		margin-top: 15px;
	}
}

/* End Renewal option CSS */

/* Trade assign List css */

.tradie-assign-wrap .item + .item {
    margin-top: 12px;
    border-top: 1px solid var(--powder-color);
    padding-top: 10px;
}

.tradie-assign-wrap .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tradie-assign-wrap .item .title {
    margin-bottom: 1px;
    font-size: 16px;
}

.tradie-assign-wrap .item  span {
    font-size: 14px;
}

.tradie-assign-wrap .item  span {
    font-size: 14px;
}

:is(.tradie-list, .tradie-assign-wrap) button{
	padding: 10px 15px;
	min-width: 100px;
	 border-radius: 6px;
}
:is(.tradie-list, .tradie-assign-wrap) button:disabled {
    background-color: transparent;
    border: 1px solid var(--powder-color);
    border-radius: 6px;
    color: rgb(16 61 91 / 54%);
    cursor: not-allowed;
	 
}

:is(.tradie-list, .tradie-assign-wrap) button {
    background-color: var(--primary-color);
    padding: 10px 15px;
    min-width: 100px;
    border: 1px solid var(--powder-color);
    color: #fff;
  
}
:is(.tradie-list, .tradie-assign-wrap) button:not(:disabled):hover{
	background-color:var(--secondary-color);
	color:#fff;
}

/* End Trade assign List css */


/* Job detail Popup CSS */

.assign-box-lists .m-title {
        background: var(--ice-color);
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-size: 18px;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    gap: 0 7px;
}
.jobdetail-drawer.side-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 50;
    left: auto;
    right: -100%;
	width: 100%;
    height: 100vh;
	transition:all 0.2s linear;
	display:block !important;
}
.jobdetail-drawer.side-drawer.active{
	right:0;
}
.job-overlay{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:var(--primary-color);
	opacity:0.5;
}

.jobdetail-drawer.side-drawer .wrapper {
    height: 100%;
    background: #fff;
    width: 100%;
    margin-left: auto;
    display: grid;
	grid-template-columns: 450px 1fr;
	position:relative;
	order:2;
}
.jobdetail-drawer.side-drawer .wrapper .mapdrawer{
	order:2;
}
.jobdetail-drawer.side-drawer .wrapper .mapdrawer div#map {
/*     height: 70vh !important; */
    height: 100% !important;
}
.jobdetail-drawer :is(.jobdrawercontent-wrapper) {
	overflow-y:auto;
	overflow-x:hidden;
	height:100vh;
	order:1;
	scrollbar-width: thin;
	padding-top: 20px;
}
.table-member-list .member-wrapper {
    position: relative;
    margin-bottom: 8px;
}

.table-member-list .member-wrapper a.member-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.jobdetail-drawer :is(.jobdrawercontent-wrapper) .jobdrawer-box{
    padding:20px 25px;
	background-color: #ffffff;
}

.single-job-detail-box ul.job-lists-sty .location-box,
.jobdrawercontent ul.job-lists-sty .location-box{
	font-size:14px;
	font-weight:400;
}
.jobdetail-drawer .jobdetail ul.job-lists-sty {
    margin-top: 12px;
}
.gm-style-iw.gm-style-iw-c {
    width: 200px;
}

.single-member-detail-box .middle-member-detail {
    padding-top: 20px;
}
:is(.single-member-detail-box, .single-trade-detail-box) .details-info .title {
    font-size: 18px;
	margin-bottom:12px;
}
#map div:has(>img[src*="your-location-marker.png"]){
    overflow: unset !important;
}
#map div:has(>img[src*="your-location-marker.png"]):before{
	content: '';
	width: 21px;
	height: 21px;
	position: absolute;
	background-color: rgb(29 90 129);
	border-radius: 50%;
	-webkit-animation: markerAnimation 1s linear infinite;
	        animation: markerAnimation 1s linear infinite;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	    -ms-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);
}
@-webkit-keyframes markerAnimation {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(29,90,129, 1);
            box-shadow: 0 0 0 0 rgba(29,90,129, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(29,90,129, 0);
              box-shadow: 0 0 0 10px rgba(29,90,129, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(29,90,129, 0);
              box-shadow: 0 0 0 0 rgba(29,90,129, 0);
  }
}
@keyframes markerAnimation {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(29,90,129, 1);
            box-shadow: 0 0 0 0 rgba(29,90,129, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(29,90,129, 0);
              box-shadow: 0 0 0 10px rgba(29,90,129, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(29,90,129, 0);
              box-shadow: 0 0 0 0 rgba(29,90,129, 0);
  }
}

#map div:has(>img[src*="green.png"]){
    overflow: unset !important;
}
#map div:has(>img[src*="green.png"]):before{
	content: '';
	width: 21px;
	height: 21px;
	position: absolute;
	background-color: rgb(29 90 129);
	border-radius: 50%;
	-webkit-animation: markerAnimationgreen 1s linear infinite;
	        animation: markerAnimationgreen 1s linear infinite;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	    -ms-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);
}
@-webkit-keyframes markerAnimationgreen {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(56,185,93, 1);
            box-shadow: 0 0 0 0 rgba(56,185,93, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(56,185,93, 0);
              box-shadow: 0 0 0 10px rgba(56,185,93, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(56,185,93, 0);
              box-shadow: 0 0 0 0 rgba(56,185,93, 0);
  }
}
@keyframes markerAnimationgreen {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(56,185,93, 1);
            box-shadow: 0 0 0 0 rgba(56,185,93, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(56,185,93, 0);
              box-shadow: 0 0 0 10px rgba(56,185,93, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(56,185,93, 0);
              box-shadow: 0 0 0 0 rgba(56,185,93, 0);
  }
}

.gm-style-iw.gm-style-iw-c a.card-product.map-card {
    color: var(--primary-color);
}

.gm-style-iw.gm-style-iw-c a.card-product.map-card .title-wrap .title {
    margin-bottom: 5px;
}

.gm-style-iw.gm-style-iw-c a.card-product.map-card .address-wrap {
    margin-top: 10px;
    text-transform: uppercase;
}


.gm-style-iw-chr .gm-style-iw-ch {
    display: none;
}

.gm-style-iw-chr button.gm-ui-hover-effect {
    position: absolute !important;
    right: 8px;
    top: 4px !important;
    background-color: var(--powder-color) !important;
    display: inline-flex;
    --size: 24px;
    width: var(
    --size) !important;
    height: var(
    --size) !important;
    justify-content: center;
    align-items: center;
    display: inline-flex !important;
    border-radius: 50%;
}

.gm-style .gm-style-iw-d {
    padding-top: 12px;
}

.gm-style-iw-chr button.gm-ui-hover-effect span {
    width: var(--size) !important;
    height: var(--size) !important;
    margin: 0 !important;
    mask-image: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23000'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

.jobdetail-drawer .tradie-list-wrap .tradie-list.drawer-tradie-list{
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.jobdetail-drawer .tradie-list-wrap .tradie-list.drawer-tradie-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.jobdetail-drawer .tradie-list-wrap .tradie-list.drawer-tradie-list li{
	flex: 100%;
	width: 100%;
}
.jobdetail-drawer .tradie-list.drawer-tradie-list .item {
    gap: 4px;
    flex-direction: column;
    align-items: flex-start;
}
.jobdetail-drawer .tradie-list.drawer-tradie-list .item button {
    margin-top: 8px;
    flex: 0 0 100%;
    min-width: 100%;
}
/* .jobdetail-drawer .tradie-list:not(.splide__list){
	border-left: 1px solid var(--powder-color);
	height: 60vh;
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    gap: 12px;
    place-content: flex-start;
	padding:25px;
	overflow-y:auto;
	overflow-x:hidden;
} */
.jobdetail-drawer .tradie-list .item {
    display: flex;
/*     flex-direction:column; */
	justify-content: space-between;
	align-items: center;
    padding: 15px;
    border: 1px solid var(--powder-color);
    border-radius: 8px;
}
.tradie-slider{
	visibility:hidden !important;
} 
.tradie-slider:has(.splide__slide.is-visible){
	visibility:visible !important;
}

.single-job-page .tradie-list.drawer-tradie-list{
	padding:0;
	margin:0;
}
.single-job-page .tradie-list.drawer-tradie-list .item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 15px;
    border: 1px solid var(--powder-color);
    border-radius: 8px;
    margin-bottom: 15px;
}

.single-job-page .tradie-list.drawer-tradie-list .item .title {
    font-size: 14px;
    margin-bottom: 4px;
}

.single-job-page .tradie-list.drawer-tradie-list .item span {
    font-size: 14px;
}

.tradie-slider .card-product {
    margin-bottom: 16px;
}
.log-list .user:not(:empty) {
    font-size: 12px;
    background: var(--ice-color);
    padding: 5px 9px;
    border-radius: 20px;
    line-height: 1;
    white-space: nowrap;
    align-items: center;
    display: inline-flex;
}
/* width */
.jobdetail-drawer :is(.tradie-list, .jobdrawercontent)::-webkit-scrollbar{
  width: 6px;
}

/* Track */
.jobdetail-drawer :is(.tradie-list, .jobdrawercontent)::-webkit-scrollbar-track {
  background: #EBF2FA; 
}
 
/* Handle */
.jobdetail-drawer :is(.tradie-list, .jobdrawercontent)::-webkit-scrollbar-thumb{
  background: #e4e4e4;
}

/* Handle on hover */
.jobdetail-drawer :is(.tradie-list, .jobdrawercontent)::-webkit-scrollbar-thumb:hover{
  background: #043D5B; 
}

.assign-box-lists .job-lists-box.assign-items-lists {
    padding: 10px 15px 15px;
    background: var(--ice-color);
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
	position:relative;
}
.job-lists-box.assign-items-lists.cutom-scroll-bar:has(.spinner) > *:not(.spinner) {
    opacity: 0.5;
}
.clearfilterbtn {
    margin-left: auto;
    background-color: var(--powder-color);
    padding: 2px 13px;
    font-size: 14px;
    border-radius: 14px;
    font-weight: 600;
	cursor:pointer;
	transition: 0.2s;
}
.clearfilterbtn:hover{
	background-color: var(--ice-color);
}
.assign-box-lists .wrap{
	border: 1px solid var(--powder-color, #DDEAF6);
    box-shadow: 0px 1px 2px 0px #0000000D;
    border-radius: 10px;
}

.assign-box-lists .job-lists-box .job-item .border-btn.btn:not(:hover){
	background-color: #ffffff;
}

.assign-box-lists .job-lists-box .job-item .border-btn.btn .spinner{
	--border-color: var(--primary-color);
	--size: 14px;
}
.assign-box-lists .job-lists-box .job-item .border-btn.btn:hover .spinner{
	--border-color: #ffffff;
}
span.assigned-user {
    max-width: 20ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.assign-box-lists .job-lists-box .job-item{
	background-color: #fafdff;
	cursor:pointer;
	transition:all 0.2s linear;
}
.assign-box-lists .job-lists-box .job-item a{
	color:var(--primary-color)
}
.assign-box-lists .job-lists-box .job-item:hover {
    background-color: #ebf2fa7d;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.assigned-user {
    padding: 4px 8px 3px !important;
    border-radius: 40px;
    border: 1px solid var(--user-border);
    color: var(--user-color);
    background-color: var(--user-bg);
    display: inline-block !important;
    width: auto;
    line-height: 1;
    font-size: 13px !important;
}

.accepted {
    --user-border: #16a34a80;
    --user-color: #16A34A;
    --user-bg: #16a34a0d;
}

.assigned {
    --user-border: #C96F1033;
    --user-color: #C96F10;
    --user-bg: #C96F101A;
}
.assign-box-lists .job-lists-box .job-item .tag-wrap{
	margin-block: 10px 12px;
}
.assign-box-lists .job-lists-box .job-item .tag-list{
	display: flex;
	gap: 2px 4px;
	flex-wrap: wrap;
	--tag-border: var(--primary-color);
	--tag-bg: #f6f7f9;
	--tag-color: var(--primary-color);
}

.assign-box-lists .job-lists-box .job-item .tags{
	display: inline-block;
	padding: 4px 8px 2px;
	border-radius: 40px;
	border: 1px solid var(--tag-border);
	background-color: var(--tag-bg);
	color: var(--tag-color);
	font-size: 14px;
	line-height: 1;
}
.jobdetail-drawer .tradie-list  .m-title {
    margin-bottom: 0;
}

.jobdrawercontent .gallery:not(:has(.gallery-slider)) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.gallery-slider:not(:has(.splide__slide:nth-child(3))) .splide__arrows {
    display: none;
}
.gallery-slider .splide__arrow {
    opacity: 1;
    background-color: #ffffff;
    box-shadow: 0 0 3px -2px #000;
}
.gallery-slider .splide__arrow--next{
    right: var(--inline-offset);
}
.gallery-slider .splide__arrow--prev{
    left: var(--inline-offset);
}
.gallery-slider {
    --inline-offset: -14px;
}
.jobdrawercontent .gallery img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
    cursor: pointer;
    background: var(--body-color);
    border-radius: 8px;
}

.jobdetail-drawer .tradie-list .item .title {
    font-size: 16px;
    margin-bottom: 0px;
}

.jobdetail-drawer .tradie-list .item  span {
    font-size: 13px;
    border-radius: 8px;
    color: #151515;
}
.jobdrawercontent .title * {
    font-size: 26px;
    margin-bottom: 5px;
}

.jobdrawercontent .job-description-wrapper{
	border-bottom: 1px solid var(--powder-color);
    padding-bottom: 0px;
}
.jobdetail.jobdrawer-box .gallery {
    padding-top: 14px;
	padding-bottom:25px
}
.jobdrawercontent .content {
    margin-bottom: 10px;
	font-size:17px;
}
.jobdrawercontent .content p{
	margin-bottom:7px;
}
.jobdetail-drawer .wrapper .pop-close {
    position: absolute;
    left: auto;
    top: 37px;
    --size: 37px;
    width: var(--size);
    height: var(--size);
    display: inline-flex;
    border-radius: 50%;
    background-color: var(--primary-color);
    z-index: 1;
    align-items: center;
    color: #fff;
    justify-content: center;
    font-size: 0.9em;
	cursor: pointer;
	transition:all 0.2s linear;
}
.jobdetail-drawer.active .wrapper .pop-close {
	right: 20px;
}
.jobdetail-drawer .wrapper .pop-close:hover{
	background-color:var(--secondary-color);
	color:#fff
}
.assign-box-lists .job-lists-box .job-item .bottom-wrap{
	margin-top: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.assign-box-lists .job-item .btn-wrap .btn,
.assign-box-lists .job-item .btn-wrap{
	width:100%;
	font-size: 14px;
}
.assign-box-lists .job-lists-box .job-item p{
	margin: 9px 0;
	font-size:18px;
}
.assign-box-lists .job-lists-box .top-wrap span {
    font-size: 14px;
    position: relative;
    bottom: -2px;
    display: block;
}
.assign-box-lists .job-lists-box .top-wrap .job-type{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assign-box-lists .job-lists-box .job-info:not(.no-icon) span{
	gap: 1px;
}
.assign-box-lists .job-lists-box .job-item + .job-item{
	margin-top:8px;
}

.job-lists-box .job-item:has(.spinner):before,
.assign-box-lists .job-lists-box .job-item:has(.spinner):before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #fdfdfda1;
    border-radius: 8px;
	z-index:2;
}
.job-lists-box .spinner,
.assign-box-lists .job-lists-box.assign-items-lists .spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	z-index:3
}
.assign-box-lists .wrap{
   	height: calc(100vh - 122px);
	background:#fff;
}
.assign-box-lists .wrap{
	--title-height: 54px;
}
.admin-bar .assign-box-lists .wrap{
    height: calc(100vh - 128px);
	
}
.assign-box-lists .wrap .job-lists-box {
    height: calc(100% - var(--title-height));
    overflow-y: auto;
}
.assign-box-lists .title-wrap {
    display: flex;
    justify-content: space-between;
    gap: 10px;
	padding: 18px 19px 12px;
	height: var(--title-height);
}
.assign-box-lists .m-title .job-count {
	--size: 19px;
    background: var(--primary-color);
    display: inline-flex;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 11px;
}
.assign-box-lists .job-lists-box .job-item .job-info {
    align-items: center;
}
.assign-box-lists .job-lists-box .job-item .job-info > *:not(span.assigned-user) {
    position: relative;
    bottom: -2px;
}
.assign-box-lists .job-lists-box .bar-line-lists i.ic-time {
    position: relative;
    top: 1px;
}
.location-box {
    display: flex;
    gap: 5px;
    font-size: 15px;
    font-weight: 500;
}
.location-box i {
    position: relative;
    top: 2px;
    font-size: 15px;
}
.assign-box-lists .title-wrap svg {
    width: 24px;
    height: auto;
    cursor: pointer;
}
.bar-line-lists {
    display: flex;
    gap: 14px;
}


.bar-line-lists span{
    position: relative;
}

.bar-line-lists span + span:before {
    content: '';
    position: absolute;
    left: -6px;
 	top: 1px;
    width: 1px;
    height: 14px;
    background: var(--primary-color);
    opacity: 0.4;
}

.top-dashboard-wrap .main-inner-grid-wrap.job-request-table {
    margin-bottom:0 !important
}

.rejected-job {
    position: absolute;
    right: 10px;
    font-size: 12px;
    background: #ff1717;
	color: #fff;
    padding: 6px 12px;
    border-radius: 50px;
    line-height: 1;
    top: 10px;
}
.top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table) > .container {
	padding:15px 50px 0;
}


@media screen and (min-width:1201px){
	
	.main-dashboard-section:has(.job-request-table) > .container {
        padding: 30px 50px;
    }
}

@media screen and (max-width:1550px){
	.jobdetail-drawer.side-drawer .wrapper{
		grid-template-columns: 400px auto;
	}
	
}

@media screen and (max-width:1350px){
	
	.assign-box-lists .job-lists-box .job-item {
		padding: 15px;
	}
	.assign-box-lists .job-lists-box .job-item .bottom-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.assign-box-lists .job-lists-box .job-item p {
		margin: 5px 0 11px;
	}
	
}

@media screen and (max-width:1200px){
	
	.admin-bar .top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table){
		padding-top: 20px;
	}
	
	.bottom-dashboard-wrap:has(.side-dashboard-bar.menu-collapse) .grid-row.col-3 {
        grid-template-columns: repeat(3, 50%);
    }
	.bottom-dashboard-wrap .assign-box-lists .grid-row.col-3 {
		grid-template-columns: repeat(3, 80%);
	}
	.top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table){
		overflow-y: auto;
		width:100%;
	}
	.job-request-table .assign-box-lists .col-item:last-child {
		padding-right: 40px;
	}
	
	.jobdetail-drawer.side-drawer .wrapper {
        grid-template-columns: 350px auto;
    }
	.assign-box-lists .job-lists-box .job-item p{
		font-size:16px;
	}
	.assign-box-lists .job-lists-box.assign-items-lists{
		border-radius: 0 0 10px 10px;
	}
}
@media screen and (max-width:991px){
	.jobdetail-drawer.side-drawer .wrapper {
        width: 100%;
    }
	.jobdrawercontent .content{
		font-size:16px;
	}
	.jobdetail-drawer.side-drawer .wrapper .mapdrawer{
		order:1;
	}
	.jobdetail-drawer :is(.jobdrawercontent-wrapper){
		height: 100%;
		padding-top:0;
	}
	.jobdetail-drawer.side-drawer .wrapper {
		grid-template-columns: 100%;
		grid-template-rows: 60vh 40vh;
	}
	
}
@media screen and (max-width:767px){
	.assign-box-lists .grid-row.col-3 {
		grid-template-columns: repeat(1, 1fr);
	}
	.bottom-dashboard-wrap .assign-box-lists .grid-row.col-3 {
		grid-template-columns: repeat(3, 90%) !important;
	}
	.admin-bar .top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table) {
        padding-top: 0;
    }
	.job-request-table .assign-box-lists .col-item:last-child {
        padding-right: 20px;
    }
	.jobdetail-drawer.side-drawer .wrapper{
		grid-template-columns: 100%;
		overflow-y: auto;
	}
	.jobdetail-drawer .tradie-list{
		height:auto;
		padding:20px;
	}
	.jobdetail-drawer :is(.jobdrawercontent){
		border-top:1px solid var(--powder-color);
		overflow: visible;
	}
	.jobdetail-drawer .wrapper .pop-close{
		top: 14px;
	}
	.jobdetail-drawer :is(.jobdrawercontent-wrapper) .jobdrawer-box {
		padding: 20px;
	}
	.jobdetail-drawer.active .wrapper .pop-close {
		--size: 30px;
		right:12px;
		top: 8px;
	}
	.jobdetail-drawer.side-drawer .wrapper{
		grid-template-rows: 55vh 45vh;
	}
}

/* End Job detail Popup CSS */

/* globel pop */

.mp_wrapper:has(.mepr-account-table) {
    padding: 30px;
    background: #fff;
    border: 1px solid var(--powder-color);
    border-radius: 6px;
}

.mp_wrapper table.mepr-account-table .mepr-account-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.mepr-account-actions a, .mepr-account-actions button {
    padding: 10px 15px;
    border-radius: 6px;
    line-height: 1;
}

.mepr-account-actions a, .mepr-account-actions button {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    /* line-height: 1; */
}

.mp_wrapper table.mepr-account-table .mepr-account-actions button.mepr-open-cancel-confirm.mepr-account-row-action.mepr-account-cancel {
    border: 1px solid #fff;
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.mp_wrapper table.mepr-account-table .mepr-account-actions a.mepr-account-row-action.mepr-account-suspend {
    background: var(--secondary-color);
	color:#fff;
}

.mepr-subscription-row  .mepr-account-created-at {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.mp_wrapper table.mepr-account-table,
.mp_wrapper table.mepr-account-table tr {
	border: 1px solid var(--powder-color);
}

.mp_wrapper table.mepr-account-table td{
	border-left: 1px solid var(--powder-color);
}
.mepr-subscription-row  .mepr-account-active {
    text-align: center;
}
.mepr-account-table thead tr {
    border-bottom: none !important;
}
.mp_wrapper table.mepr-account-table td {
	padding: 10px 15px;
}


/* Activity Log */
.log-list {
    display: grid;
    gap: 10px;
    position: relative;
    isolation: isolate;
	padding-top: 15px;
}

.log-list .log {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.log-list .log .date {
    order: 10;
    font-size: 12px;
    margin-left: auto;
    background: #ffffff;
}
.log-wrap h3{
    position: relative;
    isolation: isolate;
	cursor: pointer;
	margin: 0;
}
.log-wrap summary{
	list-style: none;
}
.log-wrap h3:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15'%3E%3Cpath d='M14 8.81348H8V14.8135H6V8.81348H0V6.81348H6V0.813477H8V6.81348H14V8.81348Z'%3E%3C/path%3E%3C/svg%3E");
}
.log-wrap[open] h3:after{
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='3' viewBox='0 0 14 3'%3E%3Cpath d='M14 2.81543H0V0.81543H14V2.81543Z'%3E%3C/path%3E%3C/svg%3E");   
}

.iframe-map iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    border: 0;
    border-radius: 9px;
}
.member-request-wrap {
    margin-top: 20px;
}


/* Jobdrawer Readmore */
.jobdetail-drawer .content.readmore-collapsed {
  max-height: calc(4 * 24px);
	overflow: clip;
	mask-image: linear-gradient(to top, transparent 0%, #ffffff 50px);
}

.readmore-btn {
	display: inline-block;
	background: none;
	border: none;    
	color: var(--link-text-color);
	text-decoration: underline;
	cursor: pointer;
	font-weight: 500;
	padding: 0;
	text-transform:capitalize;
}

.readmore-btn:hover {
  text-decoration: underline;
}

.readmore-fade {
  transition: opacity 0.3s ease;
}



.jobdetail-drawer .tradie-list-wrap .tradie-list.drawer-tradie-list .spinner {
    position: absolute;
    inset: 0;
    margin: auto;
}
.jobdetail-drawer .tradie-list-wrap .tradie-list.drawer-tradie-list:has(.spinner) *:not(.spinner) {
	cursor: not-allowed;filter: blur(0.8px);
}
.jobdetail-drawer .tradie-list-wrap .tradie-list.drawer-tradie-list:has(.spinner) {
    position: relative;
}

/* Update Payment CSS */

.main-dashboard-section .mp_wrapper:has(#mepr-stripe-payment-form) {
    max-width: 700px;
    margin: 40px auto;
    width: 100%;
	justify-content:center;
	align-self: center;
}
.main-dashboard-section form#mepr-stripe-payment-form {
    border-radius: 8px;
    padding: 30px;
    background-color: #fff;
    border: 1px solid var(--powder-color, #DDEAF6);
    box-shadow: 0px 1px 2px 0px #0000000D;
    margin: 0 15px;
}

.mepr_update_account_table strong {
    font-size: 20px;
}


form#mepr-stripe-payment-form input.mepr-submit {
    padding: 10px 27px;
    border: none;
    font-size: 15px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 8px;
}

form#mepr-stripe-payment-form input.mepr-submit:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

/* End Update Payment CSS */

/* Assign filter Popup */
.popup-box-wrapper,
.filter-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 50;
    background: #ffffff2e;
    height: 100vh;
}
.popup-box-wrapper .address-form-wrap,
.filter-popup .wrapper {
    max-width: 550px;
    padding: 30px;
    background: #fff;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid var(--ice-color);
    margin-top: 27vh;
    position: relative;
}
.popup-box-wrapper span.popup-overlay,
.filter-popup span.popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ebf2fa54;
	backdrop-filter: blur(10px);
}
.popup-box-wrapper .close-wrap,
.filter-popup span.pop-close {
    position: absolute;
    --size: 32px;
    width: var(--size);
    height: var(--size);
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    right: 15px;
    top: 15px;
    font-size: 0.8em;
	cursor:pointer;
}

ul.filter-type-lists {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-popup span.m-title {
    margin-bottom: 18px !important;
    display: block;
    text-align: center;
}

.filter-type-lists button {
    background: none;
    padding: 7px 15px;
    border: 1px solid var(--powder-color);
    border-radius: 50px;
    background-color: var(--ice-color);
}

.filter-type-lists button:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.custom-checkbox label {
    padding: 7px 15px;
    border: 1px solid var(--powder-color);
    border-radius: 50px;
    font-size: 15px;
    cursor: pointer;
}
.custom-checkbox label:has(input:checked) {
    background: var(--primary-color);
    color: #fff;
}
.filter-popup .submit-wrap {
    margin-top: 28px;
}

.filter-popup .submit-wrap input.btn {
    border: none;
    font-size: 16px;
    width: 250px;
    margin: 0 auto;
    display: flex;
}
.address-popup-section{
	display:block;	
}
.address-form-wrap input[type="text"] {
    display: block;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 14px;
    height: 48px;
    border: 1px solid var(--powder-color);
    border-radius: 5px;
    font-size: 14px;
	outline:none !important;
}
.address-form-wrap input.btn.primary-btn {
    border: none;
    font-size: 16px;
}
.address-form-wrap input.btn.primary-btn {
    border: none;
    font-size: 16px;
}

.address-form-wrap .m-title {
    font-size: 24px;
    margin-bottom: 0;
}

.address-form-wrap  .main-title {
    margin-bottom: 20px;
}
.address-form-wrap :is(.main-title, .btn-wrap) {
    text-align: center;
}

/* End Assign filter Popup */


/* Review form CSS */

.review-form-wrap .ginput_container.ginput_container_textarea textarea {
    min-block-size: 100px;
    border: 1px solid var(--powder-color);
    box-shadow: none !important;
	outline: none !important;
}

.review-form-wrap .gform-footer.gform_footer .gform_button.button {
    background: var(--secondary-color) !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 10px 35px !important;
}

.review-form-wrap .gform-footer.gform_footer .gform_button.button:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.review-form-wrap .gform-theme--foundation .gfield textarea.large {
    min-block-size: 3rem;
}
.star-rating .gfield_radio {flex-direction: row !important;}

.star-rating .gfield_radio input {
    display: none !important;
}

.star-rating .gfield_radio  label {
    font-size: 0 !important;
    margin-left: 0 !important;
	cursor:pointer
}


.star-rating .gfield_radio label:before {
    font-size: 24px;
    width: 24px;
    content: '\e91c';
    font-family: 'tcp-icomoon';
    margin-left: 0 !important;
}
.star-rating .gfield_radio .gchoice.active label:before{
	content:'\e91b';
}
.review-form-wrap .gform-theme--foundation .gform_fields {
    gap: 12px;
}

.review-form-wrap .gform-theme--foundation .gfield .charleft.ginput_counter.gfield_description {
    display: none;
}
/* .star-rating .gfield_radio input[type="radio"]:checked ~ .gfield_radio  label:before{
	content:'\e91b';
}
.star-rating .gfield_radio input[type="radio"]:checked + label:before{
	content:'\e91b';
}
.star-rating .gfield_radio:has(input:checked) + .gfield_radio label:before{
	content:'\e91c';
} */

/* End Review form CSS */

/* Change Button CSS */

form.mepr-newpassword-form.mepr-form {
    max-width: 700px;
    background: #fff;
    padding: 40px;
    margin: 40px auto;
    border: 1px solid var(--powder-color);
    border-radius: 10px;
}
form.mepr-newpassword-form.mepr-form input.mepr-submit {
    padding: 13px 15px;
    display: inline-flex;
    background: var(--primary-color);
    border-radius: 6px;
    color: #fff;
    border: none;
	font-size:14px;
	border:none !important;
}
form.mepr-newpassword-form.mepr-form input.mepr-submit:hover{
	background:var(--secondary-color);
	color:#fff;
}
.mp-form-row.mepr_new_password:before {
    content: 'Change Password';
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 22px;
}
.mepr-newpassword-form.mepr-form input {
    border: 1px solid var(--powder-color) !important;
    border-radius: 6px !important;
    margin-top: 5px;
    height: 45px;
	font-size:14px;
}
form.mepr-newpassword-form.mepr-form a {
    border: 1px solid var(--primary-color);
    display: inline-flex;
    padding: 10px 25px;
    border-radius: 6px;
    color: var(--primary-color);
}
form.mepr-newpassword-form.mepr-form a:hover{
	background:var(--primary-color);
	color:#fff;
}
.mepr-form input.invalid, .mepr-form select.invalid, .mepr-form textarea.invalid, .mepr-form label.mepr-checkbox-field.invalid, .mepr-form div.mepr-checkboxes-field.invalid, .mepr-form div.mepr-radios-field.invalid{
	    border: 1px solid red !important;
}

/* End Change Button CSS */

/* Service Request Form */

.request-form-wrap .gform_heading {
    display: none !important;
}

.request-form-wrap .gform_fields {
    gap: 15px 10px !important;
}

.request-form-wrap .gform_fields :is(input, select, textarea) {
    border: 1px solid var(--powder-color) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    font-size: 16px;
    height: 50px !important;
    padding: 5px 15px !important;
	outline: none !important;
}

.request-form-wrap .gform_fields textarea {
    padding: 12px  15px !important;
}
.request-form-wrap .gform-footer.gform_footer.top_label input {
    font-size: 16px !important;
    background-color: var(--primary-color) !important;
    padding: 12px 32px !important;
    border-radius: 8px !important;
	outline:none !important;
}
.request-form-wrap .gform-footer.gform_footer.top_label input:hover{
	background-color:var(--secondary-color) !important;
}
.gfield--type-fileupload  .gform_drop_area:before {
    color:var(--primary-color) !important;
}

.gfield--type-fileupload .gform_drop_area button.gform_button_select_files {
    background-color: var(--primary-color) !important;
	color:#fff;
}
.gfield--type-fileupload  .gform_drop_area:before {
    color:var(--primary-color) !important;
	color:#fff;
}
label.gfield_label.gform-field-label {
    font-size: 16px !important;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress {
    --gf-ctrl-file-prog-bar-bg-color-loading: var(--primary-color);
}
.gfield--type-fileupload .gform_drop_area button.gform_button_select_files:hover {
    background-color: var(--secondary-color) !important;
}
label.gfield_label.gform-field-label {
    font-size: 16px !important;
}

.gform_delete_file span.dashicons.dashicons-trash {
    --size: 28px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    background-color: #d41515;
    color: #fff !important;
    justify-content: center;
    align-items: center;
}

.gform_delete_file span.dashicons.dashicons-trash:before {
    color: #fff !important;
    font-size: 17px !important;
}

/* Service Request Form */

/* Globel csss */
@media screen and (max-width:991px){
	
	.main-dashboard-wrapper{
		padding-top: calc(var(--header-height) - 20px);
	}
}


@media screen and (max-width:767px){
	.admin-bar .main-dashboard-header{
		top:32px;
	}
	.bundle_error .woocommerce-info{
		margin-bottom:10px !important;
	}
	.job-lists-box .job-item p{
		font-size:16px;
		margin-bottom: 10px;
	}
	.job-request .job-lists-box .job-info{
		gap:10px 15px;
	}
	.job-lists-box .job-item + .job-item {
		margin-top: 15px;
	}
	.middle-job-detail .content{
		font-size:15px;
	}
}


/* Tradies List */
#tradiefilterform select {
	height: 42px;
    width: 100%;
	min-width: 200px;
	max-width: 300px;
    border-radius: 6px;
    border: 1px solid var(--powder-color);
    padding: 10px 32px 10px 10px;
    color: var(--primary-color);
    outline: none !important;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.999999L6 6L11 1' stroke='%23043D5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 9px) 50%;
    background-size: 9px;
	appearance:none;
}

.filter-section {
    margin-bottom: 30px;
}
.table-tradies-list::-webkit-scrollbar {
  height: 2px;
  width: 2px;

}

/* Track */
.table-tradies-list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.table-tradies-list::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.table-tradies-list::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* .table-tradies-list {
    height: 76vh;
    overflow: auto;
} */
.member-wrapper,
.head-table-lists,
.tradie-wrapper{
    display: grid;
    grid-template-columns: 22% 22% 130px auto 150px 102px;
    gap: 20px;
	align-items: center;
}
.table-member-list .head-table-lists, 
.member-wrapper{
    grid-template-columns: 22% 22% 130px auto 150px 102px;
}
.show-hidden-details {
    padding: 10px 18px;
    background: #Ffffff;
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--ice-color);
    border-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.show-hidden-details .details-link {
    padding: 12px 16px;
    background: #ffffff;
    color: var(--primary-color);
    border: 1px solid var(--ice-color);
    border-radius: 8px;
    line-height: 1;
    font-size: 14px;
}

:is(.head-table-lists, .tradies-list, .member-wrapper) .name h3 {
    font-size: 16px;
    margin: 0;
}

.js-tradie-status {
    height: 42px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--powder-color);
    padding: 10px;
    color: var(--primary-color);
    outline:none !important;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.999999L6 6L11 1' stroke='%23043D5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 9px) 50%;
    background-size: 9px;
}
.head-table-lists{
    background: #ffffff;
    padding: 16px 18px;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid var(--ice-color);
}
.members-list,
.tradies-list{
	margin-bottom: 8px;
	color:var(--primary-color);
	display:block;
}
.member-wrapper,
.tradie-wrapper {
    background: #ffffff;
    padding: 8px 18px;
    border-radius: 8px;
    border: 1px solid var(--ice-color);
/* 	cursor: pointer; */
	min-height:60px;
}
.member-wrapper:hover,
.tradie-wrapper:hover {
/*     background-color: var(--ice-color); */
    background-color: var(--powder-color);
}
.members-list[open] .member-wrapper,
.tradies-list[open] .tradie-wrapper{
    background-color: var(--ice-color);
	border-radius: 8px 8px 0 0;
}
.member-list .view-info,
.tradies-list .view-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 1;
}
.member-list .view-info span,
.tradies-list .view-info span {
    display: inline-flex;
}
.member-wrapper:hover .viewdetail a:not(:hover),
.tradie-wrapper:hover .view-info a:not(:hover) {
    background-color: #fff;
}
.filter-section .custom-search-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.filter-section .custom-search-box .search-bar-box {
    flex: 1;
}


.status-notice {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 20px 40px;
    background: #ffffff;
    border-radius: 8px;
    overflow: clip;
}

.status-notice:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    animation: fullwidth 5s linear forwards;
    height: 4px;
    background: greenyellow;
    z-index: 1;
}
div#tradies-list-container:has(.spinner) {
    position: relative;
    border-radius: 8px;
    overflow: clip;
}
div#tradies-list-container:has(.spinner):before{
    content: '';
    position: absolute;
    inset: 0;
    backdrop-filter: blur(5px);
}
#tradies-list-container span.spinner {
    position: absolute;
    top: 200px;
    left: 50%;
    translate: -50% -50%;
}

@keyframes fullwidth{
	from{
		width: 0%;
	}
	to{
		width: 100%;
	}
}

@media screen and (min-width:992px){
	.admin-bar .single-job-page,
	.admin-bar .single-job-page .single-job-detail-box{
		height: calc(100vh - (var(--header-height) + 32px));
	}
}
@media screen and (max-width:1250px){
	.table-member-list .table-head,
	.table-tradies-list .table-head {
		display: none;
	}
	.member-wrapper,
	.tradie-wrapper{
		text-wrap: balance;
	}
	.table-member-list .member-wrapper{
		margin-bottom:0;
	}
	.table-member-list .table-body,
	.table-tradies-list .table-body {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
	.member-wrapper,
	.tradie-wrapper {
		grid-template-columns: auto;
		gap: 5px;
		position: relative;
		padding: 15px 18px;
		min-height:176px;
	}
	.member-wrapper .address,
	.tradie-wrapper .address{
		font-size:15px;
	}
	.member-wrapper .email,
	.tradie-wrapper .email {
		font-size: 14px;
		margin-top: -6px;
		line-height:1.2;
	}
	.table-memeber-list .js-member-status,
	.table-tradies-list .js-tradie-status {
    	height: 38px;
	}
	.member-wrapper .viewdetail,
	.tradies-list .view-info {
        position: absolute;
        right: 12px;
        top: 20px;
    }
	.member-wrapper .membership-text {
		font-weight: 600;
	}
	
	.show-hidden-details {
		padding: 15px 18px;
	}
	.show-hidden-details{
		flex-direction: column;
    	align-items: stretch;
	}
	.table-member-list .name.title-wrap,
	.table-member-list .email,
	.table-tradies-list .tradies-list .name.title-wrap, 
	.table-tradies-list .tradies-list .email {
		padding-right: 110px;
		word-break: break-word;
	}
	.table-member-list .name.title-wrap,
	.table-tradies-list .tradies-list .name.title-wrap{
		margin-bottom: 10px;
	}
}
@media screen and (max-width:1024px){
	.table-member-list .table-body,
	.table-tradies-list .table-body {
		grid-template-columns: repeat(2, 1fr);
	}
	.filter-section .custom-search-box{
		margin-top:0;
		margin-bottom:0;
	}
	.tradies-list-table-container .filter-section {
		margin-bottom: 18px;
	}
}

@media screen and (max-width:767px){
	.filter-section .custom-search-box{
		flex-direction:column;
		gap: 10px;
		margin: 0;
	}
	.filter-section .custom-search-box > *{
		flex:0 0 100%;
		width:100%;
	}
	.table-member-list .table-body,
	.table-tradies-list .table-body {
		grid-template-columns: repeat(1, 1fr);
	}
	.member-wrapper .email,
	.tradie-wrapper .email {
        margin-top: -4px;
		margin-bottom: 3px;
	}
	.tradie-wrapper .status {
		margin-top: 6px;
	}
	#tradiefilterform select{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.member-wrapper .viewdetail, .tradies-list .view-info{
		right: 12px;
        top: 11px;
	}
	.member-wrapper .viewdetail .border-btn.btn,
	.tradie-wrapper .view-info .border-btn.btn{
		padding: 9px 11px 8px;
		font-size: 13px;
	}
	.table-member-list .name.title-wrap, 
	.table-member-list .email, 
	.table-tradies-list .tradies-list .name.title-wrap, 
	.table-tradies-list .tradies-list .email {
		padding-right: 86px;
	}
	.members-list, .tradies-list{
		margin-bottom:0;
	}
}

/*  */

/* Current status CSS */

.tradies-current-status  .main-title .m-title {
    padding-bottom: 8px;
}

.current-status-btn .item input {
    display: none;
}

.current-status-btn .item label {
    display: flex;
    align-items: center;
    gap: 9px;
    justify-content: center;
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid var(--powder-color);
    --sz: 20px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}

.current-status-btn {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px 20px;}

.current-status-btn i {
    font-size: var(--sz);
    display: inline-flex;
}

.current-status-btn svg {
    width: var(--sz);
}

.current-status-btn i, .current-status-btn svg {
    margin-top: -2px;
}

.current-status-btn .item  label:has(input:checked) {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
.tradies-current-status:has(.spinner):before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--powder-color);
    border-radius: 8px;
    opacity: 0.5;
}
.current-status-btn .spinner {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}

.tradies-current-status.shadow-box {
    position: relative;
}

.notification-popup.undefined {
    position: absolute;
    right: 0;
    background-color: var(--primary-color);
    padding: 14px 25px;
    border-radius: 3px 0 0 3px;
    bottom: 17%;
    color: #fff;
    border-left: 4px solid var(--secondary-color);
	z-index:10
}
.current-status-btn svg path {
    stroke: currentColor;
}

@media screen and (max-width:991px){
	.current-status-btn .item label {
		--sz: 18px;
		font-size: 17px;
	}
}

@media screen and (max-width:767px){
	.current-status-btn .item label{
		font-size: 16px;
		padding:12px 15px;
	}
	.current-status-btn {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Current status CSS */



/* New Single page layout CSS */

.single-grid-layout-page {
    display: grid;
    grid-template-columns: 55% auto;
	--gap: 16px;
	gap: var(--gap);
	
}
.single-grid-layout-page .shadow-box {
    padding: 15px;
}
.single-grid-layout-page .top-bar-title {
	margin: 16px 0 20px;
    padding: 0 0 14px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.single-grid-layout-page .status .user_status {
    width: 150px;
}

.single-grid-layout-page .top-bar-title .status {
    margin-left: auto;
}

.single-grid-layout-page .inner-half-grid > *,
.single-grid-layout-page .inner-half-grid > * > *,
.single-grid-layout-page .inner-half-grid{
	height:100%
}
.location-lists {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 8px;
}
.location-lists li{
	display:flex;
	gap: 6px;
}
.details-info .location-lists{
	margin-top: 0;	
}
.rate-lists-sty ul {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    display: flex;
    gap: 2px;
    font-size: 20px;
}
.rate-lists-sty {
    font-weight: 600;
    font-size: 18px;
}
.contact-information .rate-lists-sty{
	margin-top: 20px;
}
.location-lists li i {
    line-height: 1;
     position: relative;
    top: 2px;
    font-size: 15px;
}
.inner-half-grid.job-review-box-lists {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
}
.single-grid-layout-page .num-dashboard-grid.membership-bar {
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--gap);
	gap: var(--gap);
	margin-bottom: 0;
}
.job-review-box-lists .item {
	padding: 11px 14px;
    border-radius: 8px;
    border: 1px solid var(--powder-color);
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fafdff;
    cursor: pointer;
    transition: all 0.2s linear;
    background-color: #fafdff;
    cursor: pointer;
    transition: all 0.2s linear;
	display:block;
	color:var(--primary-color);
}
.job-review-box-lists .item a{
	color: inherit;
}

.job-review-box-lists .item .m-title {
    margin-bottom: 2px;
    font-size: 17px;
}

.job-review-box-lists .item + .item {
	margin-top: 12px;
}
.job-review-box-lists .wrap.shadow-box h2 {
    font-size: 18px;
}

.job-review-box-lists .rate-lists-sty {
    font-size: 14px;
}

.job-review-box-lists .rate-lists-sty ul {
    font-size: 16px;
    margin-top: 0;
}
.job-review-box-lists .item .text{
	font-size:15px;
}
.single-detail-box .heading-status-wrap {
    display: flex;
    gap: 7px;
    align-items: center;
	flex-wrap: wrap;
}

.single-detail-box .heading-status-wrap .user-status {
    position: relative;
    top: -3px;
}

.single-detail-box .heading-status-wrap .user-status span {
    padding: 6px 11px;
    font-size: 12px;
    line-height: 1;
}

.single-detail-box .heading-status-wrap .m-title {
    font-size: 20px;
}
.job-review-box-lists .text p {
    margin-bottom: 5px;
}

.job-review-box-lists .item:hover {
    background-color: #ebf2fa7d;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.single-detail-box .contact-info a {
	text-wrap: wrap;
	text-align:left;
	line-height:1.2;

}
/* Single page */
.single-general-page-box {
    max-width: 1000px;
    margin: 40px auto;
    padding: 20px 40px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 10px -4px var(--ice-color);
}
.single-general-page-box a {
    color: var(--secondary-color);
}
.single-general-page-box a:hover {
    color: var(--dark-orange);
}
.single-general-page-box .main-title .title {
    font-size: 32px;
}
.single-general-page-box h2{
    font-size: 24px;
}
.single-general-page-box h3{
    font-size: 20px;
}
@media screen and (max-width: 1240px){
    .single-grid-layout-page{
        grid-template-columns: 100%;
    }
}


@media screen and (max-width: 767px){
	.single-grid-layout-page .num-dashboard-grid.membership-bar{
		grid-template-columns: 1fr;
	}
	.single-grid-layout-page{
		--gap: 16px;
	}
	.single-detail-box .heading-status-wrap .m-title {
		font-size: 18px;
	}
	.single-trade-detail-box .lists-sty li{
		font-size:15px;
	}
	.single-trade-detail-box .lists-sty span{
		font-size;16px;
	}
	.single-general-page-box{
		padding:20px;
	}
	.single-content-wrap :is(ul, ol) {
		padding-left: 16px;
	}
	.single-general-page-box h2 {
		font-size: 20px;
	}
	.single-general-page-box h3 {
		font-size: 18px;
	}
	.single-general-page-box .main-title {
        margin-bottom: 12px;
    }
	.single-general-page-box .main-title .title {
		font-size: 26px;
        margin-bottom: 0;
	}
}
@media screen and (max-width: 575px){
    .inner-half-grid.job-review-box-lists {
        grid-template-columns: 1fr;
    }
	.single-grid-layout-page .top-bar-title{
		position: relative;
		margin-top: 10px;
	}
	.single-grid-layout-page .status .user_status{
		width: 120px;
	}
	.single-grid-layout-page .status .user_status .js-tradie-status{
		height: auto;
		font-size: 12px;
	}
	.single-grid-layout-page .status{
		align-self: flex-end;
		margin-left: auto;
		position: absolute;
		top: -10px;
		right: 0;
		transform: translateY(-100%);
	}
	.single-grid-layout-page .status{
		top: -7px;
        right: -3px;
	}
	.single-detail-box .heading-status-wrap{
		width: 100%;
	}
	.single-detail-box .heading-status-wrap .m-title{
		margin-right: auto;
	}
	
}

/* End New Single page layout CSS */






/* Globel- responsive */

@media screen and (min-width:768px){
	.mobile-label,
	.mobile-search{
		display:none;
	}
	
}

@media screen and (max-width:1350px){
	.side-dashboard-bar.menu-collapse .support-info > span.title {
		margin-left: -11px;
	}


}

@media screen and (max-width:1250px){
	.bottom-dashboard-wrap {
		--width: 280px;
	}
	.dashboard-collapes-btn{
/* 		bottom: 10vh; */
	}
	.main-inner-grid-wrap{
		grid-template-columns:100%;
	}
	.bottom-dashboard-wrap .side-dashboard-bar{
		--width:280px;
	}
	.main-dashboard-section .container {
/* 		padding: 10px 50px; */
	}
	.top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table) > .container{
		padding: 10px 50px;
	}
	.single-trade-detail-box{
		width: 100%;
	}
}
@media screen and (max-width:1100px){
	
	.grid-row.col-5,
	.grid-row.col-4{
		grid-template-columns:repeat(3, 1fr);
	}
	
}
@media screen and (max-width:1024px){
	.dashboard-menu-lists ul a{
		padding: 12px 14px;
	}
	.dashboard-collapes-btn {
/*         bottom: 10vh; */
		left: 230px;
    }
	.support-info {
        margin-top: auto;
        padding: 0 15px;
    }
/* 	.bottom-dashboard-wrap{
		--width: 100px;
	} */
	.side-dashboard-bar.menu-collapse .support-info > span.title{
        margin-left: -5px;
    }
	
}
@media screen and (max-width:991px){
	
	:root{
		--h1-sty: 50px;
		--h2-sty: 40px;
		--h3-sty: 30px;
	}
	.grid-row.col-6,
	.grid-row.col-5,
	.grid-row.col-4,
	.grid-row.col-3{
		grid-template-columns:repeat(2, 1fr);
	}
	.custom-tabs-lists .m-title {
		margin-bottom: 20px;
	}
	.main-dashboard-header .grid-row:has(.search-bar){
		grid-template-columns: 150px auto 0.2fr;
	}
	.main-dashboard-header .grid-row {
    	grid-template-columns: 150px auto;
	}
	.main-dashboard-header .search-bar input[type="search"] {
        padding: 12px 24px 11px 40px;
        height: 50px;
		background-position: 11px 50%;
    }
	.main-dashboard-header .top-header-wrap{
/* 		padding: 12px 20px; */
	}
	.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a{
		padding: 12px 10px;
	}
	.profile-box .profile-btn{
		--size: 40px;
	}
	.notification-box{
		gap:10px;
	}
	.notification-btn svg {
		width: 28px;
	}
	
	.main-dashboard-section .bottom-footer-wrapper{
		padding: 30px 30px 10px;
	}
	.mfp-container {
        padding-left: 15px;
        padding-right: 15px;
    }
	.main-dashboard-wrapper:has(.side-dashboard-bar:not(.menu-collapse)) .num-dashboard-grid{
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	.main-dashboard-section .container {
        padding: 50px 30px;
    }
	.top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table) > .container {
		padding: 15px 30px;
	}
	.site-header a.text-btn {
		font-size: 0;
		position: relative;
		padding-left: 3px;
	}
	.site-header .brand-logo img {
		max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
  .mp_wrapper table.mepr-account-table {
    border:0;
  }
	.main-dashboard-wrapper:has(.mepr_error) {
		padding-top: calc((var(--header-height) + 20px) - 20px);
	}
  .mp_wrapper table.mepr-account-table thead {
    display:none !important;
  }

  .mp_wrapper table.mepr-account-table tr {
    margin-bottom:10px;
    display:block;
	  border-radius:8px;
  }

  .mp_wrapper table.mepr-account-table td {
    display:block;
    text-align:right;
    border-top:none;
    border-left:none;
    border-bottom:1px dotted #ccc;
  }

  .mp_wrapper table.mepr-account-table td:last-child {
    border-bottom:0;
  }

  .mp_wrapper table.mepr-account-table td div{
    padding:0;
    margin:0;
    margin-left:15px;
  }

  .mp_wrapper table.mepr-account-table td:before {
    content:attr(data-label);
    float:left;
    text-transform:capitalize;
    font-weight:bold;
	  font-size:14px;
  }

  .mepr-account-auto-rebill,
  .mepr-account-rebill {
    display:none;
  }
	.mp_wrapper table.mepr-account-table td .mepr-account-subscr-id {
		display: block;
		color: #464646;
		font-size:13px;
	}

  .mepr-account-terms,
  .mepr-account-subscr-id,
  .mepr-account-rebill {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
  }
  .mepr-subscription-row .mepr-account-created-at,
  .mepr-subscription-row .mepr-account-active{
		text-align:right;
  }
	.mp_wrapper table.mepr-account-table .mepr-account-actions{
		justify-content: center;
	}
	#mepr-account-subscriptions-table td[data-label="Actions"]:before {
		display:none
	}
	form.mepr-newpassword-form.mepr-form{
		max-width: 400px;
		padding: 30px;
	}
}

@media screen and (max-width:767px){
	
	:root{
		--h1-sty: 40px;
		--h2-sty: 32px;
		--h3-sty: 24px;
	}
	form.mepr-newpassword-form.mepr-form {
        max-width: 400px;
        padding: 20px;
        margin: 40px auto;
    }
	form.mepr-newpassword-form.mepr-form input.mepr-submit {
		padding: 10px 13px;
	}
	.grid-row.col-5,
	.grid-row.col-4,
	.grid-row.col-3,
	.grid-row.col-2{
		grid-template-columns:repeat(1, 1fr);
	}
	.box-content-img-layout .item p{
	    margin-top: 6px;
    	margin-bottom: 5px;
	}
	.box-content-img-layout .item .btn-wrap {
		margin-top: 10px;
	}
	.box-content-img-layout .item{
		padding: 15px;
	}
	.box-content-img-layout .item .img-holder {
		margin-bottom: 8px;
	}
	.heading-section h1,
	.m-title {
		font-size: 18px
	}
	.main-dashboard-header{
		z-index:50;
	}
	.main-dashboard-header .logo img{
		width:100px
	}
	.notification-box{
		gap: 10px;
	}
	.notification-btn svg {
		width: 25px;
	}
	.profile-box .profile-btn {
		--size: 40px;
	}
	
	.main-dashboard-header .search-bar input[type="search"]{
		background-size: 15px;
		padding: 9px 10px 8px 34px;
		height: 38px;
	}
	.main-dashboard-header .grid-row:has(.search-bar) {
		grid-template-columns: 85px  1fr;
		gap: 18px;
	}
	.main-dashboard-section .container{
		padding: 40px 15px;
	}
	
	.top-dashboard-wrap:has(.main-inner-grid-wrap.job-request-table) > .container {
		padding: 25px 15px 15px;
	}
	
	.bottom-dashboard-wrap .side-dashboard-bar .wrapper{
		--space: var(--header-height, 80px);
		width: 240px;
		padding: calc(var(--space) + 20px) 10px 60px;
	}
	
	.bottom-dashboard-wrap {
        --width: 55px;
        --col-width: 55px;
    }
/* 	.dashboard-collapes-btn {
		bottom: 11vh;
	} */
	.dashboard-menu-lists ul a .icon-holder{
		    font-size: 20px;
	}
	.dashboard-menu-lists ul a,
	.heading-section p,
	.contact-info ul a.item{
		font-size:14px;
	}
	.dashboard-menu-lists ul a {
        padding: 10px 14px;
    }
	.job-lists-box .job-item .bottom-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.job-request .top-wrap:has(.status){
    	gap: 10px;
	}

	.support-info {
        margin-top: auto;
        padding: 0 15px;
    }
	.main-title:has(.btn-wrap){
		gap: 10px;
	}
	.main-title .btn-wrap {
		order: 1;
		margin-left: auto;
	}
	.add-btn,
	.main-title .btn-wrap a.btn.secondary-btn {
		padding: 10px;
		font-size: 12px;
	}
	.job-request .top-wrap:has(.status){
		margin-bottom: 15px;
	}
	.job-lists-box .job-item .bottom-wrap{
		gap: 16px;
	}
	.num-dashboard-grid .box-wrap, .shadow-box {
		padding: 20px 15px;
	}
	span.status {
    	font-size: 12px;
		padding: 3px 10px;
		font-weight: 600;
	}
	.main-title:has(.btn-wrap){
		flex-direction:column;
	}
	.num-dashboard-grid .box-wrap span.num {
        font-size: 20px;
    }
	.main-title:has(.btn-wrap){
		align-items:flex-start;
	}
	.main-title:has(.btn-wrap) .m-title,
	.main-title:has(.btn-wrap) .content{
		order: 2;
	}
	.main-title .content p{
		font-size:14px;
	}
	.main-dashboard-section .bottom-footer-wrapper {
        padding: 25px 15px;
    }
	.main-dashboard-section .bottom-footer-wrapper{
		font-size:12px;
	}
/* 	.profile-box:before {
		content: '';
		position: absolute;
		top: -11px;
		right: -2px;
		bottom: -11px;
		left: -2px;
	} */
	.job-lists-box .job-item{
		padding:15px;
	}
	.job-lists-sty li i {
		margin-top: 0px;
	}
	.job-lists-sty{
		font-size:13px;
		gap: 10px 12px;
	}
	.search-bar-box .input-field input{
		padding-left: 32px;
		background-position: 10px 50%;
	}
	.lists-sty.inline ul {
		flex-direction:column;
		gap: 6px 32px;
	}
	.lists-sty .title {
		font-size: 16px;
	}
	.top-bar-title{
		margin: 0 -15px;
		padding: 0 15px 12px;
	}
	
	.profile-info:has(.mobile-search){
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		align-items: center;
	}
	.main-dashboard-header .search-bar {
		position: absolute;
		top: 0;
		background: #fff;
		left: 0;
		right: 0;
		padding: 14px 10px;
		border-top: 1px solid var(--powder-color);
		opacity:0;
		transition:all 0.2s linear;
		z-index:-111;
		box-shadow: rgb(0 0 0 / 17%) -3px 7px 10px;
		
			
	}
	.main-dashboard-header .search-bar.active{
		opacity:1;
		top:100%;
		z-index:2;
	}
	.mobile-search span {
		display: inline-flex;
		--size: 40px;
		width: var(--size);
		height: var(--size);
		background: var(--body-color);
		border-radius: 50%;
		justify-content: center;
		align-items: center;
	}

	.mobile-search span svg {
		width: 16px;
	}
	.mobile-search.active span{
		background-color:var(--primary-color);
	}
	.mobile-search.active span:before {
		content: '\e90d';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		font-family: 'tcp-icomoon' !important;
		font-size: 15px;
	}

	.lists-sty.inline ul li{
		font-size:14px
	}
	.contact-info ul a.item{
		grid-template-columns: 25px auto;
	}
	.side-dashboard-bar:not(.menu-collapse) .dashboard-collapes-btn {
        left: 239px;
        box-shadow: rgb(99 99 99 / 11%) 9px 2px 10px 0px;
        border-radius: 0 8px 6px 0;
    }
	.side-dashboard-bar.menu-collapse .dashboard-collapes-btn {
        padding: 10px;
        left: 9px;
        bottom: 15px;
    }
	.main-dashboard-header .top-header-wrap{
		padding: 7px 20px;
	}
	.main-dashboard-header .logo img {
        width: 84px;
    }
	#mepr-account-subscriptions-table td[data-label="Actions"] {
		text-align: center;
	}
	.single-general-page-box{
		margin-top: 0;
	}
	

	#mepr-account-subscriptions-table td[data-label="Actions"] .mepr-account-actions {
		margin: 8px 0 0;
		justify-content:center;
	}
	

	.mp_wrapper table.mepr-account-table td div,
	.mepr-subscription-row .mepr-account-created-at {
		text-align: right;
		font-size: 14px;
	}
	.mp_wrapper:has(.mepr-account-table) {
		padding: 20px 10px;
	}
	.mp_wrapper table.mepr-account-table {
		border: none;
	}
	.mp_wrapper table.mepr-account-table td{
		border-left: none;
	}
	.mp_wrapper table.mepr-account-table td {
		padding: 10px 5px;
	}
	.btn i {
		font-size: 1em;
		position: relative;
		top: -1px;
	}
	.request-form-wrap .gform-footer.gform_footer.top_label input,
	.request-form-wrap .gform_fields :is(input, select, textarea){
		font-size: 15px !important;
	}
	.account-edit-wrap span.mepr-account-change-password{
		left:130px;
	}
	.mp-form-row.mepr_new_password:before{
		font-size: 20px;
	}
	.popup-box-wrapper .address-form-wrap, .filter-popup .wrapper{
		padding: 20px;
		margin-inline: 16px;
	}
}

@media screen and (max-width:575px){
	.num-dashboard-grid .box-wrap span.num{
		font-size:18px;
	}
	form.mepr-newpassword-form.mepr-form {
        max-width: 100%;
        padding: 20px;
        margin: 40px 20px;
    }
	.side-dashboard-bar.menu-collapse .support-info > span.title {
        margin-left: -12px;
		font-size:10px
    }
	.icon-lists-grid .btn-wrap{
		display:none;
	}
	.icon-lists-grid .item a{
		grid-template-columns: 45px auto;
	}
	.icon-lists-grid .item .title{
		font-size: 16px;
	}
	.bottom-dashboard-wrap {
        --width: 55px;
        --col-width: 55px;
    }
	.main-title {
		margin-bottom: 20px;
	}
	.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a {
        padding: 10px 7px;
    }
	.side-dashboard-bar.menu-collapse .dashboard-collapes-btn {
        padding: 10px 12px;
/*         left: 29px; */
    }
	.side-dashboard-bar.menu-collapse .dashboard-menu-lists ul a {
        padding: 9px 6px;
    }
	.dashboard-menu-lists ul li + li {
		margin-top: 5px;
	}
	.contact-info ul a.item .icon-holder {
		font-size: 16px;
	}
	.contact-info ul li + li {
		margin-top: 14px;
	}
	.mepr-newpassword-form  .button.mp-hide-pw{
		padding: 0.1em 0.8em;
	}
	.trade-apply-section {
		padding: 20px;
	}
	.trade-apply-section .page-container{
		padding: 35px;
	}
	.trade-apply-from-wrap.input-field-box .gform-footer{
		justify-content: flex-start;
	}
	.trade-apply-from-wrap.input-field-box .gform-footer input.gform_button{
		flex: 0 0 200px;
	}
	.log-list .event {
		width: min-content;
	}
	.main-dashboard-section form#mepr-stripe-payment-form{
		margin: 0 15px;
		padding: 30px 20px;
	}
	.mepr_update_account_table strong {
		font-size: 18px;
	}
	form.mepr-newpassword-form.mepr-form a{
		padding: 10px 16px;
	}
	
}
/* End Globel- responsive */