.plan-payment {
	box-shadow: 5px 5px 32px 0px rgba(130,130,130,0.15);
	background: var(--white);
	padding: 20px;
	border-radius: 15px;
	display: inline-block;
	width: 50%;
}

.subscribe-sec {
	display: flex;
	justify-content: ;
	justify-content: space-between;
	margin-top: 35px;
}

.plan-description {
	width: 45%;
	border: 2px dashed var(--border-grey);
	padding: 25px 30px;
	border-radius: 15px;
}
.subscribe-plan .price-membership {
	padding: 0;
	font-size: 2.5rem;
	line-height: normal;
	border-bottom: 1px dashed var(--border-grey);
	padding-bottom: 11px;
}

.subscribe-plan .list-unstyled {
	margin-top: 15px !important;
}

.subscribe-plan .list-unstyled li {
	padding-bottom: 15px;
}

.plan-payment h2 {
	font-size: 1.5rem;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed var(--border-grey);
}

.card-title {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--blue);
	margin-bottom: 15px;
}

.StripeElement iframe {
	height: 30px !important;
	
}

.help-block{
	color:#721c24;
}


.ElementsApp input {
	background-color: #fcfcfc;
	border: none;
	display: block;
	font-family: sans-serif;
	margin: 0;
	padding: 6px 12px;
	width: 100%;
	font-size: 16px !important;
	line-height: normal;
	height: 100%;
	border: 1px solid #d8d8d8;
}

.CardNumberField-input-wrapper {
	background: #fcfcfc;
}

.CardNumberField-input-wrapper:focus, .ElementsApp input:focus {
	outline: none;
	border-color: var(--blue) !important;
}

.CardField-expiry, .CardField-cvc, .CardNumberField-input-wrapper, .CardBrandIcon-container
{ height:30px; border: 1px solid #d8d8d8; background-color: #fcfcfc;}
#card-errors {
	margin-bottom: 15px; color: red;
}
.edit-profile-sec .gap-4{gap: 2rem;}
.edit-profile-sec .mt-10.btn {
	margin: 0 0 15px 0;
}
.edit-profile-sec .btn-group{margin-top: 35px;}
.edit-profile-sec h3 {
	border-bottom: 1px solid var(--grey2);
	padding: 0 0 11px 0;
	margin: 0 0 20px 0;
}

.listing-inner-sec.category-lisitng-page {
	flex-direction: column;
}

.category-lisitng-page .featured-listing-sec {
	width: 100%;
	padding: 20px;
	margin-bottom: 25px;
	background: #f8f8f8;
}
.category-lisitng-page .featured-list-grp > h2 {
	font-size: 1.5rem;
	padding: 0 0 9px 0;
	margin: 0 0 14px 0;
	border-bottom: 1px solid var(--border-grey);
	width: 100%;
	display: inline-block;
	font-weight: 600;
}

.category-lisitng-page ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.category-lisitng-page ul li {
    width: 25%; padding-left:14px;transition: all 0.3s ease; padding-bottom:7px;
    
}
.category-lisitng-page ul li a {
	font-size: 15px;
}

.category-lisitng-page ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color:var(--blue); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.category-lisitng-page ul li:hover::before{ color:var(--black);}

.business-category-srh, .postcode-srh{ padding-left:0; padding-right:0;}
.business-category-srh label, .postcode-srh label {
	padding-left: 20px;
	padding-right: 20px;
}
.business-category-srh input[type="text"], .postcode-srh input[type="text"] {
	padding-left: 20px;
	padding-right: 20px;
}
.ui-menu .ui-menu-item-wrapper {
	padding: 5px 20px 5px 20px;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.ui-widget.ui-widget-content {
	border: 0;
	box-shadow: 0px 14px 9px 0px rgba(0,0,0,0.5);
	border-top: 0;

}

.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, a.ui-button:active, 
.ui-button:active, .ui-button.ui-state-active:hover {
	border: 0;
	color:var(--blue);
	margin: 0;
}

@media only screen and (max-width:991px) {
.subscribe-sec {
	flex-wrap: wrap;
	flex-direction: column;
}
.plan-description {
	width: 100%;
	border-radius: 15px;
	margin-bottom: 40px;
}
.plan-payment {
	width: 100%;
}
.category-lisitng-page ul li {
    width: 33%;
    
}
}

@media only screen and (max-width:767px) {
.category-lisitng-page ul li {
    width: 50%;
    
}
}
@media only screen and (max-width:639px) {
.edit-profile-sec .col-span-6 {
	grid-column:span 8 / span 12;
}

}


@media only screen and (max-width:399px) {
.category-lisitng-page ul li {
    width: 100%;
    
}	
	}