.home_page {
    padding: 56px 0px 0px 13px !important;
}

.cat_page {
    padding: 224px 0px 0px 0px !important;
}
.prod_page {
    padding: 256px 0px 0px 0px !important;
}
.list-prod-page{
    padding: 256px 0px 0px 0px !important;
}
.fav_page {
    padding: 256px 0px 10px 0px !important;
}
.cart_page {
    padding: 256px 0px 0px 0px !important;
}
.order_page {
    padding: 265px 0px 0px 0px !important;
}
.profil_page {
    padding: 256px 0px 10px 0px !important;
	height: 553px !important;
}
.edit_profil_page {
    padding: 256px 0px 10px 0px !important;
}
.cat_prod_page {
    padding: 235px 0px 10px 0px !important;
}
.seller_page {
    padding: 256px 0px 10px 0px !important;
}
.overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: rgba(0, 0, 0, 0.5) !important; 
z-index: 2000 !important;
display: none !important;
}

.centerd_profil{
top: -129px !important;
    position: relative;
align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
}

.logo{
width:33% !important;
}

.button_profile{
display:flex  !important;       
flex-direction: column  !important; 
align-items: flex-end  !important;
justify-content: flex-end  !important;
position:relative  !important;
	top:-210px  !important;
	left:10px !important;
}

.username{
	display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: absolute;
	    top: 146px;

}


.username .name{
	color:black !important;
	font-family: Lato !important;
	font-size: 38px !important;
	font-weight: 500 !important;
	letter-spacing: 0.75px;
}
.info_user{
	display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    position: relative;
    flex-wrap: wrap;
	flex-direction: row;
	    top: -39px;
}
.info_user .block_data{
	display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
	flex-direction: row;
}

.data1{
	color:black !important;
	font-family: Lato !important;
	font-size: 21px !important;
	font-weight: 400 !important;
	letter-spacing: 0.33px;
}
.data2{
	color:black !important;
	font-family: Lato !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	letter-spacing: 0.30px;
	opacity:40%;
}

.rating{
display: flex !important;
    justify-content: flex-start !important;
}
.title_profil{
	font-family: Lato !important;
font-size: 55px !important;
font-weight: 800 !important;
letter-spacing: 0.45px;
color: white !important ;
text-align: start;
	    top: 29px;
    position: relative;
}

.title_update_profil {
   font: normal normal bold 30px / 40px Lato;
    letter-spacing: 0.45px;
    color: black !important;
    text-align: start;
	position: relative;
}

/* Style for the full-screen container */
#fullscreen-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none; /* Hide by default */
}

#fullscreen-container img {
    max-width: 90%;
    max-height: 90%;
}

#fullscreen-container .fullscreen-hidden {
    display: none;
}

/* Style for the close button */
#close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}


.modal-backdrop {
background-color: #000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 99 !important;
}

input, select {
font-family: Lato !important;
padding: 8px;
font-size:14px !important;
border-radius: 9px !important;
border: 2px solid #e5e5e5 !important;
}

.main-categorie{
margin:25px 0px !important;

}

.pagg nav{
display: flex;
    width: 100% !important;
    justify-content: center;
}

#map-vu .filter-section {
    background-color: transparent !important;
    box-shadow:  0 1px 4px 0 rgb(0 0 0 / 0%) !important;
}

#modal-custom {
top: 5% !important;
left: 29% !important;
z-index: 0; /* Ensure it is on top of other elements */
background-color: #fff; /* Ensure the background color is set */
box-shadow: 0 5px 15px rgba(0,0,0,.5); /* Optional: Add a shadow for better visibility */
width: 90%; /* Adjust width as necessary */
max-width: 500px; /* Adjust max-width as necessary */
border-radius: 8px; /* Optional: Add border radius for rounded corners */
 /*   height: 513px !important;*/
}

/* Additional styling for modal content */
#modal-custom header, #modal-custom footer {
padding: 10px;
text-align: center;
}
#modal-custom .input-group {
margin-bottom: 15px;
}
#modal-custom .submit_btn {
margin-top: 10px;
}

#btn_submit_form{
font: normal normal  16px/19px Lato;
color: #ffffff;
background: #3B6AB2 0% 0% no-repeat padding-box;
border-radius: 10px;
padding: 12px 30px !important;
}

.profilblock1{
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
			width: 100% !important;
    margin-left: 82px !important;
 
}
.product-grid .rating {
    color: #ffd200;
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 12px 0 23px  !important;
    position: relative;
    z-index: -1;
}

.shopping-cart-sidebar .shopping-cart-sm .product-details {
width: 63% !important;
}

.product-sm .product-details .product-title, .product .product-details .product-title {
font-family: Lato !important;
font-size: 16px;
font-weight: 700;
margin-right: 20px;
text-transform: lowercase;
}

.étape {
font-size: 1.3rem;
font-family: Lato !important;
color: rgb(42, 42, 42);
font-weight: 600;
}

.block_stat{

}

.popup .form-input {
background: #fff !important;
border: 2px solid #e5e5e5 !important;
border-radius: 0;
color: #000 !important;
    font-size: 14px !important;
 font-family: Lato !important;
padding: 15px !important; 
}

.popup-social{
margin: 17px !important;
}

.popup-social .fb{
margin-right: 32px !important;
}

.popup-button{
    display: flex;
}

.popup-title{
  font-size:2.0rem;
font-family: Lato !important;
    font-weight: bold;
}

.text-cat {
font-size: 1rem;
font-family: Lato !important;
color: #2A2A2A;
line-height: 32px;
}

.commande_stat{
    font-size: 16px !important;
    font-weight: normal;
    font-family: Lato !important;
    letter-spacing: 0.45px;
    color: #6c757d;

    color: #6c757d !important;
    padding: 0px 0px 0px 0px !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: flex-start  !important;
}
.commande_stat strong{
    color: #000000 !important;
    font: normal normal normal 15px / 40px Lato !important;
    letter-spacing: 0.45px !important;
    padding: 0px 0px 0px 10px !important;
}

