/* General Form Container */
.wkdo-form-cont {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px;
	border-color: #D6D9DD;
}

.wkdo-check-box-flax {
	display: flex;
	gap: 10px;
	align-items: center;
}

.wkdo-b-containr {
	margin-bottom: 20px;
}

.wkdo-form-section {
	margin-bottom: 20px;
}

/* .wkdo-custom-upload {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
} */

.wkdo-custom-upload{
	position: relative;
}

.wkdo-form-container{
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px;
	border-color: #D6D9DD;
}

/* Form Styling */
.wkdo-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Form Sections */
.wkdo-form-section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Section Titles */
.wkdo-section-title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

/* Labels */
.wkdo-label {
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

/* Input Fields */
.wkdo-input {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	transition: border-color 0.3s ease;
}

.wkdo-input:focus {
	border-color: #007bff;
	outline: none;
}

/* Select Fields */
.wkdo-select {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	transition: border-color 0.3s ease;
}

.wkdo-select:focus {
	border-color: #007bff;
	outline: none;
}

/* Textarea Fields */
.wkdo-textarea {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	resize: vertical;
	min-height: 100px;
	transition: border-color 0.3s ease;
	width: 100%;
}

.wkdo-textarea:focus {
	border-color: #007bff;
	outline: none;
}

/* Checkbox and Radio Groups */
.wkdo-checkbox-group,
.wkdo-radio-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.wkdo-checkbox-group label,
.wkdo-radio-group label {
	font-size: 14px;
	color: #555;
	display: flex;
	align-items: center;
	gap: 8px;
}

.wkdo-checkbox-group input[type="checkbox"],
.wkdo-radio-group input[type="radio"] {
	margin: 0;
}

/* Submit Button */
.wkdo-submit-button {
	padding: 12px 20px;
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.wkdo-submit-button:hover {
	background-color: #0056b3;
}


.wkdo_radio_flex {
	display: flex;
	gap: 10px;
	flex-direction: row;
}

/*** New **/


.wkdo-form-cont {
	max-width: 1140px;
	margin: auto;
}


.wkdo-registration {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wkdo-registration-user {
	width: 48%;
	display: flex;
	flex-direction: column;
	position: relative;
}


.wkdo-registration-email {
	width: 48%;
	display: flex;
	flex-direction: column;
}


.mb-20{
	margin-bottom: 20px;
}

.wkdo-registration-dob {
	width: 81% !important;
	display: flex;
	flex-direction: column;
}


.wkdo-dob{
	height: 44px;
	padding: 20px;
}

.registration-message{
	color:red;
}

.wkdo-disclaimer {
	background: #f0f0f0;
	color: black;
	width: 100%;
	padding: 20px;
	font-weight: 600;
}

/** close **/

/* Responsive Design */
@media (max-width: 768px) {
	.wkdo-form-container {
		padding: 15px;
	}

	.wkdo-input,
	.wkdo-select,
	.wkdo-textarea {
		padding: 8px;
	}

	.wkdo-submit-button {
		padding: 10px 15px;
		font-size: 14px;
	}
}

	/* New css add by sagar  */

	.wkdo-b-row {
		display: flex;
		gap: 10px;
	}

	.wkdo-50-width {
		width: 50%;
	}


	.wkdo-dono-status-row {
		display: flex;
		flex-direction: column;
	}

	.wkdo-top-50{
		padding-top: 50px;
	}

	.wkdo-physical-background.wkdo-top-50 {
		display: flex
		;
			flex-wrap: wrap;
			gap: 10px;
	}

	.wkdo-div {
		width: 49%;
	}

	.wkdo-input-width {
		width: 100%;
	}


	div#image_preview {
		display: flex;
		flex-wrap: wrap;
		gap:10px
	}


	button#upload_images_button {
		margin: 20px 0;
	}


	li#wp-admin-bar-my-account-xprofile {
		display: none !important;
	}


	li#wp-admin-bar-my-account-settings {
		display: none !important;
	}

	/** Match form css **/

	:root {
		--primary-color: #4a6fdc;
		--primary-hover: #3a5fc9;
		--secondary-color: #f8f9fa;
		--text-color: #333;
		--light-text: #6c757d;
		--border-color: #e0e0e0;
		--card-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
		--transition: all 0.3s ease;
		--success-color: #28a745;
		--error-color: #dc3545;
	}

	/* * {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	body {
		font-family: 'Poppins', sans-serif;
		background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
		color: var(--text-color);
		line-height: 1.6;
		min-height: 100vh;
		padding: 40px 20px;
	} */

	.wkdom_container {
		max-width: 1200px;
		margin: 0 auto;
	}

	.form-card {
		background-color: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: var(--card-shadow);
	}

	.form-header {
		background: linear-gradient(to right, var(--primary-color), #7e99e9);
		color: white;
		padding: 30px;
		text-align: center;
	}

	.form-header h1 {
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 2rem;
	}

	.form-header p {
		opacity: 0.9;
		font-weight: 300;
	}

	.form-section {
		padding: 25px 30px;
		border-bottom: 1px solid var(--border-color);
	}

	.form-section h2 {
		color: var(--primary-color);
		font-size: 1.3rem;
		margin-bottom: 20px;
		font-weight: 500;
	}

	/* .form-row {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 20px;
		margin-bottom: 20px;
	} */

	.form-group {
		margin-bottom: 15px;
	}

	/* label {
		display: block;
		margin-bottom: 8px;
		font-weight: 500;
		color: var(--text-color);
	} */

	.select-wrapper {
		position: relative;
	}

	.select-wrapper::after {
		content: "▼";
		font-size: 0.8rem;
		color: var(--primary-color);
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
	}

	.wkdom_select {
		width: 100%;
		padding: 12px 15px;
		border: 2px solid var(--border-color);
		border-radius: 8px;
		background-color: #fff;
		appearance: none;
		font-family: inherit;
		font-size: 1rem;
		color: var(--text-color);
		transition: var(--transition);
		cursor: pointer;
	}

	.wkdom_select:focus {
		border-color: var(--primary-color);
		outline: none;
		box-shadow: 0 0 0 3px rgba(74, 111, 220, 0.2);
	}

	.wkdom_select:hover {
		border-color: #bdc3c7;
	}

	.wkdom_select[required]+label::after {
		content: "*";
		color: var(--error-color);
		margin-left: 4px;
	}

	.form-actions {
		padding: 30px;
		text-align: center;
	}

	.btn-submit {
		background-color: var(--primary-color);
		color: white;
		border: none;
		border-radius: 8px;
		padding: 15px 40px;
		font-size: 1.1rem;
		cursor: pointer;
		transition: var(--transition);
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	.btn-submit:hover {
		background-color: var(--primary-hover);
		transform: translateY(-2px);
		box-shadow: 0 5px 15px rgba(74, 111, 220, 0.4);
	}

	.btn-submit:active {
		transform: translateY(0);
	}

	@media (max-width: 768px) {
		.form-section {
			padding: 20px;
		}

		.form-header {
			padding: 25px 20px;
		}

		.form-header h1 {
			font-size: 1.8rem;
		}

		/* .form-row {
			grid-template-columns: 1fr;
		} */
	}

	@media (max-width: 480px) {


		.form-header h1 {
			font-size: 1.5rem;
		}

		.btn-submit {
			width: 100%;
			padding: 12px;
		}
	}

	.form-section {
		animation: fadeIn 0.5s ease;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Fix ID selectors with spaces */
	#DonorHairColor,
	#DonorEyeColor,
	#DonorHeight,
	#DonorWeight,
	#DonorEducation,
	#DonorReligion,
	#DonorMaritalStatus {
		width: 100%;
	}

	#DonorMaritalStatus{
		height: min-content;
	}

	/** close match **/

	/** profile css start **/


.wps-section {
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
	gap: 4%;
}


.wps-prfil-details {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
}

.wps-profile-card {
	border-radius: 10px;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	overflow: hidden;
	width: 32%;
	text-align: center;
	border: 1px solid #80808036;
	margin-bottom: 28px;
	height: 400px;
}

.wps-profile-header {
	background-color: #edf4fb;
	color: #fff;
	width: 100%;
}

.wps-profile-header img {
	width: 100%;
	height: 100% !important;
	transition: filter 0.3s ease;
}

.wps-profile-name {
	margin: 10px 0 5px;
	font-size: 24px;
}

.wps-profile-country {
	margin: 0;
	font-size: 16px;
	color: #e0e0e0;
}

.wps-profile-info {
	padding: 9px;
}

.wps-info-item {
	display: flex;
	align-items: baseline;
	margin-bottom: 15px;
	font-size: 16px;
	flex-direction: column;
	gap: 4px;
}

.wps-info-item i {
	margin-right: 10px;
	color: #5e5b5b7a;
}

.wps-info-item i:hover {
	color: #3969d1;
}

.wps-info-item span {
	color: white !important;
	font-size: 19px;
	font-weight: 400;
}

.wps-user-basic {
	width: 100%;
	text-align: center;
	padding: 9px 0px 0px 0px;
	font-weight: 800;
	font-size: 19px;
}

.wps-bio {
	display: flex;
	width: 100%;
	gap: 10px;
	margin-bottom: 20px;
}

.wps-info-item {
	width: 50%;
}

.wps-profile-header{
	position: relative;
	height: 100% !important;
	overflow: hidden;
}


.wps-view-profile {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.wps-profile-header:hover .profile-img {
	filter: blur(0.9px);
}

.wps-profile-header:hover .wps-view-profile {
	opacity: 1;
}

span.p-info {
	color: white !important;
	font-size: 17px;
	font-size: 300;
}


@media (max-width: 768px) {
	.wps-profile-card{
		width: 100%;
	}
}


	/** profile css close **/


	:root {
		--primary: #14487A;
		--gold: #C4A052;
		--gray-50: #F9FAFB;
		--gray-100: #F3F4F6;
		--gray-200: #E5E7EB;
		--gray-400: #9CA3AF;
		--gray-500: #6B7280;
		--gray-600: #4B5563;
		--gray-900: #111827;
	}


	/* Donor profile specific styles */
	/*.donor-tab {*/
	/*	display: flex;*/
	/*	align-items: center;*/
	/*	gap: 0.5rem;*/
	/*	padding: 1rem 1.5rem;*/
	/*	border-bottom: 2px solid transparent;*/
	/*	transition: all 0.2s ease;*/
	/*}*/
	
	.donor-tab {
    	padding: 12px 15px;
    	margin-right: 5px;
    	background-color: #3a5998;
    	color: white;
    	border-radius: 5px;
    	cursor: pointer;
    	text-align: start;
    	border: none;
      }


	.donor-tab:hover {
		color: #1e40af;
		background-color: #F76C6C;
	}

	.donor-tab.active {
		border-bottom: 2px solid #1e40af;
		color: #1e40af !important;
		font-weight: 500;
	}

	.donor-tab.active:hover {
		border-bottom: 2px solid #1e40af;
		color: white !important;
		font-weight: 500;
	}

	button.donor-tab.active:hover {
		color: white !important;
	}

	.donor-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
		margin-top: 1rem;
	}

	@media (min-width: 768px) {
		.donor-grid {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	.donor-info-group {
		display: flex;
		flex-direction: column;
	}

	.donor-info-label {
		color: #6b7280;
		font-size: 0.875rem;
		font-weight: 500;
		margin-bottom: 0.25rem;
	}

	.donor-info-value {
		color: #111827;
		font-weight: 500;
	}

	.donor-accordion-title {
		display: flex;
		align-items: center;
		font-size: 1.125rem;
		font-weight: 600;
		color: #1e40af;
		margin-bottom: 1rem;
		cursor: pointer;
	}

	.donor-icon-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		border-radius: 9999px;
		background-color: #f3f4f6;
		transition: background-color 0.2s;
	}

	.donor-icon-btn:hover {
		background-color: #e5e7eb;
	}

	.donor-thumb {
		width: 5rem;
		height: 5rem;
		border-radius: 0.25rem;
		object-fit: cover;
	}

	.hidden {
		display: none;
	}

	/* Collapse/expand animation for accordions */
	.collapsed {
		display: none;
	}

	.rotate-0 {
		transform: rotate(0deg);
	}

	.rotate-180 {
		transform: rotate(180deg);
	}

	.coming-soon-message {
		background-color: var(--gray-100);
		padding: 0.75rem;
		border-radius: 0.375rem;
		font-size: 0.875rem;
		color: var(--gray-600);
		margin-top: 1rem;
		text-align: center;
		border-left: 3px solid var(--gold);
	}

	.coming-soon-btn {
		display: block;
		width: 100%;
		background-color: var(--gold);
		color: white;
		padding: 0.75rem 0;
		border: none;
		border-radius: 0.375rem;
		font-weight: 600;
		font-size: 0.875rem;
		cursor: pointer;
		transition: all 0.3s ease;
		margin-top: 1rem;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		text-align: center;
	}

	.coming-soon-btn:hover {
		background-color: #b18d44;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	}

	.coming-soon-btn:active {
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.coming-soon-btn svg {
		transform: rotate(-90deg);
	}

	/* Tab Animation Styles */
	.tab-animation-container {
		position: relative;
		overflow: hidden;
	}

	.donor-grid.animate-in {
		animation: fadeIn 0.4s ease forwards;
	}

	.donor-grid.animate-out {
		animation: fadeOut 0.3s ease forwards;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@keyframes fadeOut {
		from {
			opacity: 1;
			transform: translateY(0);
		}

		to {
			opacity: 0;
			transform: translateY(-10px);
		}
	}

	/* Filter Styles */
	.filter-dropdown {
		position: relative;
		cursor: pointer;
	}

	.filter-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background-color: white;
		border: 1px solid var(--gray-200);
		border-radius: 0.375rem;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		max-height: 0;
		overflow: hidden;
		z-index: 50;
		transition: max-height 0.3s ease, padding 0.3s ease;
	}

	.filter-menu.open {
		max-height: 250px;
		padding: 0.75rem 0;
		overflow-y: auto;
	}

	.filter-item {
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}

	.filter-item:hover {
		background-color: var(--gray-100);
	}

	.filter-item.selected {
		color: var(--primary);
		font-weight: 500;
	}

	.filter-checkbox {
		width: 16px;
		height: 16px;
		border: 1px solid var(--gray-400);
		border-radius: 3px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.filter-item.selected .filter-checkbox {
		background-color: var(--primary);
		border-color: var(--primary);
	}

	.filter-item.selected .filter-checkbox:after {
		content: '';
		width: 6px;
		height: 6px;
		background-color: white;
		border-radius: 1px;
	}

	.active-filter-tag {
		display: inline-flex;
		align-items: center;
		gap: 0.25rem;
		background-color: var(--gray-100);
		color: var(--primary);
		border-radius: 9999px;
		padding: 0.25rem 0.75rem;
		margin: 0.25rem;
		font-size: 0.75rem;
	}

	.active-filter-tag .close-btn {
		background: none;
		border: none;
		font-size: 1rem;
		line-height: 1;
		padding: 0;
		cursor: pointer;
		color: var(--gray-500);
	}

	.active-filter-tag .close-btn:hover {
		color: var(--primary);
	}

	a.button.wps-view-profile {
		width: 174px;
	}

	.wkdo_height_inputs {
		display: flex;
		gap: 10px;
	}

	.wkdoinput {
		width: 70px;
		padding: 8px;
		font-size: 16px;
		border: 1px solid #ccc;
		border-radius: 5px;
		text-align: center;
	}

	.wkdo_eduction_flex {
		display: flex;
		flex-direction: column;
		width: 50%;
	}

	.wkdo_sibling.wkdo-50-width.wkdo_radio_flex {
		display: flex;
		flex-direction: column;
	}


	input.wkdo_mail_to {
		width: 100% !important;
		margin-bottom: 16px;
	}

	.wkm-mail-contair {
		margin-top: 16px;
		padding: 20px;
	}

	input.button.button-primay.wkdo_send_mail {
	background: #2e97c9;
	color: white;
	margin-top: 10px;
}


.wkm-admin-mail-box {
	background: #1678a717;
	padding: 10px;
}


.wkm-recipient-mail-box {
	background: #cdbba01f;
	padding: 10px;
}


.wkdo-send-by-recipent {
	font-size: 17px;
	font-weight: 700;
	color: #00a1fff0;
}



.wkdo_recipent_converstion {
	height: 400px;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 10px;
}



.wkdo-send-by-re-admin div {
	padding-bottom: 10px;
}

.wkdo-send-by-re-admin p {
	padding-bottom: 10px;
}


.wkdo-send-by-admin {
	font-size: 17px;
	font-weight: 700;
	color: green;
}


.wkdomm-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 30px;
	font-family: Arial, sans-serif;
	color: #333;
	text-align: center;
}

.wkdomm-header {
	margin-bottom: 30px;
}

.wkdomm-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.wkdomm-order-id {
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
}

.wkdomm-amount {
	font-size: 32px;
	font-weight: bold;
	margin: 30px 0;
}

.wkdomm-details {
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
	text-align: left;
}



.wkdomm-button {
	display: inline-block;
	margin-top: 30px;
	padding: 12px 24px;
	background-color: #f76c6c;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	font-weight: bold;
	transition: background-color 0.3s;
}

.wkdomm-button:hover {
	background-color: #efa0a0;
	color:black;
}


a.wkdo-membership-button {
	padding: 12px 24px 14px 22px;
	background: #f76c6c;
	color: white;
	border-radius: 10px;
	font-size: 16px !important;
	font-weight: 600 !important;
}

a.wkdo-membership-button:hover {
	background: #374785;
	color:white;
}




/* Donor tabs */

.active span{
	color: white !important;
}

.active {
	background-color: #F76C6C !important;
	border: none !important;
}

.donor-tab{
	margin-right: 1rem;
	margin-bottom: 10px;
	padding: 10px 20px;
	border: none !important;
}

.donor-tab:hover{
	background-color: #F76C6C !important;
	border: none !important;
}

.donor-tab i{
	display: none;
}

.wkdo-fillter {
	margin-bottom: 10px;
}


.wkdp-form-filter {
	height: 900px !important;
	overflow-y: auto;
}


/* .wkdb-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
} */

/* Button styles */
.wkdb-book-btn {
	background-color: #4CAF50;
	color: white;
	padding: 12px 30px;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}

button#wkdb-open-booking {
	background: #f76c6c;
	font-size: 15px;
	font-weight: 700;
	font-family: arivel;
}

.wkdb-book-btn:hover {
	background-color: #45a049;
}

/* Modal styles */
.wkdb-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	justify-content: center;
	align-items: center;
}

.wkdb-modal {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	width: 90%;
	max-width: 500px;
	position: relative;
	animation: wkdb-modal-appear 0.3s ease-out;
}

@keyframes wkdb-modal-appear {
	from { transform: translateY(-50px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

.wkdb-modal-header {
	background-color: #f76c6c;
	color: white;
	padding: 15px 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wkdb-modal-title {
	margin: 0;
	font-size: 20px;
}

.wkdb-close-btn {
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	line-height: 1;
}

.wkdb-modal-body {
	padding: 20px;
}

/* Form styles */
.wkdb-booking-form {
	text-align: left;
}

.wkdb-form-group {
	margin-bottom: 20px;
}

.wkdb-form-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.wkdb-form-control {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
}

.wkdb-form-control:focus {
	border-color: #4CAF50;
	outline: none;
	box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}

.wkdb-textarea {
	min-height: 100px;
	resize: vertical;
}

.wkdb-submit-btn {
	background-color: #4CAF50;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	width: 100%;
	transition: background-color 0.3s;
}

.wkdb-submit-btn:hover {
	background-color: #45a049;
}

h2.wkdb-modal-title {
	color: white;
}

button#wkdb-close-modal {
	background: #f76c6c;
}

/* Chat */


.wkdo-send-by-recipent {
	font-size: 17px;
	font-weight: 700;
	color: #00a1fff0;
}

.wkdo_recipent_converstion {
	height: 300px !important;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 10px;
}


.wkdo-send-by-re-admin div {
	padding-bottom: 10px;
}

.wkdo-send-by-re-admin p {
	padding-bottom: 10px;
}


.wkdo-send-by-admin {
	font-size: 17px;
	font-weight: 700;
	color: green;
}


.wkdo-chat-container {
	width: 350px;
	height: 500px;
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.wkdo-chat-header {
	background: #007bff;
	color: white;
	padding: 15px;
	text-align: center;
	font-size: 18px;
}

.wkdo-chat-body {
	flex: 1;
	padding: 10px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.wkdo-message {
	padding: 10px;
	border-radius: 8px;
	margin-bottom: 10px;
	max-width: 70%;
}

.wkdo-sent {
	align-self: flex-end;
	background:#01060bb8 ;
	color: white;
}


/* #007bff */
.wkdo-received {
	align-self: flex-start;
	background: #e0e0e0;
}

.wkdo-chat-footer {
	display: flex;
	padding: 10px;
	background: #f1f1f1;
	border-top: 1px solid #ccc;
}

.wkdo-chat-footer input {
	flex: 1;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
}

.wkdo-chat-footer button {
	padding: 10px 15px;
	margin-left: 5px;
	border: none;
	background: #007bff;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}


span.username {
	display: inline;
	position: absolute;
	color: green;
	top: 0px;
	left: 4px;
	font-weight: 500px;
}

.wkdo-message.wkdo-received {
	position: relative;
}

.wkdo-message.wkdo-sent {
	position: relative;
}


.wkdo-message {
	padding: 19px;
	border-radius: 10px;
	margin-bottom: 23px;
	width: 100%
	/* width: 34%; */
	/* margin-top: 10px; */
}

.wkdo-message.wkdo-sent .username {
	color: #b65407;
	font-weight: bolder;
}

.bb-template-v2 .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: #ff7766 !important;
}

.wkdo-profile-image-preview img {
	border-radius: 5%;
	width: 169px;
	border: 2px dashed #555;
}

i#upload-btn {
	position: absolute;
	top: 3px;
	left: 143px;
	font-size: 25px;
	color: #ff7766 !important;
}

.wkdo-milti-upload-file {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	position: relative;
	border: 1px dashed rgb(83, 82, 82);
	margin-bottom: 11px;
	border-radius: 1%;
	min-height: 100px;
	cursor: pointer;
	padding: 10px;
}

i#upload_images_button {
	position: absolute;
	right: -3px;
	top: -2px;
	color: #ff7766 !important;
	font-size: 25px;
}

#image_preview label {
	text-align: center;
	width: 100%;
	margin-top: 36px;
}

.flex-direction {
	flex-direction: column !important;
	margin-bottom: 22px;
}

i#Genetic_Screening_Report {
	position: absolute;
	right: 0;
	font-size: 25px;
	top: 0px;
	color: #ff7766 !important;
}

i#Genetic_Screening_Report {
	position: absolute;
	right: 0;
	font-size: 25px;
	top: 0px;
	color: #ff7766 !important;
}

i#Blood_report {
	position: absolute;
	right: 0;
	font-size: 25px;
	top: 0px;
	color: #ff7766 !important;
}

i#medical_history {
	position: absolute;
	right: 0;
	font-size: 25px;
	top: 0px;
	color: #ff7766 !important;
}

