body {
    /* تطبيق خط Cairo كخط أساسي للموقع */
    font-family: 'Cairo', sans-serif;
}

h1, h2, h3, h4, h5, h6, .fw-bold {
    /* يمكنك استخدام Cairo للعناوين أيضاً أو التبديل لـ Almarai */
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}
p {
    /* الخط المفضل لنصوص القراءة */
    font-family: 'Almarai', sans-serif;
    line-height: 1.8;
}

.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    font-family: 'Cairo', sans-serif;
}

.progress-indicator {
	position:fixed;
	top:0;
	left:0;
	height:3px;
	background-color:#0d6efd!important;
	width:0%;
	z-index:11000;
	transition:width 0.1s ease-out
}
.back-to-top-right,.btn-group .btn-outline-primary.btn-sm.active i,.btn-group .btn-outline-primary.btn-sm:hover i,.dropdown-item.active,.dropdown-item:active,.list-group-item.active a,.list-group-item.active i {
	color:#fff!important
}
.fs-4,.text-end h5.fs-4 {
	font-size:1.2rem!important;
	font-weight:800!important
}
.custom-text,.swal2-icon-content {
	font-family:Inter,sans-serif!important
}
#cityList .col a,.card-body a.link-primary,.custom-footer a,.custom-text a.link-primary,.from-wysiwyg a,.maxlist-more a,.social-media a {
	text-decoration:none!important
}
.back-to-top-left {
        position: fixed;
        bottom: 30px;
        left: 30px;
        width: 45px;
        height: 45px;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 50%;
        display: none;
        cursor: pointer;
        z-index: 1000;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.navbar-toggler-icon {
	background-image:url("data:image/svg+xml,  %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important
}
.header .navbar.bg-primary,header .navbar {
	background-color:#1f2d5c!important
}
.card.bg-body-tertiary.p-3,.p-4 {
	padding:1rem!important
}
.card-body .fs-3.fw-bold,.h4,h4 {
	font-size:1.2rem!important
}
.card-body .fs-5.mb-4 {
	font-size:1.1rem!important
}
hr {
	margin:.1rem 0!important
}
#cfContainer .form-check-input,.form-check-input,.vstack.gap-3.text-center>i.fa-regular.fa-image.text-warning {
	display:none!important
}
.pt-1 {
	padding-top:1rem!important
}
.p-price-tag {
	display:none
}
#mainNavbar {
	background-color:#243c37!important;
	transition:background-color .3s
}
.navbar-toggler {
	border:none;
	outline:0
}
#homepage .hero-wrap:not(.only-search-bar) {
	background-image:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5)),url(https://insoq.com/storage/app/logo/section-header-698330c662ed7-074471810607.webp)!important;
	background-color:#000!important;
	background-size:cover!important;
	background-position:center!important
}
.h1,h1 {
	font-size:clamp(1.1rem,   2vw + .5rem,   1.3rem)!important;
	line-height:1.2!important;
	font-weight:800!important;
	margin-bottom:10px!important
}
.h2,h2 {
	font-size:clamp(1.1rem,   2vw + .5rem,   1.4rem)!important
}
#homepage h5.lead {
	font-size:clamp(.85rem,   1.5vw + .4rem,   1.1rem)!important;
	line-height:1.4!important;
	opacity:.9
}
#homepage h1,#homepage h5.lead {
	display:block!important;
	margin-left:auto;
	margin-right:auto
}
.picture-category-list .col div.text-center {
	background:#fff!important;
	border:1px solid #e0e0e0!important;
	border-radius:15px!important;
	transition:.3s ease-in-out!important;
	box-shadow:0 2px 5px rgb(0 0 0 / .02)!important;
	overflow:hidden
}
.picture-category-list .col div.text-center:hover {
	transform:translateY(-8px)!important;
	box-shadow:0 12px 20px rgb(0 0 0 / .08)!important;
	border-color:#0d6efd!important
}
.picture-category-list img {
	max-width:65px!important;
	height:auto!important;
	margin-bottom:10px!important;
	transition:transform .3s!important
}
.picture-category-list .col div.text-center:hover img {
	transform:scale(1.1)!important
}
.picture-category-list h6 {
	font-size:.95rem!important;
	font-weight:700!important;
	color:#333!important;
	margin-top:12px!important;
	line-height:1.3!important;
	transition:color .3s!important
}
.card-body .col-6 .border.rounded:hover a.link-primary,.card-body .col-md-8 span.fs-6.fw-bold a:hover,.dropdown-item:hover i,.item-list h5 a:hover,.picture-category-list a:hover h6 {
	color:#0d6efd!important
}
#searchForm:not(.home-search-form) .bg-primary {
	background-color:#fff!important;
	padding:12px!important;
	border-radius:15px!important;
	border:1px solid #e1e1e1!important
}
#searchForm:not(.home-search-form) .btn-primary,#searchForm:not(.home-search-form) .form-control,#searchForm:not(.home-search-form) .select2-container--bootstrap-5 .select2-selection {
	height:45px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	background-color:#f8f9fa!important;
	border:1px solid #e9ecef!important;
	border-radius:10px!important;
	padding-top:0!important;
	padding-bottom:0!important;
	line-height:normal!important;
	transition:.3s!important
}
.select2-hidden-accessible {
	opacity:0!important;
	height:46px!important
}
.select2-search-wrapper {
	min-height:45px;
	position:relative;
	background-color:transparent!important
}
#catSearch {
	display:block!important;
	width:100%!important;
	height:45px!important;
	background-color:#f8f9fa!important
}
.select2-search-wrapper .select2-container--bootstrap-5 .select2-selection {
	height:45px!important;
	background-color:#ffffff!important;
	border:1px solid #ced4da!important;
	border-radius:0.375rem!important;
	display:flex!important;
	align-items:center!important;
	transition:opacity 0.2s ease-in-out!important
}
.select2-search-wrapper .select2-selection__rendered {
	line-height:45px!important;
	padding-left:0.75rem!important;
	color:#212529!important
}
.select2-search-wrapper .select2-selection__arrow {
	height:45px!important;
	top:0!important
}
#searchForm:not(.home-search-form) .select2-selection__rendered {
	display:flex!important;
	align-items:center!important;
	height:100%!important;
	margin:0!important;
	padding-left:0px!important;
	color:#495057!important
}
#searchForm:not(.home-search-form) .select2-selection__arrow {
	display:flex!important;
	align-items:center!important;
	height:100%!important;
	top:0!important
}
#searchForm:not(.home-search-form) .btn-primary {
	background-color:#0d6efd!important;
	color:#fff!important;
	border:none!important;
	font-weight:700!important;
	justify-content:center!important
}
#searchForm:not(.home-search-form) .btn-primary:hover {
	background-color:#0056b3!important;
	transform:translateY(-2px);
	box-shadow:0 5px 15px rgb(13 110 253 / .3)!important
}
#searchForm:not(.home-search-form) .form-control:focus {
	background-color:#fff!important;
	border-color:#0d6efd!important;
	box-shadow:0 0 0 4px rgb(13 110 253 / .1)!important
}
@media (max-width:767px) {
	#searchForm:not(.home-search-form) .bg-primary {
	background:0 0!important;
	box-shadow:none!important;
	border:none!important;
	padding:0!important
}
#searchForm:not(.home-search-form) .row.gx-1.gy-1>div {
	margin-bottom:8px!important
}
#homepage h5.lead,.h1,h1 {
	text-align:center!important;
	width:100%!important
}
.items-details-info .bg-body-tertiary.rounded {
	padding:10px 0!important
}
#homepage .hero-wrap:not(.only-search-bar) {
	background-image:none!important;
	background-color:#02152e!important;
	height:300px!important;
	min-height:300px!important
}
}
.items-details-info .bg-body-tertiary.rounded {
	background-color:#fff!important;
	border:none!important;
	border-bottom:1px solid #f0f2f5!important;
	border-radius:0!important;
	padding:12px 5px!important;
	margin-bottom:0!important;
	display:flex!important;
	align-items:center!important;
	transition:background .2s!important
}
.items-details-info .bg-body-tertiary.rounded:hover {
	background-color:#fafbfc!important
}
.items-details-info .fw-bolder {
	font-size:.85rem!important;
	color:#8492a6!important;
	font-weight:500!important;
	text-transform:capitalize!important;
	padding-bottom:5px;
	margin-bottom:10px!important
}
.items-details-info .text-sm-end,.items-details-info .text-start {
	font-size:.9rem!important;
	color:#273444!important;
	font-weight:700!important
}
.card-body.vstack.gap-4 h5.border-bottom,.form-label[for="cf.90"],.item-list h5 a {
	font-weight:800!important;
	color:#002f5d!important
}
.items-details-info .col-12 .bg-body-tertiary.rounded {
	border-bottom:none!important;
	background-color:#f8fafc!important;
	border-radius:12px!important;
	margin-top:15px!important;
	padding:20px!important
}
.items-details-info .fa-check {
	color:#059669!important;
	margin-right:6px
}
.embed-responsive-item {
	border-radius:12px!important;
	border:none!important;
	box-shadow:0 4px 20px rgb(0 0 0 / .08)!important
}
.form-label[for="cf.90"] {
	margin-bottom:15px!important;
	display:block;
	font-size:1rem!important
}
.mb-3.col-md-12:has(input[type=checkbox]) .row {
	display:flex!important;
	flex-wrap:wrap!important;
	gap:10px!important;
	padding:5px!important
}
.mb-3.col-md-12:has(input[type=checkbox]) .col-md-12.my-0.py-0 {
	width:auto!important;
	flex:0 0 auto!important
}
.form-label[for=category_id],.form-label[for=cityId],.form-label[for=description],.form-label[for=email],.form-label[for=phone],.form-label[for=price],.form-label[for=title],.form-label[for^="cf."],label.form-label {
	font-size:1rem!important;
	font-weight:800!important;
	color:#002f5d!important;
	margin-bottom:12px!important;
	display:block!important;
	text-transform:capitalize!important;
	padding-left:10px!important;
	line-height:1.2!important
}
#cityList .col a,#maxPrice,#minPrice,.list-inline-item,.maxlist-more a {
	font-size:.85rem!important
}
.card-title,.custom-footer h4,h5.fw-bold {
	text-transform:uppercase
}
.form-label .text-danger {
	font-size:1.1rem!important;
	margin-left:4px!important;
	color:#dc3545!important
}
.mb-3.col-md-12,.mb-3.col-md-6 {
	margin-bottom:1.8rem!important
}
.navbar-nav {
	display:flex!important;
	flex-direction:row!important;
	align-items:center!important;
	height:100%!important
}
.nav-item.dropdown .nav-link.menu-type-link {
	background-color:rgb(255 255 255 / .15)!important;
	padding:8px 18px!important;
	border-radius:50px!important;
	border:1px solid rgb(255 255 255 / .3)!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	margin:0 5px!important;
	height:40px!important;
	transition:.3s!important
}
.nav-item .btn,.nav-item .nav-link {
	margin-top:0!important;
	margin-bottom:0!important;
	display:flex!important;
	align-items:center!important;
	font-weight:700
}
.dropdown-toggle::after {
	margin-top:2px!important
}
.nav-item.dropdown .nav-link.menu-type-link {
	display:inline-flex!important;
	align-items:center!important;
	gap:10px!important;
	white-space:nowrap!important
}
.nav-item.dropdown .nav-link.menu-type-link i {
	margin:0!important;
	font-size:.95rem!important
}
.btn-outline-primary {
	color:#fff!important;
	border-color:#0056b3!important;
	font-weight:600!important;
	transition:.2s ease-in-out!important;
	background:#002f5d!important
}
#cfContainer .form-check-label,.item-list {
	transition:.3s cubic-bezier(.4,0,.2,1)!important
}
.btn-group .btn-outline-primary.btn-sm {
	border:1px solid #cbd5e1!important;
	background-color:#fff!important;
	color:#334155!important;
	padding:8px 12px!important;
	font-size:1.1rem!important;
	box-shadow:0 1px 2px rgb(0 0 0 / .05)!important
}
.btn-group .btn-outline-primary.btn-sm i {
	color:#475569!important;
	transition:color .2s
}
.btn-group .btn-outline-primary.btn-sm.active,.btn-group .btn-outline-primary.btn-sm:hover,.btn-outline-primary:hover {
	background-color:#0056b3!important;
	border-color:#0056b3!important;
	color:#fff!important
}
.btn-outline-primary:hover {
	box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)!important;
	transform:translateY(-1px)
}
.item-list {
	background:#fff!important;
	border:1px solid #cbcbcb!important;
	border-radius:12px!important;
	padding:16px!important;
	margin-bottom:20px!important;
	display:flex!important;
	align-items:stretch!important
}
.item-list:hover {
	transform:translateY(-4px);
	box-shadow:0 12px 24px rgb(0 0 0 / .06)!important;
	border-color:#0d6efd!important
}
.main-image img {
	border-radius:8px!important;
	transition:filter .3s!important
}
.main-image .bg-body-secondary {
	background:rgb(0 0 0 / .7)!important;
	color:#fff!important;
	backdrop-filter:blur(4px);
	border:none!important;
	padding:2px 8px!important;
	border-radius:4px!important;
	font-weight:600
}
.item-list h5 a {
	font-size:1rem!important;
	line-height:1.4;
	transition:color .2s
}
.list-inline-item {
	color:#64748b!important;
	margin-right:12px!important
}
.text-end h5.fs-4 {
	color:#0d6efd!important;
	font-weight:800!important
}
@media (max-width:576px) {
	.picture-category-list .col {
	padding-left:5px!important;
	padding-right:5px!important
}
.picture-category-list .col div.text-center {
	padding:15px 5px!important
}
.picture-category-list h6 {
	font-size:.8rem!important
}
.item-list {
	flex-direction:column!important;
	padding:12px!important
}
.text-end {
	text-align:left!important;
	margin-top:10px
}
}
.card-body .list-unstyled li a,.dropdown-item {
	align-items:center;
	transition:.2s ease-in-out;
	display:flex
}
#cityList .col a {
	display:block!important;
	background-color:#fff!important;
	color:#334155!important;
	padding:8px 10px!important;
	border-radius:6px!important;
	border:1px solid #acc5e1!important;
	font-weight:500!important;
	text-align:center!important;
	white-space:nowrap!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
	transition:.2s ease-in-out!important;
	margin-bottom:5px
}
#cityList .col a:hover {
	background-color:#0d6efd!important;
	color:#fff!important;
	border-color:#0d6efd!important;
	transform:translateY(-2px);
	box-shadow:0 4px 8px rgb(13 110 253 / .15)!important
}
#cityList .col a[data-bs-toggle=modal] {
	background-color:#002f5d!important;
	border:1px dashed #0d6efd!important;
	color:#fff!important
}
#cityList .col a[data-bs-toggle=modal]:hover {
	background-color:#0d6efd!important;
	color:#fff!important;
	border-style:solid!important
}

