.validation-error:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("https://img.icons8.com/sf-black-filled/64/FA5252/cancel.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 16px;
}

.validation-error {
	font-size: 14px;
	color: red;
	vertical-align: middle;
	display: block;
	margin-top: 5px;
}

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

.ui-widget:dir(rtl),
.ui-widget input:dir(rtl),
.ui-widget select:dir(rtl),
.ui-widget button:dir(rtl) {
	font-family: "Cairo", serif;
}

#tab_nav {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 25px;
	word-spacing: -5px;
	margin-bottom: 25px;
}

#tab_nav ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#tab_nav li {
	background: white;
	color: #b50014;
	word-spacing: 0;
	list-style: none;
	display: inline-block;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid #b50014;
	cursor: pointer;
	text-align: center;
	text-wrap: nowrap;
}

#tab_nav li:first-child {
	border-inline-end: none;
}

#tab_nav li:last-child {
	border-inline-start: none;
}

#tab_nav .active {
	outline: none;
	background: #b50014;
	color: white;
}

.promotion_campaigns .promotion_box_item-card-thump {
	border-radius: 15px 15px 0px 0px;
}

.prom-form button.icon_btn {
	width: 100%;
}

.promotion_campaigns .promotion_box_item-info .prom-total h3 {
	font-size: 35px;
	white-space: nowrap;
}

.w-33 {
	width: 33%;
}

.promotion_campaigns .promotion_box_item-info .prom-des {
	margin-bottom: 10px;
}

.promotion_campaigns .promotion_campaigns-slide .promotion_box_item-card-thump {
	height: 290px;
	background-size: cover !important;
}

.promotion_campaigns .promotion_box_item-info .prom-total .row {
	padding: 5px;
	margin: 5px;
}

select.form-select:dir(rtl) {
	background-position: 4% center !important;
}

.form-select:dir(rtl) {
	padding-inline: 4% !important;
}

@media only screen and (max-width: 600px) {
	.view-all-link {
		margin: 45px auto;
	}

	.view-all-link a {
		margin: 0 auto;
	}
}

.cart-animation {
	animation: rotate 0.75s linear;
	animation-iteration-count: 3;
}

/* DONATION GIFT TEMPLATE */
.donation_gift_page {
	max-width: unset !important;
	position: relative;
}

.donation_gift_page > .gift-template > .background-image {
	position: relative !important;
	width: 100% !important;
	border-radius: 20px;
}

.donation_gift_page > .gift-template {
	position: relative;
}

.donation_gift_page .gift_img_review {
	width: 100% !important;
	position: relative !important;
}

.donation_gift_page > .gift-template > .content {
	margin-top: 20% !important;
	position: absolute;
	top: 0;
	width: 100% !important;
	line-height: 70px !important;
	padding-inline: 50px;
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.payment_box .d-flex:has(.prom-form-val) label {
	opacity: 0.6;
}

.payment_box .btn-check:checked + .btn-blue-outline {
	opacity: 1;
	border-width: 2px;
}

.payment_box input[type="radio"] + .btn img {
	width: 70px !important;
	height: 30px !important;
	object-fit: contain;
}

.donation_case-form .d-flex:has(.prom-form-val) {
	justify-content: start !important;
}

.donation_case-form input[type="number"] {
	text-align: center;
}

.project-card-description {
	height: 50px;
	overflow-y: hidden;
}

.inverse-image {
	filter: brightness(0) invert(1);
}

.btn.active img {
	filter: brightness(0) invert(1);
}

.main_tabs .active img {
	filter: brightness(0) invert(1);
}

.form-select2 .select2-container {
	border: 0.5px solid #0092d3 !important;
	border-radius: 5px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 1px;
	width: 100%;
}

.form-select2
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove {
	margin-top: 3px;
	color: white;
	margin-inline-end: 3px;
}

.form-select2
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove {
	border: none !important;
}

.form-select2
	.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: #0092d3;
	color: white;
	padding: 4px 20px;
	border: none !important;
}