.title a{
    color: #2A2A2A !important;
    font-size: 15px !important;
    font-family: Lato !important;
    font-weight: 600 !important;
}
.padding_filter{
padding:0px 16px 0px 0px !important;
}
.inputs_filter{
margin-bottom: 29px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
padding: 0px !important;
margin: 0px 0px 29px 0px !important;
}
.filter_btn{
padding: 0px !important;
margin: 0px 0px 0px 0px !important;
}
.input-group{
display: flex;
align-items: center;
justify-content: center;
height: 45px;
font-size: 1.5em !important;
}

.filter-open  .input-group{
align-items: flex-start !important;
justify-content: flex-start !important;
}
.filter-open span{
padding-bottom: 10px;
text-align: left !important;
font: normal normal normal 19px/23px Lato !important;
letter-spacing: 0px !important;
color: #000000 !important;
opacity: 0.8 !important;
}

.filter_card{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: white;
padding: 30px 0px 0px 0px;
}

.size{
font-size: 15px;
color: #8A8A8A;
font-family: Lato;
}
.icon-size{
font-size: 20px !important;
color: #8A8A8A !important;

}

.menu-line{
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
}

.menu-line span{
font-family: Lato;
}
.menu-image {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding: 10px 0px 10px 10px;
}

.head_category{ 
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0px 0px 20px 0px;
}
.head_category h3{
font-size: 22px;
font-family: montserrat;
font-style: normal;
font-weight: bold;
line-height: 28px;
letter-spacing: 0px;
	display: flex !important;
  align-items: center !important;
}
.head_category a{
text-decoration: underline !important;
font-size: 16px;
letter-spacing: 0px;
font: normal normal normal 18px/34px Lato;
letter-spacing: 0.27px;
color: #3B6AB2;
}

.page-index.cat {
padding: 20px;
background-color: transparent;
}

.product-section {
border-radius: 15px;
overflow: hidden; /* Ensure the border radius is applied to the inner content */
background-color: transparent; /* White background for the product section */
}

.head_category {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 0px 0px 0px 0px; /* Adjust padding as needed */
background-color: transparent; /* White background for the header */
border-radius: 15px 15px 0 0;
}

.section-title {
font: normal normal bold 26px/34px Lato !important;
letter-spacing: 0.39px !important;
}

.featured-section-view-more {
font: normal normal normal 18px/34px Lato;
letter-spacing: 0.27px;
color: #3B6AB2;
text-decoration: underline;
cursor: pointer;
}

.swiper-container {
border-radius: 15px;
overflow: hidden; /* Ensure items are clipped within the border radius */
padding: 15px 0px 10px 0px;
background-color: transparent !important; /* White background for the swiper container */
}

.image-block-prodDetail{
		width: 50% !important;
}

.body_category {
display: flex;
gap: 0px;
padding: 0px 0px 0px 0px;
width: fit-content;
background: transparent !important;
}