i#psychological_assessment {
	position: absolute;
	right: 0;
	font-size: 25px;
	top: 0px;
	color: #ff7766 !important;
}

i#short_video {
	position: absolute;
	right: 0px;
	font-size: 25px;
	top: 0px;
	color: #ff7766 !important;
}


.slick-slide {
	border: 1px solid !important;
}

span.select2-selection__choice__remove {
	border-right: 1px solid #7c7a7a;
	padding-right: 4px;
	font-size: 21px;
}

span.select2-dropdown.select2-dropdown--below {
	max-width: 413px !important;
}

span.select2-selection__clear {
	display: none;
}

.wkdo-div.wkdo-flex-box {
	display: flex;
	flex-direction: column;
}

select#donor-height {
	width: 100%;
}

input.Distinctive.Features {
	width: 100%;
}

button#menu-item-upload {
	background: #2271b1;
	margin-right: 10px;
}

div#image_preview img {
	padding-right: 5px;
}

div#Genetic_Screening_Report_image_preview img {
	padding-right: 5px;
}

div#Blood_report_image_preview img {
	padding-right: 5px;
}

div#medical_history_image_preview img {
	padding-right: 5px;
}

div#psychological_assessment_image_preview img {
	padding-right: 5px;
}

/* Donor profile  */
a.wkdo_edit_profile {
	right: 0px;
	background: #ff7766;
	padding: 10px;
	color: white;
	border-radius: 7px;
}