#countryMap svg {
	filter:drop-shadow(0 10px 15px rgb(0 0 0 / .05));
	transition:none!important
}
#countryMap path {
	transition:fill .3s,stroke .3s
}
#countryMap path:hover {
	fill:#0d6efd!important;
	stroke:#0046af!important
}
#cityList .col {
	font-size:.75rem;
	color:#64748b
}
.card-body.vstack.gap-4 h5.border-bottom {
	font-family:'Roboto Condensed',sans-serif!important;
	text-transform:uppercase;
	letter-spacing:.5px;
	border-bottom:2px solid #f0f2f5!important;
	padding-bottom:12px!important;
	margin-bottom:15px!important;
	font-size:.95rem!important;
	position:relative
}
.card-body.vstack.gap-4 h5.border-bottom::after {
	content:"";
	position:absolute;
	bottom:-2px;
	right:0;
	width:40px;
	height:2px;
	background-color:#0d6efd
}
.card-body .list-unstyled li {
	padding:6px 0!important;
	transition:.2s
}
.card-body .list-unstyled li a {
	color:#4a5568!important;
	font-size:.9rem!important
}
.card-body .list-unstyled li a:hover {
	color:#0d6efd!important;
	padding-left:5px
}
.card-body .list-unstyled li a:hover::before {
	content:"›";
	margin-right:8px;
	font-weight:700
}
.card-body input[type=radio] {
	accent-color:#0d6efd;
	transform:scale(1.1);
	margin-right:8px
}
.card-body label.fw-normal {
	font-size:.9rem!important;
	color:#4a5568;
	cursor:pointer
}
.price-range-slider {
	margin-bottom:25px!important
}
#maxPrice,#minPrice {
	border-radius:8px!important;
	border:1px solid #e2e8f0!important;
	padding:8px!important;
	text-align:center
}
.price-range .btn-secondary {
	background-color:#002f5d!important;
	border:none!important;
	border-radius:8px!important;
	font-weight:700!important;
	font-size:.8rem!important;
	transition:.3s
}
.price-range .btn-secondary:hover {
	background-color:#0d6efd!important;
	transform:translateY(-1px)
}
.maxlist-more a {
	font-weight:700!important;
	color:#0d6efd!important;
	background:#eff6ff;
	padding:4px 12px;
	border-radius:20px;
	display:inline-block;
	margin-top:10px
}
.select2-container--bootstrap-5 .select2-selection {
	border-radius:8px!important;
	border:1px solid #e2e8f0!important;
	min-height:40px!important;
	background-color:#fff!important
}
.fa-reply {
	color:#fff;
	margin-right:5px
}
.card-body .col-md-4 img {
	width:60px!important;
	height:60px!important;
	object-fit:cover;
	border-radius:50%!important;
	border:2px solid #f0f2f5
}
.card-body .col-md-8 span.fs-6.fw-bold a {
	color:#002f5d!important;
	font-size:1.1rem;
	transition:.3s
}
.card-body .text-secondary.small {
	padding:10px;
	border-radius:8px;
	margin-top:15px
}
.card-body .row.my-2 {
	margin:8px 0!important
}
.card-body .bi-geo-alt,.card-body .bi-person-check {
	color:#08387e;
	margin-right:5px
}
.card-body .btn-secondary {
	background-color:#002f5d!important;
	border:none!important;
	border-radius:8px!important;
	padding:12px!important;
	font-weight:600!important;
	letter-spacing:.5px;
	transition:.3s;
	box-shadow:0 4px 6px rgb(13 110 253 / .1)
}
.card-body .btn-secondary:hover {
	background-color:#0d6efd!important;
	transform:translateY(-2px);
	box-shadow:0 6px 12px rgb(13 110 253 / .2)
}
.dropdown-menu {
	border:none!important;
	border-radius:12px!important;
	padding:10px!important;
	box-shadow:0 10px 40px rgb(0 0 0 / .12)!important;
	background-color:#fff!important
}
.dropdown-item {
	padding:10px 15px!important;
	border-radius:8px!important;
	font-weight:500!important;
	color:#475569!important;
	margin-bottom:2px
}
.dropdown-item:hover {
	background-color:#f1f5f9!important;
	color:#0d6efd!important;
	transform:translateX(5px)
}
.dropdown-item i {
	width:25px;
	font-size:1.1rem;
	margin-right:12px;
	color:#94a3b8;
	transition:color .2s
}
.dropdown-divider {
	border-top:1px solid #f1f5f9!important;
	margin:8px 0!important
}
.dropdown-item[href*=logout],.dropdown-item[href*=logout] i {
	color:#dc3545!important
}
.dropdown-item[href*=logout]:hover {
	background-color:#fff1f2!important
}
.dropdown-item[href*=admin] {
	background-color:#f8fafc;
	font-weight:600!important;
	border:1px dashed #cbd5e1;
	margin-top:5px
}
.dropdown-item .badge {
	margin-left:auto;
	font-size:.75rem;
	padding:4px 8px
}
.card-body .col-6 i,.from-wysiwyg a {
	font-size:1rem!important
}
.js-cookie-consent.cookie-consent {
	position:fixed;
	bottom:20px;
	right:20px;
	left:20px;
	max-width:600px;
	margin:0 auto;
	background:rgb(255 255 255 / .95);
	backdrop-filter:blur(10px);
	padding:20px 25px;
	border-radius:16px;
	box-shadow:0 10px 30px rgb(0 0 0 / .08);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	z-index:9999;
	border:1px solid rgb(0 0 0 / .05);
	transition:.3s ease-in-out;
	animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;
	animation-delay:.8s;
	opacity:0
}
.cookie-consent__message {
	color:#444;
	font-size:14px;
	line-height:1.5;
	font-weight:500;
	flex:1
}
.cookie-consent-btn {
	padding:10px 20px;
	border-radius:10px;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	transition:.2s;
	border:none;
	white-space:nowrap
}
.cookie-consent__agree {
	background-color:#0d6efd;
	color:#fff
}
.cookie-consent__agree:hover {
	background-color:#0b5ed7;
	transform:translateY(-1px);
	box-shadow:0 4px 12px rgb(13 110 253 / .2)
}
.cookie-consent__disagree {
	background-color:#fff0;
	color:#6c757d;
	border:1px solid #dee2e6
}
.pnotify-container.custom-notice .pnotify-text,.swal2-html-container {
	color:#4b5563!important
}
.cookie-consent__disagree:hover {
	background-color:#f8f9fa;
	color:#333
}
@media (max-width:768px) {
	.js-cookie-consent.cookie-consent {
	flex-direction:column;
	text-align:center;
	bottom:10px;
	left:10px;
	right:10px;
	padding:20px
}
.cookie-consent-btn {
	width:100%
}
 }