.swiper-slide-prod {
padding:8px  !important;
flex-shrink: 0;
width: 288px; /* Adjust width as needed */
background: transparent;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-section {
margin-bottom: 0px !important;
}

.swiper-slide {
padding: 5px;
flex-shrink: 0;
width: 288px; /* Adjust width as needed */
background: transparent;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.swiper-slide:hover {
}

.category-grid {
padding: 10px;
text-align: center;
}

.category-image-container {
width: 100%;
height: 277px !important;
overflow: hidden;
border-radius: 8px 8px 8px 8px;
background-color: transparent;
}

.category-image-container img {
width: 100%;
height: 277px !important;
transition: transform 0.3s ease;
background: #F9F5F5;
border-radius: 8px 8px 8px 8px;

}
.category-image-container a img {
width: 100%;
height: 100% !important;
transition: transform 0.3s ease;
background: #F9F5F5;
border-radius: 8px 8px 0 0;

}

.category-image-container img:hover {
transform: scale(1.1);
}

.cat-font-color h4 {
margin-top: 10px;
font: normal normal bold 20px/24px Lato;
letter-spacing: 0.3px;
color: #000000;
}

.cat-font-color-mg h4 {
margin-top: 10px;
font: normal normal bold 20px/24px Lato;
letter-spacing: 0.3px;
color: #000000;
text-align: start;


}

.badge-sponsorise-product {
position: absolute;

bottom: 40px;
left: 150px;
color: #ffffff; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #8A8A8A 0% 0% no-repeat padding-box;
border: 1px solid #8A8A8A;
backdrop-filter: blur(5px);
font-family: Lato;
letter-spacing: 0.27px;
}

.foot{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
}

.badge-pourcentage {
position: absolute;
top: 15px;
left: 190px;
color: #ffffff; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 5px;
z-index: 10; /* Ensure it appears above other elements */
background: #2CE557 0% 0% no-repeat padding-box;
border: 1px solid #2CE557;
backdrop-filter: blur(5px);
font-family: Lato;
letter-spacing: 0.27px;
}

.badge-sponsorise {
position: absolute;
top: 26px;
left: 170px;
color: #000; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #fcf8f85c 0% 0% no-repeat padding-box;
border: 1px solid #fcf8f85c;
backdrop-filter: blur(5px);
font-family: Lato;
letter-spacing: 0.27px;
}

.badge-localise .fa-map-marker-alt {
color: #ffcc00; /* Yellow color for the location icon */
margin-right: 5px; /* Space between text and icon */
font-size: 15px;
}

.section-title .fa-map-marker-alt {
color: #ffcc00; /* Yellow color for the location icon */
margin-right: 5px; /* Space between text and icon */
font-size: 22px;
}

.badge-localise {
position: absolute;
top: 250px;
left: 130px;
color: #000; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #fcf8f8 0% 0% no-repeat padding-box;
border: 1px solid #fcf8f8;
backdrop-filter: blur(5px);
font-family: Lato;
letter-spacing: 0.27px;
}

.star-rating {
display: flex;
justify-content: flex-start;
margin-top: 5px;
}

.star-rating .fa-star {
color: #ddd;
font-size: 16px;
}

.star-rating .checked {
color: #ffcc00; /* Yellow color for checked stars */
}

/* Adjust the star size if necessary */
.star-rating .fa-star {
font-size: 20px;
}
.swiper-button-next, .swiper-button-prev {
color: #1899bd; /* Customize color for navigation buttons */
}
@media (max-width: 767px) {
.swiper-slide {
    width: 154px !important;
    padding: 0px 5px 0px 0px !important;
}
.category-image-container {
    width: 100%;
    height: 136px !important;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
    background-color: transparent;
    
}
.product-image-container {
    width: 100%;
    height: 218px !important;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
    background-color: transparent;
    position: relative;
}
.product-grid {
    text-align: center;
    position: relative; /* Ensure relative positioning for the footer */
    padding:10px 10px 60px 10px ; /* Add padding to accommodate the footer */
    background-color: #fff;
    margin: 0px 0px 10px 0px;
    border-radius: 26px;
    overflow: hidden;
    border: 2px solid #efefef;
}
}




/*****************************product block********************/
.product-grid {
text-align: center;
position: relative; /* Ensure relative positioning for the footer */
padding:10px 10px 60px 10px ; /* Add padding to accommodate the footer */
background-color: #fff;
margin: 0px 0px 10px 0px;
border-radius: 8px;
overflow: hidden;

}

.product-grid:hover {

}

.product-style-default .product-image {
height: auto;
}

.product-grid .product-footer {
background-color: #fff;
left: 10px;
right: 100%;
width: 100%; /* Full width */
position: absolute;
text-align: left;
transition: all 0.3s;
z-index: 1;
}

.title a{
color: #2A2A2A;
font-size: 15px;
font-family: Lato;
}
.title_detail a{
color: #2A2A2A;
font-size: 15px;
font-family: Lato;
}

.title_detail{
  width: 70% ;margin:6px !important;text-align: start  !important;
}
product-style-default .product-image {
height: auto;
}
.product-grid .title {
  display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 1.4em;
line-height: 1.3em;
}
.product-grid .price{
text-align: left !important;
font-size: 20px;
font-family: Lato;
padding-left: 4px;
}

.seller-title-card{
text-align: center !important;
font-size: 20px;
font-family: Lato;
color: #333;
font-weight: 700;
letter-spacing: .6px;
transition: all .3s;
margin-bottom: 1.5rem;
}

.product-grid {

margin-bottom: 23px !important;
}

.product-image-container {
width: 100%;
height: 251px !important;
overflow: hidden;
border-radius: 8px 8px 8px 8px;
background-color: transparent;
position: relative; /* For positioning badges */
}

.product-image-container img {
width: 100%;
height: 277px !important;
transition: transform 0.3s ease;
background: #F9F5F5;
border-radius: 8px 8px 0 0;
}

.product-image-container img:hover {
}

.discount-badge {
position: absolute;
top: 10px;
left: 10px;
background-color: #4CAF50;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
}

.sponsored-badge {
position: absolute;
bottom: 10px;
left: 10px;
background-color: #f1f1f1;
color: #333;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
}

.price .original-price {
text-decoration: line-through;
color: #999;
margin-right: 10px;
}

.price .discounted-price {
color: #e74c3c;
font-weight: bold;
}

.add-to-cart {
display: inline-block;
padding: 5px 10px;
margin-top: 10px;
background-color: #1899bd;
color: #fff;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
}

.add-to-cart:hover {
background-color: #0f789e;
}

.product-content {
padding:10px 0px 0px 10px !important;
}

/* Swiper custom buttons */
.swiper-button-next, .swiper-button-prev {
color: #333;
background-color: #fff;
border-radius: 50%;
padding: 10px;
	    right: 0px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.swiper-button-next:hover, .swiper-button-prev:hover {
background-color: #1899bd;
color: #fff;
}

/*****************************page searche by category***************/
.block_serch_map{
margin-top: 0px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
padding: 0px !important;
}

.block_serch_map .form-group{
margin-bottom: 0px !important;
}

.tablinks{
cursor: pointer !important;
font-size: large !important;
}
.tablinks img{
overflow: hidden;
border: 1px solid #a5a5a5;
background-color: #f1f1f1;
padding: 6px;
border-radius: 6px;
width: 60px;
}
.form-group .form-control{
background: transparent;
border: 1px solid #a5a5a5 !important;
border-radius: 8px !important;
margin: 0px !important;
height: 39px !important;
}



.product-list{
width: 100%;
background: white;
padding: 27px 14px 20px 14px;
border-radius: 3px;
display: flex;
align-items: baseline;
justify-content: center;
flex-wrap: wrap;
}




.product-card {
border: 1px solid #555555;
border-radius: 10px;
background-color: white;
text-align: start;
margin: 10px 10px 20px 10px;
padding: 0px 10px 10px 10px;
width: 337px !important;
}
.product-card a{
display: flex;
align-items: center;
justify-content: center;
}

.product-card a img{
height: 158px !important;
}

.status {
display: flex;
justify-content: space-between;
padding: 10px;
background-color: white;
position: relative;
top: -17px !important;
}

.available {
color: green;
font-weight: bold;
font-size: 13px;
}

.distance {
color: rgb(24, 24, 24);
font-size: 13px;
}
.distance i{
color: rgb(241, 31, 31);
font-size: 13px;
}


.product-image {

width: 150px;
height: 150px;
}

.product-info {
padding: 0;
margin: 0;
text-align: start o !important;
}

.product-title a {
display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.4em;
text-align: start !important;
margin: 10px 0;
font: normal normal bold 20px/24px Lato;
letter-spacing: 0.45px;
color: #000000;
}

.product-title {
justify-content: flex-start;
display: flex;
text-align: start !important; 
font: normal normal bold 20px/24px Lato;
letter-spacing: 0.45px;
color: #000000;
font-weight: bold;
margin: 0;
}

.product-brand,
.product-seller {
color: #222222;
margin: 5px 0;
}

.product-price {
margin: 15px 0;
color: #000 !important;
}

.original-price {
    color: #2b2a2a;
    font-size: 20px;
    margin-right: 13px;
    font-family: Lato;
    font-weight: 600;
}

.discounted-price {
color: #268EE6;
font-weight: bold;
font-size: 22px;
}

.order-button {
background-color: #278ee5;
color: white;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
width: 100%;
}

.order-button:hover {
background-color: #0056b3;
color: white;
}

/* pagination */
.pagination {
display: flex !important;
justify-content: center;
list-style-type: none;
padding: 0;
margin-top: 15px !important;
}
.page-item {
margin: 0 5px;
}
.page-link {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background-color: transparent !important;
color: black;
text-decoration: none;
display: flex !important;
justify-content: center !important;
align-items: center !important;
border: none !important;
font-size: 14px !important;
font-weight: bold !important;
}
.page-item.disabled .page-link {
background-color: lightgray;
color: darkgray;
font-size: 14px !important;
font-weight: bold !important;
}
.page-item.active .page-link {
background-color: #289bfa !important;
color: black;

}

/************************** sous category *************************************/
.sous-category{
width: 100%;
background: white !important;
padding: 27px 14px 20px 14px;
border-radius: 3px;
display: flex;
align-items: baseline;
justify-content: flex-start;
flex-wrap: wrap;
}

.sous-category .h3{
padding-left: 40px;
font: normal normal bold 30px/40px Lato;
letter-spacing: 0.45px;
color: #000000;
}

.list-category{
width: 100%;
padding: 27px 14px 20px 14px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

.category-card{
border: 1px solid #bfbfbf;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex: 1 0 30%;
max-width: 30%;
margin: 15px;
}

.category-card h4{
   font: normal normal bold 20px/24px Lato;
letter-spacing: 0.3px;
color: #000000A3 !important;
opacity: 80%;    
padding: 17px;
}
.category-card img{
font-size: 20px;
font-weight: bold;
padding: 17px;
}

/******************************* panier *****************************************/

.body-page {
margin-top: 200px;
width: 100%;
padding: 0px ;
}

.cart-title{
padding: 20px 0px 10px 0px;
/* text-align: right; */
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;

}
.cart-title h3{
font: normal normal bold 30px/40px Lato;
letter-spacing: 0.45px;
color: #000000;
text-align: start;
}

.list-cart{
width: 100%;
background: white !important;
padding: 27px 14px 20px 14px;
border-radius: 3px;
display: flex;
align-items: baseline;
justify-content: flex-start;
flex-direction: column;
}

.text-muted {
color: #6c757d !important;
font: normal normal bold 15px / 40px Lato !important;
letter-spacing: 0.45px !important;
padding: 0px 0px 0px 10px !important;
}

.cart-block-addresse table td, .cart-total-price .table {
border: none !important;
font: normal normal bold 15px / 40px Lato !important;
letter-spacing: 0.45px !important;
}

.cart-item {
display: flex;
align-items: center;
border: 1px solid #6b6b6b;
padding: 15px;
border-radius: 5px;
}

#cart_item_table   td{
display: flex !important;
align-items: center !important;
justify-content: space-between;
width: 100%;
}

.product-image {
width: 100px;
height: auto;
}

.cart-details {
flex-grow: 1;
margin-left: 15px;
}

.cart-actions .num-in {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cart-details p{
 font-size: 16px !important;
font-weight: normal;
font-family: Lato !important;
letter-spacing: 0.45px;
color: #6c757d;
}
.cart-details h4{
font: normal normal normal 24px/29px Lato;
letter-spacing: 0px;
color: #8B8B8B;
}
.product-title {
font: normal normal bold 30px/40px Lato;
letter-spacing: 0.45px;
color: #3590E3;
margin-bottom: 5px;
}

.product-brand, .product-quantity {
font-size: 0.9em;
color: #777;
margin-bottom: 5px;
}

.product-price {
font-size: 2em;
font-weight: bold;
margin-bottom: 0;
color: #000 !important;
    margin-top: 0px;
    font-family: Lato !important;


}


.block-div {
background-color: transparent !important;
display: block;
height: 100%;
left: 0;
opacity: .7;
position: fixed;
text-align: center;
top: 0;
width: 0;
z-index: 1000;
}

.cart-actions {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between;
height: 144px;
flex-direction: column;
}

.product-remove i{
border: none;
background-color: transparent;
color: red;
font-size: 2.1em;
}
.num-in input {
border: 0px solid white !important;
}


.quantity-controls {
display: flex;
align-items: center;
}

.quantity-controls button {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid #007bff;
color: #007bff;
background-color: transparent;
font-size: 1.2em;
line-height: 1;
}


.quantity-controls span {
margin: 0 10px;
font-size: 1.2em;
}

.buttons{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
width: 100% !important;
padding: 0px;
margin: 0px;
	background: white;
}
.buttons a{
width: 37% !important;
}
.achat-btn{
background: transparent !important;
border: 1px solid #268EE6 !important;
border-radius: 8px;
color: #268EE6;
padding: 16px 20px !important;
margin-left:5px ;
width: 99% !important;
}

.confirm-btn{
background-color: #268EE6 !important;
border-color: #268EE6 !important;
border-radius: 10px !important;
font-size: 16px !important;
padding: 20px 20px !important;
width: 37% !important;
color: white;
}


.checkout-method{
}
.checkout-method a{
width: 50%;
}
.cart-total-price {
border: 2px dashed #343434 !important;
border-radius: 12px !important;
background: #ffffff;
	    width: 96%;
}

form{
width: 100% !important;
box-shadow: none !important;
}

/******************************* favorite ****************************/
.section-fav{
}

#cart_item_table .fav {
display: flex !important;
align-items: flex-start !important;
justify-content:flex-start !important;
	    flex-direction: row !important;
width: 100% !important;
	padding-bottom: 20px;
}

#cart_item_table .fav .block_image{
display: flex;
width: 18%;
height: auto !important;
align-items: center;
margin-right: 10px;
}

#cart_item_table .fav .block_name{
width: 40%;
}

#cart_item_table .fav .block_name a{
padding-left: 0px;
font: normal normal bold 20px / 24px Lato;
letter-spacing: 0.45px;
color: #000000;
}
#cart_item_table .fav .block_name p{
   font-size: 16px !important;
    font-weight: normal !important;
    font-family: Lato !important;