.form-select2 .select2-container--default .select2-selection--multiple {
	border: none !important;
}

.data-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -26px;
	text-align: center;
	padding: 2px;
}

.data-loader > div:last-child {
	position: relative;
	width: 80px;
	height: 15px;
	margin: 1em auto;
}

.data-loader > div:last-child > div {
	position: absolute;
	top: 0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #b50014;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.data-loader > div:last-child > div:nth-child(1) {
	left: 8px;
	animation: data-loader-1 0.6s infinite;
}

.data-loader > div:last-child > div:nth-child(2) {
	left: 8px;
	animation: data-loader-2 0.6s infinite;
}

.data-loader > div:last-child > div:nth-child(3) {
	left: 32px;
	animation: data-loader-2 0.6s infinite;
}

.data-loader > div:last-child > div:nth-child(4) {
	left: 56px;
	animation: data-loader-3 0.6s infinite;
}

.btn-gray:hover {
	color: black !important;
}

@keyframes data-loader-1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes data-loader-2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(24px, 0);
	}
}

@keyframes data-loader-3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@media print {
	@page {
		margin-left: 0.5in;
		margin-right: 0.5in;
		margin-top: 0;
		margin-bottom: 0;
	}
}

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

	50% {
		transform: rotate(30deg);
	}

	75% {
		transform: rotate(-30deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes shake {
	0% {
		transform: translate(1px, 1px) rotate(0deg);
	}

	10% {
		transform: translate(-1px, -2px) rotate(-1deg);
	}

	20% {
		transform: translate(-3px, 0px) rotate(1deg);
	}

	30% {
		transform: translate(3px, 2px) rotate(0deg);
	}

	40% {
		transform: translate(1px, -1px) rotate(1deg);
	}

	50% {
		transform: translate(-1px, 2px) rotate(-1deg);
	}

	60% {
		transform: translate(-3px, 1px) rotate(0deg);
	}

	70% {
		transform: translate(3px, 1px) rotate(-1deg);
	}

	80% {
		transform: translate(-1px, -1px) rotate(1deg);
	}

	100% {
		transform: translate(0px, 0px) rotate(0deg);
	}
}

.campaign-detail-counter .countdown-container {
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: start;
	margin-bottom: 50px;
}

.campaign-detail-counter .countdown-container div[class^="count-"] {
	background: #0092d3;
	min-width: 100px;
	height: 100px;
	font-size: 30px;
	font-weight: 700;
	padding: 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
}

.campaign-detail-counter
	.prom-count-to-end
	.countdown-container
	div[class^="count-"] {
	background: #b50014;
}

html[dir="ltr"] .campaign-detail-info-count ul li:nth-child(2) {
	border-right: none;
}

html[dir="rtl"] .campaign-detail-info-count ul li:nth-child(2) {
	border-left: none;
}

.latest_news-slide #newsTicker p {
	animation: tickerTape 35s linear infinite;
}

/* reducing slider font and height */
.slider_boxes-content {
	min-height: 101px;
}

.slider_boxes-item span {
	font-size: 30px;
}

#reg_code {
	width: 70px !important;
}

.forgot_password_div {
	text-align: right;
}

.wh-nowrap {
	white-space: nowrap !important;
}

.registration_modal .modal-body-content .registration_box-tabs {
	gap: unset !important;
}

.registration_modal .modal-body-content .registration_box-tabs .icon_btn .btn {
	/* min-width: 180px !important; */
	margin: -1px !important;
}

.btn[disabled] {
	opacity: 0.6 !important;
}

.project-image-container {
	min-height: 350px;
}

.btn[disabled]:hover {
	color: #fff !important;
}

#rememberChecked {
	margin-right: 5px;
}

.prog-value {
	top: 0;
	font-size: 20px;
	color: white;
}

.donation_case-thump .progress {
	height: 30px !important;
}

.donation_case-thump {
	height: unset;
}

@media only screen and (max-width: 800px) {
	.urgent_cases-slider ul.slick-dots li {
		display: none;
	}

	.urgent_cases-slider ul.slick-dots li:nth-of-type(-n + 3) {
		display: block;
	}
}