img.wkdv-profile-header-img {
	width: 135px;
	border-radius: 50%;
}


.wkdv-profile-header {
	position: relative;
	text-align: center;
}


table.wkdv-profile-table {
	font-weight: 400;
}

.wkdv-profile-row {
	margin-bottom: 16px;
}

.wkdv-col.wkdv-col-1.wkdv-col-2 {
	padding: 10px;
	border: 1px dashed gray;
}

.wkdv-about-disc {
	font-size: 16px;
	font-weight: 300;
	margin: 10px;
}


/* donor profile end */


/* New profile layout  */

.wdpo-wrap {
	width: 276px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	}

	.wdpo-select {
	display: none;
	background-color: #fff;
	width: calc(100% - 1px);
	padding: 10px;
	border: 1px solid #ccc;
	color:black;
	}

	.wdpo-label {
	display: block;
	cursor: pointer;
	margin-bottom: 10px;
	color: black;
	&:hover,
	&:focus {
		color: #dd5218;
	}
	}


	.wdpo-button {
				/* Block */
				display: block;
				width: 100%;
				height: 45px;
				padding: 6px 12px;
				position: relative;
				border-radius: unset !important;
				/* Style */
				background-color: #f5f5f5 !important;
				border: 1px solid #ccc !important;
				border-radius: 0;
				box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

				/* Text */
				text-align: left;
				line-height: 1.42857;
				color: #555 !important;

				&:after {
					font-family: "FontAwesome";
					font-size: 16px;
					display: inline-block;
					width: 17px;
					height: 45px;
					line-height: 42px;
					text-align: center;
					content: '\f107';
					position: absolute;
					right: 0px;
					top: 0px;
					border: 1px solid #e4e4e4;
					background-color: #e4e4e4;
				}

				&.afk-active:after {
					content: '\f106';
				}

				&:hover,
				&:focus {
					background-color: #dd5218;
					border-color: #dd5218;
					color: #fff;

					&:after {
						background-color: darken(#dd5218, 10%);
						border-color: darken(#dd5218, 10%);
						color: #fff;
					}
				}
	}


	.wps-profile-header {
	position: relative;
	height: 300px; /* Adjust height as needed */
	width: 100%;
	overflow: hidden;
	}

	.wps-profile-header-hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgb(27 82 145 / 76%);
	color: white;
	padding: 10px;
	text-align: center;
	opacity: 0 ;
	transition: opacity 1.3s ease;
	height: 100%;
}

	.wps-profile-header:hover .wps-profile-header-hover {
	opacity: 1;
	}

	.wps-user-basic {
	position: absolute;
	bottom: 2px;
	width: 100%;
	z-index: 999999;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.button-donor.id.button {
	background-image: linear-gradient(180deg, #d1a053, #b78738);
	border-radius: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	padding: 0 24px;
	height: 36px;
	line-height: 36px;
}

.wps-view-profiles{
	background: #dd5218;
	border-radius: 50px !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	padding: 0 24px !important;
	height: 36px !important;
	line-height: 36px !important;
}


.wps-profile-card {
	height: 446px !important;
}

.wk-error{
	color:red;
}

.error-border {
	border: 2px solid red !important;
}

.wkdo-registration-user {
    width: 48%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.woocommerce-address-fields {
    width: 100% !important;
}

a.wkdo_edit_profile:hover {
	color: #000000b8;
	background: #ffe7e6;
}


.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--donor-profile a:before {
	content: "\ef52";
}

.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--recipient-profile a:before {
	content: "\ef52";
}

.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--interest_user a:before {
	content: "\eec9";
}

.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--interest_recipent a:before {
	content: "\eec9";
}



.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--member_ship_list a:before {
	content: "\eed2";
}

.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer_chat a:before {
	content: "\edf7";
}

a.button.wc-login-button {
    background: #f76c6c;
    border: none;
}

.elementor-280 .elementor-element.elementor-element-a461229 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #181414 !important;
}

.elementor-280 .elementor-element.elementor-element-a461229 .elementor-nav-menu--main .elementor-item.elementor-item-active:hover {
    color: #f76c6c !important;
}

input.button.wk-button-primary {
    background: #f76c6c !important;
    border: none;
}

input.button.wk-button-primary:hover {
    background: green  !important;
    border: none;
}

input.button.wk-button-primary:hover {
    background: #ffe7e6 !important;
    border: none;
    color: #00000096 !important;
}


button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #f76c6c;
    color: black;
	border:none;
}

button.single_add_to_cart_button.button.alt {
    background: #f76c6c !important;
    border: none !important;
}

button.single_add_to_cart_button.button.alt:hover {
   
color: black !important;
background: #f76c6c33 !important.
}

.reviews_tab a span {
	color: black !important;
}

.comment-form input#submit {
    background: #f76c6c !important;
    border: none !important;
}

.comment-form input#submit:hover {
    background: black !important;
    border: none !important;
}

