@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}


body {
	margin: 0;
	padding: 0;
	
}

a {
  font-size:14px;

}

.superNav {
  font-size:13px;
}

 


.homeflagandcountry{
	font-family:'Droid Arabic Kufi';
	font-size:;
	text-decoration:none;
}

.homeflagandcountry a{
	font-family:'Droid Arabic Kufi';
	font-size:;
	text-decoration:none;
	color:#444;
}

.form-control {
  outline:none !important;
  box-shadow: none !important;
}


@media screen and (max-width: 991px){ 
    .navbarwidthforlogoobile {
		width:100% !important;
    }

}

@media screen and (min-width: 991px){ 
    .bookanappointment {
		width:125px !important;
    }
	
	.btn-success {
		font-size:14px !important;
	} 

}

.navbar-nav{
	padding-right:0px;
}

 

.navbar-toggler:focus{
	box-shadow:0 0 0 .08rem !important;
}

@media screen and (max-width:540px){
  .centerOnMobile {
	text-align:center
  }
 
 
  
	  .mobile-only {
	display: block; /* يظهر العنصر عندما يكون العرض صغيرًا جدًا */
  }
}

.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
 
 

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* التصميم الخاص ب نافذة حجز موعد */
.swal2-title{
	font-family:'Droid Arabic Kufi';
	font-size:18px !important;
}
.swal2-content .swal2-input{
	padding:5px !important;
	margin:5px !important;
	height:40px !important;
}
.swal2-content {
	
}




/* إعدادات الخريطة والصورة */
	.positionleft{
		  text-align: left;
		  width:100%;
	}
        /* تخصيص زر العودة */
        #backButton {
            background-color: #ffffff; /* لون خلفية الزر */
            color: #333333; /* لون النص */
            border: 1px solid #cccccc; /* حدود الزر */
            border-radius: 50%;
            padding: 5px;  
            font-size: 16px; 
            cursor: pointer;  
            transition: background-color 0.3s, color 0.3s; 
        }
    
        #backButton:hover {
            background-color: #f2f2f2;  
        }

        /* تخصيص أيقونة السهم */
        .arrowclass {
            margin-left: 5px; 
            margin-right: 5px; 
        }

        /* تخصيص عنصر الخريطة */
        #map { 
			position: relative; /* تأكد من أن الخريطة في الجزء الأمامي */
			z-index: 1; /* ضع قيمة Z-index أعلى من العناصر الأخرى لتظهر فوقها */
			margin-top:-50px;
			margin-left:-25px;
			margin-bottom:-65px;
        }

		.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
			background-color: #FF7A00 !important;
			color: #fff !important;
		}
		

		
        /* تخصيص عنصر الصورة */
        .picmap { 
			position: relative; /* تأكد من أن الخريطة في الجزء الأمامي */
			z-index: 2; /* ضع قيمة Z-index أعلى من العناصر الأخرى لتظهر فوقها */
			margin-top:-50px;
			margin-left:-25px;
        }

        .picmap img{ 
			position: absolute; 
			border:0; 
			height:165px; 
			top: 0; 
			right: 0;
        }

        /* تخصيص الديف الذي يحمل اسم المركز */
        .clinicName {
            font-weight: bold; /* عرض النص بخط عريض */
            margin-top: 5px; /* هامش من الأعلى */
        }
		
.overlay {
    position: relative;
    overflow: hidden; /* تحديد الخصائص لمنع خروج الخريطة */
}
  
.clientspagediv{
border: 1px solid #04c415; 
padding: 10px 10px -30px 10px; 
margin-bottom: 7px;
border-radius:10px;
min-height:130px;
}

 


.nav-tabs .nav-link{
	border-top-right-radius :10px !important;
	border-top-left-radius :10px !important;
}
 .input-group {
		position: relative;
		display: flex;
		align-items: center;
		max-width: 95%;
		border-radius: 10px;
	}