letter-spacing: 0.45px;
color: #000000;
}

#cart_item_table .fav .block_price{
width: 35%;
}

.page-favorite{
padding: 0px !important;
}
.page-favorite span{

font-size: 12px !important;
    font-weight: bold !important;
    font-family: Lato !important;
letter-spacing: 0.45px !important;
}
/********************************* profile *******************************/
.btn-profil{
background-color: #268EE6 !important;
border-radius: 8px !important;
}
.blok-btn{
display: flex !important;
align-items: center !important;
justify-content: flex-start;
}
.profil-title .h4{
font: normal normal bold 30px/40px Lato;
letter-spacing: 0.45px;
color: #000000;
}

/*************************************** product detail *********************/
.bloc_title h2{
font-size: 2.1rem;
font-weight: bold;
font-family: Lato !important;
padding-top: 9px !important;
}

.group_btn{
display:flex !important;
	
}

.quantite{
width: 40% !important;
    border: 1px solid #268EE6 !important;
    font-size: 22px !important;
    height: 57px;
    margin: 5px 5px 0px 0px !important;
    border-radius: 5px !important;
	text-align: center;
}

.add_to_cart{
display: flex;
justify-content: center;
align-items: center;
}
.apel{
display: flex;
justify-content: center;
align-items: center;
margin-top: 0px !important;
}
.icon-phone{
color: #fac328 !important;
line-height: 0px !important;
font-size: 24px !important;
margin-right: 7px !important;
}
.enstock {
background-color: #dc2626;
border-radius: 5px;
border: 1px solid;
font-size: 0.875rem;
padding: 0.5rem;
margin: 0;
text-align: center;
color: #fff;
}
.info-seller{
display: flex;
align-items: baseline;
justify-content: flex-start;
flex-direction: column;
}
.line-info-seller{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-bottom: 5px;
}