.woocommerce .woocommerce-MyAccount-content form .form-row {
    margin-bottom: 19px !important;
    padding: 0px !important;
}

.form-row label {
	margin-top: 10px !important;
    margin-bottom: 8px !important;
    color: #666666 !important;
	font-size: 14px !important;
}


p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label {
	margin-top: 10px;
    margin-bottom: 12px !important;
    color: #666666 !important;
	font-size: 14px !important;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline {
    margin-top: 22px;
}

form.woocommerce-form.woocommerce-form-login.login {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

p#billing_first_name_field label, p#billing_last_name_field label, p#billing_email_field label, p#billing_phone_field label, p#billing_address_1_field label, p#billing_address_2_field label, p#billing_city_field label, p#billing_state_field label, p#billing_postcode_field label {
    margin-bottom: 16px !important;
	margin-top: 40px !important;
	color: #666666 !important;
}

 p#billing_country_field label {

	margin-top: 40px !important;
    margin-bottom: 16px !important;
}

p.woocommerce-address-fields__ctrls-wrapper {
    margin-top: 20px;
}

p.woocommerce-address-fields__ctrls-wrapper button {
    background: #f76c6c !important;
    border: none !important;
}

p#shipping_first_name_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


p#shipping_last_name_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


p#shipping_country_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