.search-input {
    border-radius: 10px !important; /* تطبيق الزوايا للحقل */
    padding-right: 5px; /* مسافة لجعل مكان للأيقونات */
    
}

	.filter-icon,
	.search-icon {
		padding: 5px;
		position: absolute;
		margin-right:5px;
	}

	.filter-icon {
		margin-right:-30px;
		z-index:999;
		left: 5px;
		cursor: pointer;
		top:5px;
	}
	
	
	.filter-icon i{
		
	}
	
		
		
	.bg-light {
		cursor: pointer;
	}

	.input-group-text {
		
	}

	.nav-item {
		padding-right:-5px !important;
		padding-left:-5px !important;
	}

	.contact-payment-icons {
		
	}

	.contact-payment-icons i {
		font-size:16px;
	}

	.btn-success {
		background-color:#04c415 !important;
		border-color:#04c415 !important;
		border-radius:12px !important;
		font-size:10px !important;
		padding:10px 6px !important;
		font-family: 'Droid Arabic Kufi';
	}

	.tagelbottomleftorw {
		padding:0px	!important;

	}


	.border-warning2{
		border:1px solid #fff !important;
		background-color: #ffffff !important;
	}
	.btn-warning2 {
		  background-color: #FF7A00 !important;
		color: #fff !important;
	}

	.bg-white{
			background-color: #fff !important;
	}

	.footer-payment-icons {
	 width:100%;	
		
	}

	.footer-payment-icons a{
	 text-decoration:none;
	 padding:1px;
	}

	.footer-payment-icons i{
		font-size:28px;
		color:#ff751a;
	}
			
	 .green-link a{
			color: #04C416;
			text-decoration: none; /* لإزالة التأثير الأساسي للرابط */
			font-size:12px;
	}

	.green-link a:hover {
		text-decoration: none; /* تحتين عند تحويم الفأرة */
		color: #191919;
	}
		
	.dropdown-item a{
		text-decoration:none;
		color:#000;	
		padding:0;
		margin:0;
	}

	.form-select{
		 background-image:none !important;
	}

	.image-container{
		 margin-left:15px;
	}

	.image-container img{
		border-radius:5px ;
		box-shadow:3px 3px 7px #999;
		border:1px solid #ddd;
	}

	.image-container img:hover{
		box-shadow:3px 3px 7px #444;
	}

	.caption2 h1,.caption2 h2,.caption2 h3,.caption2 h4,.caption2 h5,.caption2 h6{
			position: absolute; 
			bottom: 50%;
			font-size:14px !important;
			left: 0; 
			width: 100%; 
			background-color: rgba(0, 0, 0, 0.7); 
			text-align: center; 
			padding: 10px; 
			color: #fff;
	}

	.caption2 span{
	  color: #f27a1a;
	  font-size: 14px;
	  font-weight: 600;
	  text-align: center; 
	}

 

	.hand{
		cursor: pointer;
	}

	.carthome{
		position:absolute;
		top:1px;
		left:1px;
		background-color:#fff;
		color:#FF7A00;
		padding:3px;
		border-radius:3px 0px 8px 0px;
		cursor:pointer;
	}
	 
	 .proPrice{
		position:absolute;
		bottom:1px;
		left:1px;
		background-color:#fff;
		color:#FF7A00;
		padding:3px;
		border-radius:3px 0px 8px 0px;
		cursor:pointer;
	}
	 
	 .pricedet{
		 position:relative;
		top:46px;
		right:0px;
		width:100px;
		background-color:#FF7A00 ;
		padding:3px;
		color:#fff;
		border-radius:0px 0px 0px 8px;
	}
	 
	 .blog-post{
		 background-color:#F9F9F9;
		 border-radius:0px 20px 0px 20px;
		 padding:10px;
	}
	 
	 .countdet{
		width:100px;
		background-color:#FF7A00 ;
		padding:3px;
		color:#fff;
		border-radius:8px 0px 8px 0px;
	}
	 
	.backbuttonaddtocart {
	  background-color: #01986C ; /* لون الخلفية الأساسي */
	  transition: background-color 0.3s ease; /* تأثير التحول للون الخلفية */
	  padding:6px 8px;
	  border-radius:7px;
	  color:#fff;
	  text-decoration:none;
	  font-weight:bold;
	}

	.backbuttonaddtocart:hover {
	  background-color: #FF8500; /* لون الخلفية عند تمرير الماوس */
	  color:#eee;
	}

	.contact-seller-button{
	  background-color: #FF7A00 ; /* لون الخلفية الأساسي */
	  transition: background-color 0.3s ease; /* تأثير التحول للون الخلفية */
	  padding:4px 5px;
	  margin:5px;
	  border-radius:5px;
	  color:#fff;
	  text-decoration:none;
	  font-size:16px;
	}
	.contact-seller-button:hover{
	  background-color: #01986C; /* لون الخلفية عند تمرير الماوس */
	  color:#eee;
	}

	.sendmsgsellerdet {
	  background-color: #3b5998 ; /* لون الخلفية الأساسي */
	  transition: background-color 0.3s ease; /* تأثير التحول للون الخلفية */
	  padding:4px 5px;
	  margin:5px ;
	  border-radius:5px;
	  color:#fff;
	  text-decoration:none;
	  font-size:16px;
	}

	.sendmsgsellerdet:hover {
	  background-color: #3b5998; /* لون الخلفية عند تمرير الماوس */
	  color:#eee;
	}


	.copylinkpagedet {
	  background-color: #3b5998 ; /* لون الخلفية الأساسي */
	  transition: background-color 0.3s ease; /* تأثير التحول للون الخلفية */
	  padding:6px 8px;
	  margin:6px 8px;
	  border-radius:7px;
	  color:#fff;
	  text-decoration:none;
	  font-weight:bold;

	}

	.copylinkpagedet:hover {
	  background-color: #3b5998; /* لون الخلفية عند تمرير الماوس */
	  color:#eee;
	}

	  
	.pricing-plan {
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		padding: 10px;
		margin: 10px;
		text-align: center;
		border-top:3px solid #ffa366;
	}

	.pricing-plan h2 {
		font-size: 24px;
		color: #333;
	}

	.pricing-plan p {
		font-size: 16px;
		color: #666;
	}

	.pricing-plan .price {
		font-size: 28px;
		color: #ff8800;
		margin: 20px 0;
	}

	.pricing-plan .btn {
		display: inline-block;
		background-color: #ff8800;
		color: #fff;
		padding: 10px 20px;
		border-radius: 25px;
		text-decoration: none;
		font-weight: bold;
	}

	.pricing-plan .btn:hover {
		background-color: #ff6600;
	}


	.btn-primary{
		border:1px solid #fff !important;
	}

	.cart-count{
		position: absolute;
		top: -10px;
		margin-right:1px;
		background-color: #840000;
		color: white;
		border-radius: 50%;
		padding: 5px;
		font-size: 12px;
	}

	.button-container {
	  text-align: center;
	  margin: 10px;
	}

	.login-button,
	.register-button {
	  display: inline-block;
	  color:#444;
	  padding: 5px 10px;
	  border: none;
	  border-radius: 5px;
	  font-size: 16px;
	  cursor: pointer;
	  transition: background-color 0.3s, color 0.3s;
	  text-decoration: none;
	  background-color:#ddd;
	  border-radius:10px;
	}

	/* قواعد CSS للرسالة العائمة */
	.floating-message {
	  position: fixed; /* يجعل العنصر موقعًا ثابتًا على الشاشة */
	  top: 30%; /* يجعل العنصر في منتصف العمود العلوي للشاشة */
	  left: 50%; /* يجعل العنصر في منتصف الأفقي للشاشة */
	  transform: translate(-50%, -50%); /* يمكن استخدامه لتوسيط العنصر بشكل أفضل */
	  padding: 20px;
	  background: #ffffff;
	  border: 1px solid #000000;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	  z-index: 9999; /* للتأكد من أنها تظهر فوق أي محتوى آخر */
	  display: none; /* لإخفاء الرسالة في البداية */
	}


	/* أضف تأثير الظهور بواسطة CSS أو قم بذلك باستخدام JavaScript */
	.floating-message.show {
	  display: block; /* إظهار الرسالة عند الحاجة */
	}

 

	.deleteprocart{
		background-color:#900C3F;
		color:#fff;
		padding:4px;
		margin:2px;
		text-decoration:none;
		float:left;
	}

	.minusbutton{
		background-color:#FFC300;
		color:#fff;
		padding:4px;
		text-decoration:none;
		float:left;
		margin:2px;
	}

	.plusbutton{
		background-color:#1EAD05;
		color:#fff;
		padding:4px;
		text-decoration:none;
		float:left;
		margin:2px;
	}

	/* نمط النجاح */
	.success {
		position:fixed;
		color: #008000; /* لون النص الخضراء */
		background-color: #C8E6C9; /* لون الخلفية الخضراء */
		border: 1px solid #4CAF50; /* حدود خضراء */
		padding: 10px; /* هامش داخلي */
		border-radius: 5px; /* زاوية دائرية */
		max-width:270px;
		float:left;
		transform: translate(-50%, -50%); /* يمكن استخدامه لتوسيط العنصر بشكل أفضل */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		z-index: 9999; /* للتأكد من أنها تظهر فوق أي محتوى آخر */
	  
		
	}

	/* نمط الفشل */
	.error {
		position:fixed;
		color: #444; /* لون النص الخضراء */
		background-color: #FF9300; /* لون الخلفية الخضراء */
		border: 1px solid #FF5900; /* حدود خضراء */
		padding: 10px; /* هامش داخلي */
		border-radius: 5px; /* زاوية دائرية */
		max-width:270px;
		float:left;
		transform: translate(-50%, -50%); /* يمكن استخدامه لتوسيط العنصر بشكل أفضل */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		z-index: 9999; /* للتأكد من أنها تظهر فوق أي محتوى آخر */
	}

	 .bg-cap-cat{
		background-color: #fff5e7 ;
		padding-top:2px;
		opacity:1;
		 text-align:right;
		border-bottom:1px dashed #9a9a9a ;
	 }
	 
	.bg-cap-cat .nameandicon {
		font-size:16px; 
		margin-right: 10px;
	}

	   .category-link { 
		margin-left: 5px;
		float:left;
		cursor: pointer;
		 font-size:12px; 
	}
	   
   
	/* ايقونة الدعم الفني اسفل الموقع */
	@keyframes shake {
		0% { transform: translate(0, 0); }
		10%, 30%, 50%, 70%, 90% { transform: translate(-5px, 0); }
		20%, 40%, 60%, 80% { transform: translate(5px, 0); }
		100% { transform: translate(0, 0); }
	}

	#support-button.shake {
		animation: shake 0.5s;
	}

	#support-button.shake {
		animation: shake 0.5s;
	}

    #support-button {
        position: fixed;
        bottom: 75px;
        color: #00B17B;
        width:30px;
		height:30px;
        cursor: pointer;
		z-index:99;
        transition: transform 0.3s, background-color 0.3s; /* تأثير تحريك وتغيير لون الخلفية عند التحويل */
    }
    #support-button:hover {
        transform: scale(1.1); /* تكبير الزر عند تمرير الماوس عليه */
		color: #00B563;
		padding-right:15px;
    }
    #support-button i {
        font-size: 38px;
        text-align: center;
		border-radius: 50%;
		width:35px;
		height:25px;
		background-color: #fff;
    }
	
	.currectbalanceincart{
	  border: 1px solid #666;
	  outline: #F7F7F7 solid 10px;
	  margin: auto;  
	  padding: 10px;
	  text-align: center;
	  min-width:280px;
		}
			
			
	#countdown {
		background-color: #C100FF; /* لون خلفية العداد */
		color: #FFFFFF; /* لون النص */
		padding: 10px; /* هوامش داخلية للعداد */
		border-radius: 25px;
	}

	.ribbon-warp{
		width:50px;
		height:50px;
		overflow:hidden;
		position:relative;
		left:-30%;
	}

	.ribbon-warp::before , .ribbon-warp::after{
		content: '';
		width:10px;
		height:10px;
		background:#FF004D;
		position:relative;
		z-index:-1;
	}

	.ribbon-warp::before{
		top:0px;
		right:0px;
	}

	.ribbon-warp::after{
		bottom:0px;
		left:0px;
	}

	.ribbon{
		width:100px;
		font-size:15px;
		margin-top:20px;
		text-align:center;
		padding:8px 0;
		background:#C100FF;
		color:#fff;
		position:absolute;
		transform:rotate(-90deg);
		border-radius:0px 0px 0px 18px;
	}

	.hidden {
		display: none;
	}


	  
	  
	  .dollarsignc{
		  background:#183B6D;
		  color:#fff;
		  padding:7px 8px 6px;
		  border-radius: 3px; 
		  margin-bottom:1px;
		  border-radius: 3px 5px 5px 3px; 
	  }
	  
	.disabled-button {
	  background: #c0c0c0;
	  cursor: not-allowed;
	  pointer-events: none;
	}

	.fa-right-left{
		  background:#183B6D;
		  color:#fff;
		  padding:3px 8px;
		  border-radius: 3px; 
		  font-size:12px;
	}


	}

	/*store*/
	.float-right{
		float:right;
	}
	.symbolclass{
		color:#555;
		font-size:11px;
	}
	.langclass{
		color:#555;
		font-size:11px;
	}

	.green, .green::before {
		color: green;
			content: '\2191'; /* رمز سهم لأعلى Unicode */
		margin-right: 5px; /* مسافة بين الرمز والنص */
	}

	.red, .red::before {
		color: red;
		 content: '\2193'; /* رمز سهم لأسفل Unicode */
	}

	table {
		border-collapse: collapse;
		width: 100%;
		  font-size:14px !important;
	}

	th, td {
		text-align: center !important;
		padding: 2px;
		border-bottom: 1px solid #dddddd; 
	}
	
	table tbody tr {
		text-align: center !important;
		padding: 2px !important;
		border-bottom: 1px solid #dddddd !important;
	}
	.icon-image {
	width: 24px; /* أو أي حجم آخر تفضله */
	height: 24px;
	}

	thead tr th {
		font-weight: 500;
	}

	thead tr th:last-child {
		text-align: right;
	}

	tbody tr th {
		color: #dddddd;
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
	}

	tbody tr td {
		font-family: 'Roboto', sans-serif;
		color: #607d8b;
	}

	tbody tr td:last-child {
		text-align: right;
	}

	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th {
		border-top: 1px solid rgba(120, 130, 140, 0.13);
		line-height: 32px;
		vertical-align: top;
	}

	.table>thead>tr>th {
		border-bottom: 1px solid rgba(120, 130, 140, 0.13);
		font-weight: 600;
	}

	.table {
		margin-bottom: 0;
		white-space: nowrap;
	}

	.table .badge {
		text-transform: uppercase;
	}

	.student-data-table label {
		margin-right: 7px;
	}

	.student-data-table td span a {
		padding: 3px;
	}

	.table td,
	.table th {
		border-top: 1px solid rgba(120, 130, 140, 0.13);
		padding: 0.75rem;
		vertical-align: top;
	}

	table.dataTable thead .sorting,
	table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc,
	table.dataTable thead .sorting_desc_disabled {
		background: transparent none repeat scroll 0 0;
	}

	table.dataTable thead .sorting_asc::after {
		content: "";
		cursor: pointer;
		font-family: fontawesome;
		margin-left: 10px;
	}

	table.dataTable thead .sorting_desc::after {
		content: "";
		cursor: pointer;
		font-family: fontawesome;
		margin-left: 10px;
	}

	table.dataTable thead .sorting::after {
		color: rgba(50, 50, 50, 0.5);
		content: "";
		cursor: pointer;
		font-family: fontawesome !important;
		margin-left: 10px;
	}

	.ulflags {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;  
        justify-content: space-between; 
    }

     .ulflags li {
        width:50%;
		font-size:14px;
        text-align: left;
        margin-bottom: 14px;  
		cursor: pointer;
    }
	
	  .ulflags li .flag-icon {
        width: 30px !important;  
        height: 30px !important;  
        border-radius: 50% !important;    
    }
	
	
	
 