.line-info-seller span{
color: #2A2A2A !important;
opacity: 0.8 !important;
font-size: 16px;
margin-right: 5px;
}

.line-info-seller span i{
color: #fc0909 !important;
opacity: 2 !important;
font-size: 16px;
}

.line-info-seller  a{
color: #2A2A2A !important;
font-weight: bold;
opacity: 1 !important;
font-size: 16px;
margin-left: 5px;
}
.line-info-seller  .violet{
color: #278EE5 !important;
}
.line-info-seller  .pistach{
color: #278EE5 !important;
}
.similaire{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
margin-bottom: 0px !important;
	
}
.products-similaire{
margin: 0;
padding: 0;
}
.products-similaire .swiper-container{
border-radius:0px ;
}

.desc-title{
font-size: 18px !important;
font-weight: bold !important;
font-family: Lato !important;
}
.desc-info{
padding: 10px 0px 5px 4px !important;
	width: 74%;
}

#product-item .add_to_cart {
background: #FAC328 0% 0% no-repeat padding-box;
border-radius: 8px;
width: 50%;
text-align: center;
font: normal normal 600 168%/6px Montserrat !important;
letter-spacing: 0.48px;
color: #FFFFFF !important;
text-transform: inherit;
padding: 21px;
padding-left: 0px;
border-color: transparent !important;
padding-right: 0px;
}

.icon_heart_detail{
       border: 1px solid #d5d5d5;
    border-radius: 80%;
    height: 35px;
    width: 35px;
}

.price-promo {
text-align: right;
font: normal normal bold 41px / 68px Montserrat;
letter-spacing: -3.36px;
color: #278EE5 !important;
opacity: 1;
}

#product-item .apel  {
     border-radius: 5px;
    /* width: 50%; */
    text-align: center;
    letter-spacing: 0.48px;
    color: #268EE6;
    text-transform: inherit;
    padding: 0;
    padding-left: 0px;
    border: 1px solid #268EE6 !important;
    background-color: transparent !important;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 5px !important; */
    font-size: 20px !important;
    font-weight: bold !important;
    font-family: Lato !important;
    margin: 5px 0px 0px 2px !important;
    padding: 0px !important;
    height: 57px;

}

#product-item .apel i{
    font-size: 17px !important;
}

#product-item .heart i{
    font-size: 17px !important;
}
#hieghimage{
height: 347px !important;}
.imageDetail {
	height: 387px !important;
	margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #dbdbdb !important;
    margin: 24px 0px 0px 0px !important;
    width: 100% !important;
	padding:0px !important;
}

.minImageProdDetail{
	height: 71px !important;
  	width: 22% !important;
}
.pad{
padding-top:13px !important;
}

#product-item .heart  {
     border-radius: 5px;
    /* width: 50%; */
    text-align: center;
    letter-spacing: 0.48px;
    color: #268EE6;
    text-transform: inherit;
    padding: 0;
    padding-left: 0px;
    border: 1px solid #268EE6 !important;
    background-color: transparent !important;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 5px !important; */
    font-size: 20px !important;
    font-weight: bold !important;
    font-family: Lato !important;
    margin: 5px 5px 0px 5px !important;
    padding: 0px !important;
    height: 57px;
	    width: 119px !important;
}
#product-item .add_to_cart {
background: #268EE6 0% 0% no-repeat padding-box;
border-radius: 5px;
width: 50%;
text-align: center;
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: Lato !important;   
    letter-spacing: 0.48px;
color: #FFFFFF !important;
text-transform: inherit;
padding: 21px;
padding-left: 0px;
border-color: transparent !important;
padding-right: 0px;
}


#modal-custom .iziModal-content section {
padding-top: 50px !important;
}


.info-prod{
    width: 100% !important;
}
	
	.title_order{
    font: normal normal bold 30px / 40px Lato;
    letter-spacing: 0.45px;
    color: #000000;
    text-align: start;
	}

.title_orderdetail {
    font: normal normal bold 30px / 40px Lato;
    letter-spacing: 0.45px;
    color: #000000;
    text-align: start;
}
	.elsedetail{
		border-radius: 28px  !important;
		overflow: hidden  !important;
		padding: 0px 0 57px !important;
		border: 1px solid #d9d9d9  !important;
	}


.deconnect{
     border-radius: 5px;
    /* width: 50%; */
    text-align: center;
    letter-spacing: 0.48px;
    color: #268EE6;
    text-transform: inherit;
    padding-left: 0px;
    border: 1px solid #268EE6 !important;
    background-color: transparent !important;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 5px !important; */
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Lato !important;
    margin: 0px 0px 8px 0px  !important;
    padding: 10px !important;
    height: 44px;
	width: 19%

}

		.info_user .block_data img {
 
		  width:25px;
	}
	.detailProd_footer{
	display: flex;
	}


	.price_detail{
	color: #429CE9 !important;
    text-align: left !important;
    font-size: 15px !important;
    font-family: Lato !important;
    padding: 6px !important;
	}

    .title_detail {
        width: 63%;
        margin: 6px 10px !important;
        text-align: start !important;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 1.3em;
        line-height: 1.3em;
    }


    #mobilePanier-hide{
					display:none !important;
				}

    #desktopPanier-hide{
	display:flex !important;
}