p#shipping_address_1_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

p#shipping_address_2_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

p#shipping_city_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

p#shipping_state_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

p#shipping_postcode_field label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first label {
    margin-bottom: 13px !important;
}

p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last label {
    margin-bottom: 13px !important;
}

.border-b.border-gray-200 {
   width: 100% !important;
   overflow: auto;
}

.flex.overflow-x-auto.pb-px {
    /*flex-wrap: wrap !important;*/
}




donor-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
  }
  
  /* Desktop layout - 2 containers side by side */
  @media (min-width: 992px) {
	.donor-profile-layout {
	  display: grid;
	  grid-template-columns: 300px 1fr;
	  gap: 20px;
	}
  }
  
  /* Profile sidebar container */
  .donor-sidebar {
	background-color: #f8f8f8;
	border-radius: 8px;
	padding: 20px;
	height: fit-content;
  }
  
  /* Contact information */
  .donor-contact-info {
	text-align: center;
	margin: 20px 0;
  }
  
  /* Main content container */
  .donor-main-content {
	width: 100%;
  }
  
  /* Donor ID styling */
  .donor-id {
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: bold;
  }
  
  /* Tabs container with overflow handling */
  .donor-tabs-container {
	width: 100%;
	max-width: auto;
	overflow-x: auto;
	margin-bottom: 25px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
  }
  
  /* Tabs styling */
  .donor-tabs {
	display: inline-flex;
	min-width: 100%;
  }
  
 /* .donor-tab {*/
	/*padding: 12px 15px;*/
	/*margin-right: 5px;*/
	/*background-color: #3a5998;*/
	/*color: white;*/
	/*border-radius: 5px;*/
	/*cursor: pointer;*/
	/*text-align: center;*/
	/*border: none;*/
 /* }*/
  
  .donor-tab:last-child {
	margin-right: 0;
  }
  
  .donor-tab.active {
	background-color: #1e3a8a;
  }
  
  .donor-tab.medical {
	background-color: #ed6a6a;
  }
  
  /* Donor info grid */
  .donor-info-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	margin-bottom: 25px;
  }
  
  @media (min-width: 768px) {
	.donor-info-grid {
	  grid-template-columns: 1fr 1fr;
	}
  }
  
  .donor-info-item {
	margin-bottom: 15px;
  }
  
  .donor-info-label {
	color: #666;
	margin-bottom: 5px;
	font-weight: 500;
  }
  
  .donor-info-value {
	font-weight: bold;
	font-size: 18px;
  }
  
  /* Action buttons */
  .donor-action-btn {
	width: 100%;
	padding: 12px;
	background-color: #3a5998;
	color: white;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
  }
  
  .donor-action-btn:hover {
	background-color: #2d4373;
  }
  
  
  
  @media only screen and (max-width: 600px) {
.description-section{
margin-right: 10px !important;
}
}

.py-6 {
    max-width: 90% !important;
}