.total-donation-value {
	font-size: 25px;
}

@media only screen and (max-width: 600px) {
	.top_header {
		display: none !important;
	}

	.donation-number-values {
		font-size: 14px !important;
	}

	.navbar {
		top: 0 !important;
	}

	.navbar .container {
		padding: 0 !important;
		max-width: 100% !important;
	}

	.project-image-container {
		min-height: 300px;
	}

	.page_banner-content h3 {
		font-size: clamp(25px, 4vw, 50px);
	}

	.navbar-content {
		height: 75px !important;
		border: unset !important;
		border-radius: unset !important;
		border-bottom: 2px solid #b50014 !important;
	}

	#quick-donation-header {
		display: none !important;
	}

	.cart_table-list .cell:first-child {
		justify-content: start;
		position: relative;
	}

	.cart_table-list .cell:dir(ltr):first-child {
		flex-direction: row-reverse;
		justify-content: end !important;
	}

	.trash {
		top: 0;
	}

	.cart_table-list .cell:not(:first-child)::after {
		font-size: 12px;
	}

	.cart .plus_minus_counter input[type="number"] {
		width: 40px;
		height: 30px;
		border-width: 1px;
		font-size: 15px;
	}

	.cart_table-list .cell:nth-child(2),
	.cart_table-list .cell:nth-child(3) {
		flex: 0 0 33%;
	}

	.cart_table-list .cell:nth-child(3),
	.cart_table-list .cell:nth-child(4) {
		margin-top: 11px;
	}

	.cart_table-list {
		padding-inline: 10px;
		padding-top: 10px;
	}

	.cart_title p {
		margin-top: 40px !important;
		text-align: start;
	}

	.cart .cell h4 {
		font-size: 14px;
	}

	.cart_result {
		flex-direction: row;
		font-size: 12px !important;
	}

	.total-donation-value {
		font-size: 15px;
	}

	.cart .plus_minus_counter .minus,
	.cart .plus_minus_counter .plus {
		width: 30px;
		height: 30px;
	}

	.footer_actions ul.payment {
		display: block !important;
	}

	.footer_actions ul.payment li {
		display: inline-block !important;
		width: 30%;
		margin: 7px;
	}

	.gift-template .content {
		max-height: 65vh;
		overflow-y: auto;
	}

	.slider_boxes-item .donation_box .form-control {
		width: 50% !important;
		text-align: center;
	}

	.slider_boxes-item .donation_box button {
		width: 50% !important;
	}

	.donation_tabs-mobile_tabs-modal .mobile_menu a.active {
		background-color: #b50014;
	}

	.donate-now-btn {
		display: none;
	}

	.quick-donation-buttons {
		justify-content: center;
		gap: 10px;
	}

	.quick-donation-buttons .col-md-4 {
		white-space: nowrap;
		margin: 0 !important;
		padding: 0 !important;
	}
}

.promotion-closure img {
	width: 38px;
}

html[dir="rtl"] .promotion-closure img {
	width: 67px;
}

.promotion-closure p {
	font-size: 20px;
}