.blokPanier{
background-color: white !important;padding: 25px;  margin-bottom: 23px;}

.desktopPanier{
	display:block !important;
}
.mobilePanier{
					display:none !important;
				}

/********************************* responsive **********************************/
@media screen and (min-device-width: 300px) and (max-device-width: 768px)
{
	
	#cart_item_table .fav .block_name {
    width: 100%;
}
	
	.page-favorite .highlight .price {
     margin-top: 0px; 
    text-align: right !important;
    font: normal normal bold 20px / 40px Lato;
    letter-spacing: 0.45px;
    color: #000000;
}
	 
.desktopPanier{
	display:none !important;
}
.mobilePanier{
					display:block !important;
				}
	.blokPanier{
background-color: white !important;padding: 0px;  margin-bottom: 23px;}
	    #mobilePanier-hide{
					display:flex !important;
						border:none !important;
max-width:100% !important
				}
	
	    #desktopPanier-hide{
		display:none !important;
			border:none !important;
	}
	
	 
	
	.product-title {
	
font: normal normal bold 22px/15px Lato;
letter-spacing: 0.45px;
color: #3590E3;
margin-bottom: 5px;
}
	.group_btn{
	display:flex !important;
		    flex-wrap: wrap;

	}
	.quantite{
width: 100% !important;
    border: 1px solid #268EE6 !important;
    font-size: 22px !important;
    height: 57px;
    margin: 5px 5px 0px 0px !important;
    border-radius: 5px !important;
}
	#product-item .heart {
    border-radius: 5px;
    /* width: 50%; */
    text-align: center;
    letter-spacing: 0.48px;
    color: #268EE6;
    text-transform: inherit;
    padding: 0;
    padding-left: 0px;
    border: 1px solid #268EE6 !important;
    background-color: transparent !important;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 5px !important; */
    font-size: 20px !important;
    font-weight: bold !important;
    font-family: Lato !important;
    margin: 5px 0px 5px 0px !important;
    padding: 0px !important;
    height: 57px;
    width: 100% !important;
}
	#cart_item_table {
    width: 100%;
    background: white !important;
    padding: 21px 8px 8px 8px;
    border-radius: 3px;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: 0px;
}
	    .cart-block-addresse table {
        display: block;
        background: transparent;
        padding-top: 10px;
    }
	.formboutton {
	padding-bottom: 9px !important;
	}
	.title_orderdetail {
    font: normal normal bold 24px / 26px Lato;
    letter-spacing: 0.45px;
    color: #000000;
    text-align: start;
}
	
	
	.username {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: absolute;
    top: 107px;
}
	
	.info_user {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    top: -39px;
}
	
	
.data1{
	color:black !important;
	font-family: Lato !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	letter-spacing: 0.33px;
}
.data2{
	color:black !important;
	font-family: Lato !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	letter-spacing: 0.30px;
	opacity:40%;
}

	
	.deconnect{
     border-radius: 5px;
    /* width: 50%; */
    text-align: center;
    letter-spacing: 0.48px;
    color: #268EE6;
    text-transform: inherit;
    padding-left: 0px;
    border: 1px solid #268EE6 !important;
    background-color: transparent !important;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 5px !important; */
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Lato !important;
    margin: 0px 0px 8px 0px  !important;
    padding: 10px !important;
    height: 44px;
	width:100%

}
.button_profile{
display:flex  !important;       
flex-direction: column  !important; 
align-items: center  !important;
justify-content: center  !important;
position:relative  !important;
	top:-59px  !important;
	left:0px !important;
}
	.title_detail a{
color: #2A2A2A;
font-size: 15px;
font-family: Lato;
}
	
	.info_user .block_data {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
		flex-direction: row;
		  width: 100% ;
	}
		.info_user .block_data img {
 
		  width: 22px;
	}

	.title_profil{
	font-family: Lato !important;
font-size: 42px !important;
font-weight: 800 !important;
letter-spacing: 0.45px;
color: white !important ;
text-align: center !important;
	    top: 56px;
    position: relative;
}
	.detailProd_footer{
	display: flex;
    flex-direction: column;
	}
	
.title_detail{
  width: 87% ;
	margin:6px 10px !important;
	text-align: start  !important;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.3em;
    line-height: 1.3em;

}
	


	.price_detail{
	color: #429CE9 !important;
    text-align: left !important;
    font-size: 15px !important;
    font-family: Lato !important;
    padding: 6px 10px !important;
	}
	
	.elsedetail{
		border-radius: 28px  !important;
		overflow: hidden  !important;
		padding: 0px 0 9px !important;
		border: 1px solid #d9d9d9  !important;
	}
	.profilblock1 {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
		width: 100% !important;
}
	
	.title_order{
    font: normal normal bold 30px / 40px Lato;
    letter-spacing: 0.45px;
    color: #000000;
    text-align: start;
    margin-left: 15px;
	}
	.info-prod {
    width: 100% !important;
    display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        flex-direction: column !important;
}
	
	.commande_stat{
    max-width: 100% !important;
	    font-size: 16px !important;
    font-weight: normal;
    font-family: Lato !important;

    color: #6c757d !important;
    letter-spacing: 0.45px !important;
    padding: 3px 0px 0px 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap;
    /* margin: 4px; */

    }
.btn.btn-primary, .btn.btn-info, .button.button-success, button.block {
background-color: #3b6ab2 !important;
border-color: #3b6ab2 !important;
border-radius: 10px !important;
font-size: 16px !important;
padding: 8px 20px !important;
width: 100%;
}

.block-div {
 background-color: transparent !important; 
display: block;
height: 100%;
left: 0;
opacity: .7;
position: fixed;
text-align: center;
top: 0;
width: 0;
z-index: 1000;
}

.popup-social .fb{
    
margin:0px 0px 10px 0px !important;
}

.popup-button{
    display: flex;
}

.popup-title{
  font-size:1.5rem;
font-family: Lato !important;
    font-weight: bold;
}

#modal-custom {
top: 5% !important;
left: 5% !important;
z-index: 0;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
width: 90%;
max-width: 500px;
border-radius: 8px;
}

.cart-details {
flex-grow: 1;
margin-left: 15px;
        width: 100%;
    padding-right: 10px;
    }
	
	.page-favorite{
padding: 0 16px !important;
}