@keyframes fadeInUp {
	from {
	opacity:0;
	transform:translateY(30px) scale(.95)
}
to {
	opacity:1;
	transform:translateY(0) scale(1)
}
}
.swal2-popup.swal2-modal {
	border-radius:24px!important;
	padding:2em!important;
	background:#fff!important;
	box-shadow:0 25px 50px -12px rgb(0 0 0 / .15)!important;
	border:none!important
}
.swal2-icon.swal2-warning {
	border-color:#fef3c7!important;
	color:#f59e0b!important;
	transform:scale(.8);
	margin-top:10px!important
}
.swal2-icon-content {
	font-weight:700
}
.swal2-html-container {
	font-size:1.1rem!important;
	line-height:1.6!important;
	font-weight:400!important;
	margin:1.5em 0!important
}
.swal2-actions {
	margin-top:10px!important
}
.swal2-confirm.swal2-styled {
	background-color:#0d6efd!important;
	color:#fff!important;
	border-radius:12px!important;
	padding:12px 35px!important;
	font-size:1rem!important;
	font-weight:600!important;
	box-shadow:0 4px 6px -1px rgb(13 110 253 / .2)!important;
	transition:.2s!important
}
.swal2-confirm.swal2-styled:hover {
	background-color:#0b5ed7!important;
	transform:translateY(-2px)!important;
	box-shadow:0 10px 15px -3px rgb(13 110 253 / .3)!important
}
.swal2-styled:focus {
	box-shadow:0 0 0 3px rgb(13 110 253 / .4)!important
}
.pnotify-container.custom-container {
	background:#fff!important;
	border:none!important;
	border-radius:16px!important;
	box-shadow:0 15px 35px rgb(0 0 0 / .1)!important;
	padding:1.25rem!important;
	display:flex!important;
	align-items:center!important;
	position:relative;
	overflow:hidden;
	top:50px!important
}
.pnotify-container.custom-notice {
	border-left:5px solid #0d6efd!important
}
.pnotify-container.custom-success {
	border-left:5px solid #10b981!important
}
.pnotify-container.custom-success .pnotify-text {
	color:#1a535c!important;
	font-weight:500!important
}
.custom-text {
	font-size:14px!important;
	line-height:1.5!important
}
.custom-text a.link-primary {
	color:#0d6efd!important;
	font-weight:700!important;
	border-bottom:1px solid #fff0;
	transition:.2s
}
.custom-text a.link-primary:hover {
	border-bottom:1px solid #0d6efd;
	opacity:.8
}
.custom-closer {
	position:absolute!important;
	top:20px!important;
	right:15px!important;
	color:#9ca3af!important;
	cursor:pointer
}
.custom-closer:hover,.list-group-item a[href*=closing],.list-group-item a[href*=logout] {
	color:#ef4444!important
}
.modal-content {
	border:none!important;
	border-radius:20px!important;
	overflow:hidden;
	box-shadow:0 25px 50px -12px rgb(0 0 0 / .2)!important
}
.modal-header {
	background-color:#f8fafc!important;
	border-bottom:1px solid #e2e8f0!important;
	padding:.7rem 1.5rem!important
}
.modal-title {
	color:#1e293b!important;
	font-size:1.25rem!important;
	display:flex;
	align-items:center;
	gap:10px
}
.modal-title i {
	color:#0d6efd
}
.modal-body .form-control {
	border-radius:10px!important;
	padding:12px 15px!important;
	border:1px solid #cbd5e1!important;
	font-size:14px!important;
	transition:.2s ease-in-out!important;
	background-color:#fff!important
}
.modal-body .form-control:focus {
	border-color:#0d6efd!important;
	box-shadow:0 0 0 4px rgb(13 110 253 / .1)!important;
	background-color:#fff!important
}
.input-group-text {
	background-color:#f1f5f9!important;
	border:1px solid #cbd5e1!important;
	border-radius:0!important;
	color:#64748b!important
}
.input-group .form-control {
	border-radius:0!important
}
.form-label {
	font-weight:600!important;
	color:#334155!important;
	margin-bottom:8px!important;
	font-size:13px!important
}
.text-count {
	font-weight:400;
	color:#94a3b8;
	font-size:11px;
	margin-left:5px
}
.modal-footer {
	border-top:1px solid #e2e8f0!important;
	padding:.7rem 1.25rem!important;
	background-color:#f8fafc!important
}
.modal-footer .btn-primary {
	padding:12px 30px!important;
	border-radius:10px!important;
	font-weight:600!important;
	background-color:#0d6efd!important;
	border:none!important;
	transition:.2s!important
}
.modal-footer .btn-primary:hover {
	background-color:#0b5ed7!important;
	transform:translateY(-1px)!important;
	box-shadow:0 4px 12px rgb(13 110 253 / .2)!important
}
.modal-footer .btn-secondary {
	background:0 0!important;
	color:#64748b!important;
	border:none!important;
	font-weight:500!important
}
.modal-footer .btn-secondary:hover {
	color:#1e293b!important;
	text-decoration:underline!important
}
a.link-body-emphasis {
	color:#1a1a1a!important;
	opacity:1!important
}
.card.bg-body-tertiary {
	background-color:#f0f2f5!important;
	border:1px solid #dee2e6!important
}
.card.bg-body-tertiary .card-body {
	color:#212529!important
}
.hero-wrap {
	min-height:300px!important
}
.bg-body-tertiary.rounded {
	border:1px solid rgb(0 0 0 / .05);
	line-height:1.8;
	font-size:14px!important
}
.from-wysiwyg h3:first-of-type,h3.text-center {
	color:#293e80;
	font-weight:800!important;
	position:relative;
	padding-bottom:15px
}
.from-wysiwyg h3 {
	color:#293e80;
	font-weight:700;
	margin-top:2rem;
	margin-bottom:1.5rem
}
.from-wysiwyg ol,.from-wysiwyg ul {
	list-style:none;
	padding-left:0;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:15px
}
.from-wysiwyg li {
	background:#fff;
	padding:15px 20px;
	border-radius:12px;
	border-left:5px solid #293e80;
	box-shadow:0 4px 6px rgb(0 0 0 / .02);
	transition:transform .3s
}
.from-wysiwyg li:hover {
	transform:translateY(-5px)
}
.from-wysiwyg a {
	display:inline-block;
	background-color:#293e80;
	color:#fff!important;
	padding:10px 25px;
	border-radius:50px;
	font-weight:600;
	margin-top:10px;
	transition:.3s;
	border:2px solid #293e80
}
.from-wysiwyg a:hover {
	background-color:#fff0;
	color:#293e80!important
}
.from-wysiwyg strong {
	color:#293e80
}
hr {
	border-top:2px solid rgb(41 62 128 / .1)
}
.social-media .btn {
	border-radius:8px;
	padding:10px 20px;
	font-weight:600;
	transition:.3s;
	border:none;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
	margin-bottom:5px
}
.social-media a {
	color:inherit!important;
	width:100%;
	display:block
}
@media (max-width:1199.98px) {
	.mobile-vertical-nav {
	flex-direction:column!important;
	align-items:flex-start!important;
	padding-top:30px
}
.mobile-vertical-nav .nav-item {
	width:auto;
	margin-bottom:10px
}
.mobile-vertical-nav .btn-highlight {
	width:100%!important;
	display:block;
	text-align:center
}
.mobile-vertical-nav .dropdown-menu {
	position:absolute!important;
	top:100%!important;
	left:auto!important;
	right:auto!important;
	width:240px!important;
	background-color:#fff!important;
	border-radius:12px!important;
	box-shadow:0 10px 30px rgb(0 0 0 / .3)!important;
	z-index:9999!important;
	border:none!important;
	margin-top:5px!important
}
.mobile-vertical-nav .dropdown-item {
	color:#333!important;
	padding:12px 15px!important;
	border-bottom:1px solid #f1f1f1
}
.mobile-vertical-nav .dropdown-item i {
	color:#293e80!important
}
}
.detail-line-content {
	position:relative;
	padding:15px 15px!important;
	background:#f8f9fb !important;
	border-radius:0!important;
	font-size:1rem!important;
	line-height:1.7!important;
	color:#334155!important;
	margin:20px 0
}
.bxslider {
	display:flex;
	overflow:hidden;
	visibility:hidden
}
.bx-wrapper .bxslider {
	visibility:visible!important
}
.bxslider>div:first-child {
	margin:0 auto;
	display:block
}
.bx-viewport {
	background:#f8fafc!important;
	min-height:260px
}
.items-details-wrapper .btn-secondary[href="#contactUser"] {
	background-color:#002f5d!important;
	border:none!important;
	color:#fff!important;
	letter-spacing:.5px;
	box-shadow:0 4px 6px rgb(0 47 93 / .15)
}
.items-details-wrapper .btn-secondary[href="#contactUser"]:hover {
	background-color:#0d6efd!important;
	transform:translateY(-2px);
	box-shadow:0 6px 12px rgb(13 110 253 / .25);
	color:#fff!important
}
#admin-panel .list-group-item {
	background-color:#f8fafc!important;
	border:1px dashed #cbd5e1!important
}
.card-title {
	color:#002f5d!important;
	font-weight:800!important;
	font-size:1.1rem!important;
	letter-spacing:.5px
}
.card-body .col-6 .border.rounded {
	background:#fff!important;
	border:1px solid #e2e8f0!important;
	border-radius:12px!important;
	padding:20px 10px!important;
	transition:.3s cubic-bezier(.4,0,.2,1);
	height:100%
}
.card-body .col-6 .border.rounded:hover {
	background-color:#f8fafc!important;
	border-color:#0d6efd!important;
	transform:translateY(-5px);
	box-shadow:0 12px 20px rgb(13 110 253 / .08)
}
.bg-primary.rounded-circle {
	background:linear-gradient(135deg,#0d6efd 0,#002f5d 100%)!important;
	width:55px!important;
	height:55px!important;
	transition:transform .3s
}
#userImg:hover,.card-body .col-6 .border.rounded:hover .bg-primary.rounded-circle {
	transform:scale(1.1) rotate(5deg)
}
.card-body a.link-primary {
	color:#475569!important;
	font-weight:600!important;
	font-size:.85rem!important;
	display:block;
	margin-top:5px;
	transition:color .2s
}
.card-body .row.g-3 {
	--bs-gutter-y:1rem;
	--bs-gutter-x:1rem
}
#cfContainer .form-check-label {
	display:inline-block!important;
	padding:8px 18px!important;
	background-color:#fff!important;
	border:2px solid #e9ecef!important;
	border-radius:50px!important;
	color:#495057!important;
	font-weight:600!important;
	font-size:.85rem!important;
	cursor:pointer!important;
	user-select:none!important;
	margin:4px 2px!important
}
#cfContainer .form-check-label:hover {
	border-color:#0d6efd!important;
	color:#0d6efd!important;
	background-color:rgb(13 110 253 / .05)!important
}
#cfContainer .form-check-input:checked+.form-check-label {
	background-color:#0d6efd!important;
	border-color:#0d6efd!important;
	color:#fff!important;
	box-shadow:0 4px 10px rgb(13 110 253 / .3)!important;
	transform:translateY(-2px)
}
#cfContainer .form-check-input:checked+.form-check-label::before {
	content:"\f00c";
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	margin-right:8px;
	font-size:.8rem
}
.card-body .border-bottom,.card-body .border-top {
	border-color:#cbced3!important
}
.border-light-subtle {
	border-color:#051b30!important
}
.link-primary {
	color:#004c78!important
}
.first-child {
	background-color:#f7fafd!important
}
.custom-footer {
	background-color:#243c37!important;
	padding-top:40px
}
.custom-footer h4 {
	color:#fff!important;
	font-size:1.1rem;
	font-weight:700;
	margin-bottom:25px;
	position:relative
}
.custom-footer h4::after {
	content:'';
	position:absolute;
	bottom:-8px;
	left:0;
	width:35px;
	height:3px;
	background-color:#3b82f6
}
.custom-footer a {
	color:#e2e8f0!important;
	transition:.3s;
	font-size:.95rem
}
.custom-footer a:hover {
	color:#fff!important;
	text-decoration:underline!important
}
.badge.rounded-pill,.breadcrumb-item a:hover,.list-group-item:hover a {
	color:#2563eb!important
}
.social-box a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	background:#101c1a;
	border-radius:8px;
	margin-right:8px;
	font-size:1.2rem;
	color:#fff!important
}
.social-box a:hover {
	background:#2563eb;
	transform:translateY(-3px)
}
.payment-methods-container {
	border-top:1px solid rgb(255 255 255 / .1)
}
.payment-icon {
	height:30px!important;
	width:auto;
	margin:5px 10px;
	filter:grayscale(0) brightness(1);
	background:#fff;
	padding:5px 10px;
	border-radius:5px;
	display:inline-block
}
.footer-bottom {
	background-color:#152421!important;
	padding:20px 0;
	margin-top:40px
}
.container.vstack.gap-4 {
	background-color:#fff!important;
	border:1px solid #e2e8f0!important;
	border-radius:16px!important;
	box-shadow:0 4px 20px rgb(0 0 0 / .05);
	padding:25px!important
}
.list-group,.list-group-item {
	border:none!important
}
h5.fw-bold {
	font-size:.9rem;
	color:#64748b;
	letter-spacing:1px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #f1f5f9!important
}
.list-group-item {
	margin-bottom:5px;
	border-radius:10px!important;
	padding:12px 15px!important;
	transition:.3s;
	background-color:transparent!important
}
.list-group-item a {
	font-weight:500;
	color:#1e293b!important;
	display:flex;
	align-items:center;
	gap:12px
}
.list-group-item i {
	font-size:1.1rem;
	color:#94a3b8;
	transition:.3s;
	width:20px;
	text-align:center
}
.list-group-item:hover {
	background-color:#f1f5f9!important;
	transform:translateX(5px)
}
.list-group-item:hover i {
	color:#2563eb
}
.list-group-item.active {
	background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%)!important;
	box-shadow:0 4px 12px rgb(37 99 235 / .2)
}
.badge.rounded-pill {
	background-color:#f1f5f9!important;
	font-weight:700;
	padding:6px 12px!important
}
.list-group-item.active .badge {
	background-color:rgb(255 255 255 / .2)!important;
	color:#fff!important
}
.list-group-item:hover a[href*=closing],.list-group-item:hover a[href*=logout] {
	background-color:#fef2f2!important;
	color:#dc2626!important
}
.container h3.fw-bold {
	color:#1e293b;
	font-size:1.25rem;
	display:flex;
	align-items:center;
	gap:12px
}
.container h3.fw-bold i {
	color:#2563eb;
	background:rgb(37 99 235 / .1);
	padding:10px;
	border-radius:12px;
	font-size:1.2rem
}
.breadcrumb-item a {
	color:#64748b!important;
	font-weight:500;
	transition:color .3s
}
.breadcrumb-item.active {
	color:#94a3b8!important
}
#userImg {
	border:2px solid #2563eb!important;
	padding:2px;
	transition:transform .3s;
	object-fit:cover
}


/* 1. إظهار زر الإغلاق (X) بشكل دائم ومنع اختفائه */
    .pnotify-closer, .pnotify-sticker {
        visibility: visible !important;
        display: block !important;
        opacity: 1 !important;
    }
    
    /* 2. تحسين مظهر التنبيه ليكون أصغر قليلاً وأكثر وضوحاً */
    .pnotify-container.custom-container {
        padding-right: 40px !important; /* مساحة للزر */
        border-radius: 12px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    }

@media (max-width:991px) {
	.navbar-nav {
	align-items:flex-start!important;
	padding:10px 0
}
.nav-item.dropdown .nav-link.menu-type-link {
	width:fit-content!important;
	margin-bottom:10px!important
}
.container.vstack {
	text-align:center
}
.justify-content-lg-end {
	justify-content:center!important;
	margin-top:15px
}
.container h3.fw-bold {
	justify-content:center
}

}