/* Style for icon container */
	.swal-icon-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: 20px;
	}
	
	/* Style for individual icon */
	.swal-icon {
		text-align: center;
		cursor: pointer;
	}
	.swal-icon i{
		font-size: 24px;
	}
	.swal-icon a{
		text-decoration:none;
		color:#444;
	}
	
	/* Style for icon label */
	.swal-icon-label {
		font-size: 14px;
	}
	
	/* Style for border around icons */
	.swal-icon-border {
		border: 1px solid #eee;
		padding: 10px;
		border-radius: 10px;
	}
	
	/* Style for Swal.fire container */
	.swal2-popup-menu {
		max-width: 100%;
		width: 100%;
		height: 100%;
		padding: 20px;
	}
	
	/* Style for Swal.fire close button */
	.swal2-close {
		top: 20px !important;
		right: 50% !important;
		transform: translateX(50%) !important;
	}
	
	
	 .fixedlanguage {
	font-size:20px;
	color:#444;
    }
	
	
		@media screen and (min-width:989px){
	.fixedlanguage{
		display:none;
	}
	}
	
    .fixedlanguage { 
		 
    }
	
	@media screen and (max-width: 991px){ 
    .navbarwidthforlogoobile {
		width:98% !important;
    }

	}

	.tagelbottomleftorw {
		padding:0px	!important;

	}

    .navbar-toggler {
         padding:5px;
        margin-top: 3px; /* مسافة بين الأزرار */
    }
 

    .flag-icon {
        width: 25px;
        vertical-align: middle;
        margin-right: 5px;
    } 
	
	
	.lang-popup {
            height: 50%;
    }
		

	.languagebottum{
		cursor: pointer;
	}
 
	
	.space3{
		display: flex;
        justify-content: flex-end; /* لمحاذاة العناصر إلى اليمين */
        align-items: center; /* لضمان محاذاة العناصر عموديًا بشكل مركزي */
	}
	
	.bookanappointmentright{
		justify-content: right !important;
	}
		
	.languageBtn{
	 cursor: pointer;
	}

	.hand{
		cursor: pointer;
	}

	.ulflags {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;  
        justify-content: space-between; 
    }

     .ulflags li {
        width:50%;
		font-size:14px;
        text-align: left;
        margin-bottom: 14px;  
		cursor: pointer;
    }
	
	  .ulflags li .flag-icon {
        width: 30px !important;  
        height: 30px !important;  
        border-radius: 50% !important;    
    }

	
	.navbar-brand img{
	 border-radius:10px;
	}

	.product-card {
		transition: transform 0.3s, box-shadow 0.3s;
		border: none;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}

	.product-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	}

	.product-card img {
		height: 200px;
		object-fit: cover;
		border-bottom: 1px solid #ddd;
	}

	.product-card .card-body {
		background-color: #f8f9fa;
		padding: 20px;
	}

	.product-card .card-title {
		font-size: 1.25rem;
		margin-bottom: 10px;
		color: #333;
	}

	.product-card .card-text {
		font-size: 1rem;
		margin-bottom: 20px;
		color: #555;
	}

	.product-card .btn {
		background-color: #007bff;
		border: none;
		border-radius: 20px;
		padding: 10px 20px;
		font-size: 1rem;
		transition: background-color 0.3s;
	}

	.product-card .btn:hover {
		background-color: #0056b3;
	}


	.rtl{
			direction: rtl !important;  
	}

	.ltr{
			direction: ltr !important;  
	}


	.btn-add-to-cart {
		background-color: #007bff; /* لون الخلفية */
		color: #fff; /* لون النص */
		border: none; /* إزالة الحدود الافتراضية */
		padding: 10px 20px; /* المسافة الداخلية */
		border-radius: 5px; /* زوايا دائرية */
		font-size: 16px; /* حجم الخط */
		font-weight: bold; /* سمك الخط */
		transition: background-color 0.3s, transform 0.3s; /* تأثير الانتقال */
		cursor: pointer; /* تغيير شكل المؤشر عند المرور فوق الزر */
		display: inline-flex; /* وضع الزر في منتصف النص */
		align-items: center; /* محاذاة النص والرموز */
	}

	.btn-add-to-cart:hover {
		background-color: #0056b3; /* لون الخلفية عند مرور المؤشر */
		transform: scale(1.05); /* تكبير الزر قليلاً عند مرور المؤشر */
	}

	.btn-add-to-cart:active {
		background-color: #004494; /* لون الخلفية عند الضغط على الزر */
		transform: scale(0.98); /* تصغير الزر قليلاً عند الضغط عليه */
	}


	.btn-add-to-cart {
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل الزر */
	}

	.btn-add-to-cart:hover {
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* ظل أكبر عند مرور المؤشر */
	}

	/* تنسيق للأيقونة مع التنبيه */
	.cart-icon-container {
		position: relative;
		display: inline-block;
	}

	.cart-icon-container .cart-icon {
		font-size: 20px;
	}

	.cart-icon-container .notification-badge {
		position: absolute;
		top: -10px;
		right: -10px;
		background-color: red;
		color: white;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		font-weight: bold;
	}