.home_page {
    padding: 222px 0px 0px 0px !important;
}
.cat_page {
    padding: 130px 10px 10px 10px  !important;
}
.prod_page {
    padding: 133px 0px 0px 0px !important;
}
.fav_page {
    padding: 138px 10px 10px 10px  !important;
}
.cart_page {
    padding: 70px 10px 10px 10px  !important;
}
.order_page {
	padding: 152px 10px 10px 10px  !important;
}
.cat_prod_page {
    padding: 137px 10px 10px 10px  !important;
}
.profil_page {
    padding: 137px 10px 10px 10px !important;
}
.edit_profil_page {
    padding: 137px 10px 10px 10px !important;
	    height: 456px !important;
}
.seller_page {
    padding: 143px 10px 10px 10px !important;
}
.list-prod-page{
    padding: 137px 0px 10px 0px !important;
}
.confirm-btn {
background-color: #268EE6 !important;
border-color: #268EE6 !important;
border-radius: 10px !important;
font-size: 16px !important;
padding: 20px 20px !important;
width: 49% !important;
color: white;
        margin: 10px;
    width: 95% !important;
	

}

.buttons {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
width: 100% !important;
padding: 0px;
margin: 0px;
align-items: center;
	background: transparent !important;
	        border: none !important;

}
.buttons a {
width: 95% !important;
}
    td span {
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: Lato !important;   
    letter-spacing: 0.48px;        letter-spacing: 0.5px;
    color: #6c757d !important;
    opacity: 0.8;
}

    #cart_item_table tr {
    max-width: 88% !important;
    width: 100% !important;
}

.main-content{
    
}
.similaire .section-title {
font: normal normal bold 16px / 19px Lato !important;
letter-spacing: 0.39px !important;
}
.line-info-seller span {
color: #2A2A2A !important;
opacity: 0.8 !important;
font-size: 14px;
margin-right: 5px;
}
.line-info-seller a {
color: #2A2A2A !important;
font-weight: bold;
opacity: 1 !important;
font-size: 14px;
margin-left: 5px;
}
    .product-page-details {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.menu-footer-mobile .page-link-home {
    padding-bottom: 0;
    border-radius: 0px  !important;
    color: white !important;
    background: #ffffff 0% 0% no-repeat padding-box !important;
}

    .category-image-container {
    width: 100%;
    height: 136px !important;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.page-profile .label-name {
display: block;
font: normal normal 600 19px/39px Lato;
letter-spacing: 0.48px;
color: #FFFFFF;
    text-align: left !important;
}

.home_page{
    padding: 121px 10px 0px 10px !important;

}
.marginbottomsection{
    margin-bottom: 91px !important;
}

.section-fav{
    width: fit-content;
}
.section-fav .widget-image img {
    max-width: 100%;
    max-height: 100%;
    width: 280px;
     height: 90px !important;
    border-radius: 8px;
}
.product-grid {
    text-align: center;
    position: relative;
    padding: 0px 0px 0px 9px;
    background-color: transparent !important;
    margin: 0px 0px 0px 0px !important;
    border-radius: 8px;
    overflow: hidden;
}
.product-style-default .product-image {
   height: 163px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
.product-image-container img {
    width: 100%;
    height: 164px !important;
    transition: transform 0.3s ease;
    background: #F9F5F5;
    border-radius: 8px 8px 0 0;
}
.swiper-slide .product-grid .product-image img {
    width: 147px !important;
    padding: 1%;
}
.cat-font-color-mg h4 {
    margin-top: 10px;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: Lato !important;
    letter-spacing: 0.3px;
    color: #000000A3;
    opacity: 80%;
    text-align: start;
}
.cat-font-color h4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.4em;
    line-height: 1.3em;
    text-align: start;
    margin-top: 10px;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: Lato !important;
    letter-spacing: 0.3px !important;
    color: #000000A3;
    opacity: 80%;
}
.product-grid .price {
    padding: 0px 0px 0px 5px;
    text-align: left !important;
    font-size: 17px;
    font-family: Lato;
}
.logo{
    width:100% !important;
}

.recherch_btn{
    width: 100%;
}
#filter-button {
    background: white;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    height: 48px;
    width: 100%;
    cursor: pointer;
    display: flex;
    padding:0px 16px 0px 0px;

}
.filter_btn {
    width: 100%;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
}
.paddingç_filter{
    padding:0px 0px 0px 0px !important;
}
/* pagination */
.pagination {
display: flex !important;

padding: 0;
margin-top: 15px !important;
}
.profil-title .h4{
    font-size: 2.1rem
}
.info-user{
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
   width: 100%;
} 

.info-user label{
display: contents;
} 

.page-profile .block-info .form-row {
 margin:0px 0px 90px 0px !important; 
}
#cart_item_table  .panier {
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}
#cart_item_table .fav .block_image{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 10px;
}

#cart_item_table .fav .block_price {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.body-page {
    margin-top: 355px !important;
    width: 100%;
}

.page-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.page-item {
    margin: 0 3px;
}

.product-grid .product-footer {
    background-color: transparent !important;
    left: 5px;
    right: 100%;
    width: 100%; /* Full width */
    position: relative !important;
    text-align: left;
    transition: all 0.3s;
    z-index: 1;
}



.badge-sponsorise-product {
    position: absolute;
    bottom: 62px;
    left: 55px;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 22px;
    z-index: 10;
    background: #8A8A8A 0% 0% no-repeat padding-box;
    border: 1px solid #8A8A8A;
    backdrop-filter: blur(5px);
}



.badge-pourcentage {
position: absolute;
top: 12px;
left: 84px; 
color: #ffffff; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 5px;
z-index: 10; /* Ensure it appears above other elements */
background: #2CE557 0% 0% no-repeat padding-box;
border: 1px solid #2CE557;
backdrop-filter: blur(5px);
}

.badge-sponsorise {
position: absolute;
top: 26px;
left: 70px;
color: #000; /* Black text color */
padding: 5px 10px;
font-size: 9px;
font-family: Lato;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #fcf8f85c 0% 0% no-repeat padding-box;
border: 1px solid #fcf8f85c;
backdrop-filter: blur(5px);
}