.latest_news_slider-slider .news_card-body-title,
.promotion_box_item-info .prom-title,
.promotion_box_item-info .prom-des {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.promotion_campaigns-listing .promotion_box_item-info .prom-des {
	-webkit-line-clamp: 4;
}

.latest_news_slider-slider .news_card-body-des {
	-webkit-line-clamp: 1;
}

.prom-form .row:first-child {
	margin-top: 10px;
}

.promotion_campaigns .promotion_box_item-info .prom-total {
	padding: 10px 0;
}

.promotion_campaigns .promotion_campaigns-slide .promotion_box_item-card-thump {
	height: 290px;
}

.promotion_campaigns .promotion_box_item-info .prom-total .row {
	padding: 5px;
	margin: 5px;
}

.promotion_campaigns .promotion_box-not_started .promotion_box_item-info {
	min-height: 440px;
}

.promotion_campaigns .promotion_campaigns-one_box .prom-total-count .row {
	text-align: center;
}

.promotion_campaigns
	.promotion_campaigns-one_box
	.prom-total-count
	.row
	.col-md-6
	p {
	margin-bottom: 0px;
}

.promotion_campaigns
	.promotion_campaigns-one_box
	.prom-total-count
	.row
	.col-md-6
	h4 {
	margin: 0px !important;
}

.promotion_campaigns-one_box .onebox_conatiner .prom-total-container {
	margin: 5px 0;
}

.promotion_campaigns-one_box .onebox_conatiner .prom-remain {
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #93a6b1;
	border-bottom: 1px solid;
	padding: 10px;
}

.border-right {
	border-right: 1px solid;
}

.campaign-detail-counter .countdown-container div[class^="count-"]:after {
	content: attr(data-lable);
	position: absolute;
	bottom: -28px;
	color: #0092d3;
	font-size: 14px;
	right: 50%;
	transform: translate(50%, 0);
}

.campaign-detail-counter
	.prom-count-to-end
	.countdown-container
	div[class^="count-"]:after {
	color: #b50014;
}

.my_wallet_table-content table tr td {
	color: #000 !important;
	direction: ltr !important;
}

#phfHomeSlider .carousel-item a {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
}

#phfHomeSlider .carousel-item a .video_link img {
	left: 47%;
	position: absolute;
	top: 45%;
}

@media (max-width: 576px) {
	.footer_actions-social ul:first-of-type img {
		width: auto;
	}

	.footer_actions-social {
		text-align: center;
	}

	.footer_actions-social ul {
		display: inline-flex !important;
		margin: 0 auto !important;
	}

	#phfHomeSlider .carousel-item a .video_link img {
		left: 42%;
		top: 37%;
	}
}

.whatsapp_icon_set {
	width: 50px;
	height: 50px;
	margin-top: 5px;
}

.whatsapp_icon_float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 150px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}

@media (max-width: 576px) {
	.donate_as_label {
		font-size: 14px !important;
		/* Reduce font size for small screens */
		text-align: center !important;
	}
}

.project-title {
	cursor: pointer;
}

.slider .carousel-indicators-indicators button {
	padding: 0px !important;
}

.odometer {
	direction: ltr;
}

.projetc_details-info-periodic .btn-check + .btn-blue-outline {
	opacity: 0.3 !important;
	color: #93a6b1 !important;
}

.projetc_details-info-periodic .btn-check:checked + .btn-blue-outline {
	opacity: 1 !important;
	color: #0092d3 !important;
	border: 2px solid #0092d3 !important;
}

.donation_tabs .periodic_donation-wizard-second input[type="radio"] + .btn {
	opacity: 0.3 !important;
	color: #93a6b1 !important;
}

.donation_tabs
	.periodic_donation-wizard-second
	.btn-check:checked
	+ .btn-blue-outline {
	opacity: 1 !important;
	color: #0092d3 !important;
	border: 2px solid #0092d3 !important;
}

.donation_tabs
	.periodic_donation-wizard-third
	.d-flex:has(.prom-form-val)
	label {
	opacity: 0.6;
}

.donation_tabs
	.periodic_donation-wizard-third
	.btn-check:checked
	+ .btn-blue-outline {
	opacity: 1;
}
div:where(.swal2-icon) {
	border-color: #fff !important;
}
div:where(.swal2-container) button:where(.swal2-close):focus {
	box-shadow: none !important;
}

.mobile-footer-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 8px 0;
	z-index: 1000;
}

.mobile-footer-menu__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #b50014;
	font-size: 11px;
	padding: 5px 10px;
	flex: 1;
	transition: all 0.3s ease;
}

.mobile-footer-menu__item i {
	font-size: 20px;
	margin-bottom: 4px;
}

.mobile-footer-menu__item span {
	display: block;
	text-align: center;
	line-height: 1.2;
}

.mobile-footer-menu__item:hover,
.mobile-footer-menu__item:active {
	color: #007bff;
}

.mobile-footer-menu__item--primary i {
	font-size: 24px;
}

.mobile-footer-menu__item {
	position: relative;
}

.mobile-footer-menu__item .cart-badge {
	position: absolute;
	top: 0;
	right: 5px;
	background: #b50014;
	color: #fff;
	border-radius: 50%;
	min-width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	line-height: 1;
}

/* Add padding to body on mobile to prevent content from being hidden behind fixed footer */
@media (max-width: 767.98px) {
	body {
		padding-bottom: 70px;
	}
}
.mobile_zakat_Calculator {
	display: block;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
	color: #b50014;
}

.project_countries_div
	> .select2-container--default
	.select2-selection--single {
	height: calc(1.5em + 0.75rem + 10px) !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #212529 !important;
	background-color: #fff !important;
	border: 1px solid #0092d3;
	/* border-blue */
	border-radius: 0.25rem !important;
	transition:
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out !important;
}

.project_countries_div
	> .select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	padding-left: 0 !important;
	padding-right: 0 !important;
	color: #444 !important;
	line-height: 32px !important;
}

.project_countries_div
	> .select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: calc(1.5em + 0.75rem + 10px) !important;
	right: 0.75rem !important;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.05643 5.99072C5.17673 6.11102 5.34514 6.17517 5.51355 6.17517C5.68196 6.17517 5.85038 6.11102 5.97067 5.99072L10.8145 1.10676C11.0631 0.850132 11.0631 0.44113 10.8065 0.184502C10.5579 -0.0560874 10.1569 -0.064107 9.90831 0.176482L5.51355 4.61134L1.11879 0.21658C0.870178 -0.0400481 0.461176 -0.0480677 0.196528 0.200541C-0.0601003 0.44915 -0.06812 0.866171 0.188509 1.1228C0.196528 1.13082 0.204548 1.13884 0.212567 1.14686L5.05643 5.99072Z' fill='%230092D3'/%3E%3C/svg%3E%0A") !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 16px;
}

.project_countries_div
	> .select2-container--default
	.select2-selection--single
	.select2-selection__placeholder {
	color: #6c757d !important;
}

.project_countries_div
	> .select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: #ffffff00 transparent transparent transparent !important;
}

.project_countries_div > .select2-dropdown {
	border: 1px solid #0092d3 !important;
	border-radius: 0.25rem !important;
}

.project_countries_div
	> .select2-container--default
	.select2-results__option--highlighted[aria-selected] {
	background-color: #0092d3 !important;
	color: white !important;
}

.project_countries_div
	> .select2-container--default
	.select2-selection--single
	.select2-selection__clear {
	height: 30px !important;
}
html[dir="rtl"]
	.project_countries_div
	> .select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	left: 2rem !important;
	right: unset !important;
}

.feedback-card {
	background: #f8fbff;
	border-radius: 12px;
	padding: 20px;
	border: 1px solid #e2e2e2;
}

.rating-option input {
	display: none;
}

.rating-option label {
	border: 1px solid #dee2e6;
	border-radius: 25px;
	padding: 6px 16px;
	cursor: pointer;
	font-size: 14px;
	background: #fff;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
}

.rating-option input:checked + label {
	border-color: #0d6efd;
	background: #e7f1ff;
	color: #0d6efd;
	font-weight: 500;
}

#donation_feedback_section .emoji {
	font-size: 16px;
	margin-inline-start: 6px;
}

#donation_feedback_section textarea {
	resize: none;
}

/* Mobile responsive styles for rating section */
@media (max-width: 767px) {
	#donation_feedback_section .feedback-card .d-flex.justify-content-between {
		flex-direction: column !important;
	}

	#donation_feedback_section .feedback-card .d-flex.justify-content-between > div {
		width: 100%;
		text-align: start !important;
		margin-bottom: 12px;
	}

	#donation_feedback_section .feedback-card .d-flex.gap-2 {
		justify-content: start !important;
	}
}