.badge-localise .fa-map-marker-alt {
color: #ffcc00; /* Yellow color for the location icon */
margin-right: 5px; /* Space between text and icon */
font-size: 15px;
}
.badge-localise {
position: absolute;
top: 109px;
left: 37px;
color: #000;
padding: 6px 10px;
font-size: 9px;
font-weight: normal;
border-radius: 22px;
z-index: 10;
background: #fcf8f8 0% 0% no-repeat padding-box;
border: 1px solid #fcf8f8;
backdrop-filter: blur(5px);
}
.star-rating .fa-star {
font-size: 12px;
}

.block_serch_map{
margin-top: 0px !important;
display: flex;
align-items: center;
justify-content: space-between;

}

.status {
display: flex;
justify-content: space-between;
padding: 10px;
background-color: white;
position: relative;
top: -20px !important;
}

.available {
color: green;
font-weight: bold;
font-size: 19px;
}

.distance {
color: rgb(24, 24, 24);
font-size: 19px;
}
.distance i{
color: rgb(241, 31, 31);
font-size: 19px;
}


.category-card{
border: 1px solid #bfbfbf;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex: 1 0 100%;
max-width: 100%;
margin: 15px;
}

#cart_item_table tr {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    border-bottom: 1px solid #b6eff4 !important;
    padding: 15px !important;
    border-radius: 0px !important;
    margin-bottom: 10px;
    flex-direction: column;
}


.highlight .product-quantity {
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: -9px !important;
}

.cart-actions {
display: flex !important;
align-items: end !important;
justify-content: space-between;
height: 58px;
flex-direction: row-reverse;
width: 100%;
padding-right: 10px;
}
.cart-actions  .num-in{
display: flex !important;
justify-content: center !important;
align-items: center !important;
}


    #cart_item_table tbody {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
.page-favorite .ui-tabs .ui-tabs-nav {
border: none;
background: none;
width: 100%;
margin: 0px 6px auto;
padding-bottom: 13px;
	        display: flex;
        align-items: center;
        justify-content: center;
}

.sous-category{
width: 100%;
background: white !important;
padding-left: 27px 14px 20px 14px;
border-radius: 3px;
display: flex;
align-items: baseline;
justify-content: flex-start;
flex-wrap: wrap;
 margin-bottom: 40px;

}
.sous-category .h3{
font: normal normal bold 30px/40px Lato;
letter-spacing: 0.45px;
color: #000000;
padding-left: 14px;
}

.cart-title{
padding: 70px 0px 10px 0px;
/* text-align: right; */
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;

}

.padding_filter{
padding:0px 0px 0px 0px !important;
}

.seller-card{
    padding-bottom: 21px;
}

.product-image-container {
width: 100%;
height: 218px !important;
overflow: hidden;
border-radius: 8px 8px 8px 8px;
background-color: transparent;
position: relative;
    justify-content: center;
    display: flex;
    width: 100%;
}

.product-grid .product-content {
background-color: #fff;
bottom: 4px;
left: 0;
margin: 5px auto;
padding: 0 0 5px;
 position: relative !important; 
right: 0;
text-align: center;
transition: all .3s;
z-index: 1;
}

    #product-item .add_to_cart {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: Lato !important;
}

#product-item .apel  {
    border-radius: 5px;
    /* width: 50%; */
    text-align: center;
    letter-spacing: 0.48px;
    color: #268EE6;
    text-transform: inherit;
    padding: 0;
    padding-left: 0px;
    border: 1px solid #268EE6 !important;
    background-color: transparent !important;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 5px !important; */
    font-size: 20px !important;
    font-weight: bold !important;
    font-family: Lato !important;
    margin: 5px 0px 0px 2px !important;
    padding: 0px !important;
    height: 57px;
}

#product-item .add_to_cart {
background: #268EE6 0% 0% no-repeat padding-box;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: Lato !important;
    letter-spacing: 0.48px;
    color: #FFFFFF !important;
    text-transform: inherit;
    padding: 17px;
    padding-left: 0px;
    border-color: transparent !important;
    padding-right: 0px;
}

	#product-item .add_to_cart img{
	margin-bottom:6px
	}
.price-promo {
text-align: right;
    font-size: 30px !important;
    font-weight: bold !important;
    font-family: Lato !important;
color: #2A2A2A;
opacity: 1;
}


}


@media screen and (min-device-width: 768px) and (max-device-width: 1207px)
{

.sous-category .h3{
    font: normal normal bold 30px/40px Lato;
    letter-spacing: 0.45px;
    color: #000000;
    padding-left:60px;
}

.badge-sponsorise-product {
position: absolute;

bottom: 40px;
left: 200px;
color: #ffffff; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #8A8A8A 0% 0% no-repeat padding-box;
border: 1px solid #8A8A8A;
backdrop-filter: blur(5px);
}



.badge-pourcentage {
position: absolute;
top: 15px;
left: 190px;
color: #ffffff; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 5px;
z-index: 10; /* Ensure it appears above other elements */
background: #2CE557 0% 0% no-repeat padding-box;
border: 1px solid #2CE557;
backdrop-filter: blur(5px);
}

.badge-sponsorise {
position: absolute;
top: 26px;
left: 170px;
color: #000; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #fcf8f85c 0% 0% no-repeat padding-box;
border: 1px solid #fcf8f85c;
backdrop-filter: blur(5px);
}

.badge-localise .fa-map-marker-alt {
color: #ffcc00; /* Yellow color for the location icon */
margin-right: 5px; /* Space between text and icon */
font-size: 15px;
}

.badge-localise {
position: absolute;
bottom: 100px;
left: 130px;
color: #000; /* Black text color */
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
border-radius: 22px;
z-index: 10; /* Ensure it appears above other elements */
background: #fcf8f8 0% 0% no-repeat padding-box;
border: 1px solid #fcf8f8;
backdrop-filter: blur(5px);
}

.block_serch_map{
margin-top: 0px !important;
display: flex;
align-items: center;
justify-content: space-between;

}

.product-card {
flex: 1 0 50%;
max-width: 40%;
}
}


@media screen and (min-device-width: 1857px) and (max-device-width: 2007px)
{
.sous-category .h3{
    font: normal normal bold 30px/40px Lato;
    letter-spacing: 0.45px;
    color: #000000;
    padding-left: 58px;
}

}