:root {
	    /* --main_color  : #b9963c;
        --header_top_nav : #f6f6f6;
        --main_font_color : #000000;
        --hover_bg_color : #000000;
        --second_color  : #fff;
        --footer-bg  : #f6f6f6;
        --pale-grey : #f6f6f6;
        --cart-span : red; */
	    /* --MainColor : #b9963c;
		--AppbarBGColor :#ffffff ;
		--SearchBGColor :#ffffff ;
		--bottomNavigationBarBGColor :#ffffff ;
		--BGColor :#fafafa ;
		--TextHeaderColor :#0f0f0f ;
		--TextdetailsColor :#707070 ;
		--BorderColor :#ededed ;
		--NavigBarBorderColor :#8e8e93 ;
		--color10 :#ffffff ; */
	    --font-10: 11px;
	    --font-11: 12px;
	    --font-12: 13px;
	    --font-13: 14px;
	    --font-14: 15px;
	    --font-15: 16px;
	    --font-16: 16px;
	    --font-17: 18px;
	    --font-18: 19px;
	    --font-19: 20px;
	    --font-20: 21px;
	    --font-24: 24px;
	    --font-30: 30px;
	}
	.w-15{
        width: 15%;
    }
	.header_top_nav {
	    color: var(--header_top_nav);
	}
    .breadcrumb{
        font-size: var(--font-16);
    }
	.main_font_color {
	    color: var(--main_font_color);
	}

	.hover_bg_color {
	    color: var(--hover_bg_color);
	}

	.main_color {
	    color: var(--main_color) !important ;
	}

	.second_color {
	    color: var(--second_color) !important;
	}

	.border_color {
	    border-color: var(--border_color) !important ;
	}

	.footer_bg {
	    color: var(--footer-bg);
	}

	.color-grey {
	    color: gray
	}

	.pale-grey {
	    color: var(--pale-grey);
	}

	.color-white {
	    color: white;
	}

	.pr-2-4 {
	    padding-right: 2.4rem !important;
	}

	.pl-4-2 {
	    padding-left: 2rem !important;
	}

	.bg_main {
	    background-color: var(--main_color);
	}

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

	.btn_dark {
	    background-color: var(--hover_bg_color);
	    color: var(--second_color);
	}

	.btn_main {
	    background-color: var(--main_color);
	    color: var(--second_color);
	}

	.btn_grey {
	    background-color: gray;
	    color: var(--second_color);
	}

	.w-35 {
	    width: 35% !important;
	}

	.w-15 {
	    width: 15% !important;
	}

	.w-85 {
	    width: 85% !important;
	}
	/* classes for fonts  */

	.font-10 {
	    font-size: var(--font-10) !important;
	}

	.font-11 {
	    font-size: var(--font-11) !important;
	}

	.font-12 {
	    font-size: var(--font-12) !important;
	}

	.font-13 {
	    font-size: var(--font-13) !important;
	}

	.font-14 {
	    font-size: var(--font-14) !important;
	}

	.font-15 {
	    font-size: var(--font-15) !important;
	}

	.font-16 {
	    font-size: var(--font-16) !important;
	}

	.font-17 {
	    font-size: var(--font-17) !important;
	}

	.font-18 {
	    font-size: var(--font-18) !important;
	}

	.font-19 {
	    font-size: var(--font-19) !important;
	}

	.font-20 {
	    font-size: var(--font-20) !important;
	}

	.font-24 {
	    font-size: var(--font-24) !important;
	}

	.font-30 {
	    font-size: var(--font-30) !important;
	}

	.font-12em {
	    font-size: 12em !important;
	}

	.fb-700 {
	    font-weight: 700;
	}

	.fb-500 {
	    font-weight: 500;
	}

	.max-heigh {
	    max-height: 100px;
	}

	.details-img {
	    max-height: 350px;
	}

	.radius-50 {
	    border-radius: 50px;
	}

	.radius-small {
		border-radius: 0.25rem;
	}

	.w-10 {
	    width: 10% !important;
	}

	.h-300 {
	    height: 300px !important;
	}

	.h-400 {
	    height: 400px !important;
	}

	@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');
	@font-face {
	    font-family: NotoSansLight;
	    src: url('../fonts/NotoSans-Light.ttf');
	}

	@font-face {
	    font-family: NotoNaskhArabic;
	    src: url('../fonts/NotoNaskhArabic-Regular.ttf');
	}

	@font-face {
	    font-family: two-light;
	    src: url('../fonts/ge-ss-two-light.ttf');
	}

	@font-face {
	    font-family: Cairo;
	    src: url('../fonts/Cairo-Regular.ttf');
	}

	@font-face {
	    font-family: Tajawal;
	    src: url('../fonts/Tajawal-Regular.ttf');
	}

	html,
	body {
	    background-color: var(--white);
	    color: var(--main_font_color);
	    font-family: 'NotoSansLight', sans-serif;
	    font-weight: 200;
	    height: 100vh;
	    margin: 0;
	}
    .logoDiv{
        background-size: contain;
        height: 65px;
        background-repeat: no-repeat;
        background-position: left;
    }
    .height-fit-content{
        height: fit-content;
    }
    .text-underline{
        text-decoration: underline;
    }
    .breadcrumb-item a, .cardProduct-home a{
        color: var(--main_font_color);
    }
    .breadcrumb-item a:hover, .cardProduct-home a:hover{
        text-decoration: underline;
    }
	.full-height {
	    height: 100vh;
	}
    .select2{
        width: 100%;
    }
	.flex-center {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	}
    .popover {
        background-color: var(--header_top_nav);
        font-weight: bold;
    }
    .popover.bottom .arrow::after {border-bottom-color: var(--header_top_nav); }
    .popover-content {
        background-color: var(--header_top_nav);
        font-weight: bold;
    }

	.content {
	    text-align: center;
	}

	.img_contain {
	    object-fit: contain;
	}

	.img_cover {
	    object-fit: cover;
	}

	.links>a {
	    color: var(--main_font_color) !important;
	    padding: 0 25px;
	    font-size: 13px;
	    font-weight: 600;
	    letter-spacing: .1rem;
	    text-decoration: none;
	    text-transform: uppercase;
	}

	.m-b-md {
	    margin-bottom: 30px;
	}
	/* breadcrumb */

	.breadcrumb {
	    background-color: white !important;
	    /*padding-top: 0px ;
	    padding-bottom: 0px ;*/
	    padding: 0px 25px 0px 25px;
	}

	.breadcrumb a {
	    color: var(--main_font_color) !important;
	}
	.breadcrumb-item + .breadcrumb-item::before{
		padding: 0 0.5rem;
	}
	/* header  */

	.header_top_nav {
	    background: var(--header_top_nav);
	}

	.header-info-ul>li {
	    padding: 0px 10px 0px 10px;
	}

	.header-info-ul>li>a {
	    color: var(--main_font_color) !important;
	    text-decoration: none;
	}

	.header-info-ul>li>a>i {
	    font-size: var(--font-19);
	}

	.btn-main {
	    background-color: var(--main_color);
	    color: var(--second_color);
	}

	.border-radius-0 {
	    border-radius: 0px !important;
	}
	/* .cart-span {
			position: relative;
			top: -20px;
			left: 15px;
			background-color: var(--cart-span);
			color: white;
			padding: 8px 13px 8px 13px;
			border-radius: 50px;

		} */

	.cart-span,
	.notif-count {
	    width: 24px;
	    height: 24px;
	    padding-top: 1px;
	    display: inline-block;
	    position: relative;
	    /* top: -4px; */
	    left: 0px;
	    -webkit-transform: translate(50%, -50%);
	    transform: translate(50%, -50%);
	    border-radius: 100%;
	    background-color: var(--main_color);
	    color: white;
	    border: solid 2px var(--main_color);
	    text-align: center;
	    align-items: center;
	    justify-content: center;

	}

	.notif-count {
	    width: 24px;
	    height: 24px;
	    padding-top: 1px;
	    top: 0px;
	}

	#notifications-div {
	    max-height: 250px;
	    overflow-y: scroll;
		max-width: 270px;
		/* width: 270px; */
	}
	#notifications-div a{
        white-space: normal;
    }
    #notifications-div a:not(:first-child){
        border-top: 1px solid var(--main_color) ;
    }
    .moreNotificationBtn{
        position: relative;
        bottom: -9px;
        width: 100%;
        border-radius: 0px;
        height: 28px;
    }
	.cart-span-header {
	    position: absolute;
	    right: 100%;
	    top: 7px;
	    left: auto;
	}
	/* end header */
	/* navbar */

	.dropdown:hover>.dropdown-menu {
	    display: block;
	    border-top: 3px solid var(--hover_bg_color);
	    border-radius: 0px;
	}

	.dropdown-item:hover>.dropdown-menu {
	    display: block;
	    border-top: 1px solid var(--hover_bg_color);
	}

	.dropdown-toggle:hover::after {
	    border-top: 0;
	    border-bottom: 0.3em solid;
	}

	#headerSupportedContent ul li, #loginUl li {
	    list-style-type: none;
	    display: inline;
	}

	.navbar-nav .nav-link {
	    display: inline-block;
	}

	.ml-auto {
	    display: inline-block!important;
	}

	.dropdown>.dropdown-toggle:active {
	    pointer-events: none;
	}

	.NavFullWidth {
	    background: var(--main_color);
	}

	#navbar ul>li>a {
	    color: var(--second_color) !important;
	    font-size: var(--font-15);
	    font-weight: 500;
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}

	#navbar ul>li>a:hover,
	#navbar ul>li>.active {
	    background-color: var(--hover_bg_color);
	    transition: ease-in;
	}

	#navbar .dropdown-menu {
	    top: 95%;
	}

	.sticky {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 1000;
	    background-color: var(--main_color);
	    opacity: 0.85;
	}

	.sticky:hover {
	    background-color: var(--main_color);
	    opacity: 1.0;
	}

	.logo_header {
	    filter: grayscale(50%);
	    /* border: 2px solid black; */
	}

	.sticky+.content {
	    padding-top: 60px;
	}
	/* end navbar   */
	/* slider */

	.carousel-control-next-icon {
	    background-image: url('../images/arrow-right.png');
	    height: 35px;
	}

	.carousel-control-prev-icon {
	    background-image: url('../images/arrow-left.png');
	    height: 35px;
	}

	.contain-img {
	    width: 100%;
	    max-height: 450px;
	    object-fit: cover;
	}
	/* end slider  */
	/* footer   */

	.page-footer {
        background: var(--header_top_nav);
	    color: var(--main_font_color);
	}

	.page-footer a {
	    color: var(--main_font_color);
	}

	.page-footer h6 , .page-footer h5 {
	    border-bottom: 1px solid var(--main_color);
	}

	.footer-copyright {
	    background-color: var(--main_color);
	    color: var(--second_color);
	}
	/* end footer   */
	/* products */

	/* span {
	    cursor: pointer;
	} */

	.ui-slider .ui-slider-handle,
	.ui-slider .ui-slider-range,
	input-group-prepend .btn,
	.input-group-append .btn {
	    z-index: 0 !important;
	}
	/*
		.minus, .plus{

			width: 4ex;
			height: 4ex;
			border-radius: 2ex;

			background: transparent;
			font-weight: 700;
			border: 1px solid var(--main_font_color);
			display: inline-block;
			vertical-align: middle;
			text-align: center;
		} */

	.minus,
	.plus {
	    width: 25px;
	    height: 25px;
	    padding-top: 4px;
	    display: inline-block;
	    position: absolute;
	    top: 14px;
	    right: 30px;
	    -webkit-transform: translate(50%, -50%);
	    transform: translate(50%, -50%);
	    border-radius: 100%;
	    background: transparent;
	    border: solid 2px var(--main_color);
	}

	.minus {
	    right: auto;
	    left: 0px;
	}

	.minus:after,
	.plus:after,
	.minus:before,
	.plus:before {
	    content: "";
	    position: absolute;
	    top: 9px;
	    left: 4.5px;
	    height: 2.5px;
	    width: 12.5px;
	    background: var(--main_color);
	}

	.plus:after,
	.plus:before {
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	}

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

	.plus:after {
	    -webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}

	.minus:hover,
	.plus:hover {
	    -webkit-transform: translate(50%, -50%) rotate(360deg);
	    transform: translate(50%, -50%) rotate(360);
	    background: grey;
	    text-decoration: none;
	    border-color: grey;
	}

	.minus:hover:after,
	.plus:hover:after,
	.minus:hover:before,
	.plus:hover:before {
	    background: #fff;
	}

	.number-counter {
	    height: 25px;
	    width: 100%;
	    text-align: center;
	    font-size: 16px;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    display: inline-block;
	    vertical-align: middle;
	    background-color: transparent;
	}

	.cardProduct-home {
	    border: 1px solid #dddddd;
	}

	.product-fav {
	    /* position: relative;
			right: 45%;
			top: 7px; */
	    position: absolute;
	    right: 80%;
	    top: -2px;
	    border: 0px;
	    background: transparent;
	}

	.product-fav:focus {
	    outline: 0px !important;
	}

	.discount-product-home {
	    /* border-radius: 50px; */
	    right: 0px;
	    left: auto;
	    top: 10px;
	    position: absolute;
	    background-color: var(--main_color);
	    color: var(--second_color);
	    padding: 3px 5px 0px 5px;
        cursor: default;
	}

	.discount-product {
	    position: absolute;
	    background-color: var(--main_color);
	    color: var(--second_color);
	    padding: 3px 5px 0px 5px;
	}

	.suggestionsProducts.owl-carousel .owl-item img {
	    width: auto;
	    display: inline;
	    border: 0px;
	}

	.suggestionsProducts.owl-carousel .owl-item .loadingIMG {
	    width: 25px;
	}

	.div-item-category {
	    height: 220px;
	}

	.height_65 {
	    height: 65px !important;
	}

	.card-footer {
	    background-color: var(--BGColor);
	}

	.offers-container .offer-card .offer-fav button,
	.product-card .product-fav button {
	    font-size: 1.1rem;
	    /* background-image: url('../images/heart-icon.png'); */
	    background-repeat: no-repeat;
	    background-size: 20px 20px;
	    width: 20px;
	    height: 20px;
	}

	.product-card .product-fav button {
	    font-size: 1.1rem
	}

    .product-details .product-details-img .product-fav {
	    position: absolute;
	    top: 10px;
	    left: 22px;
	    z-index: 10;
	}

	.product-details .product-details-img .product-fav button,
	.product-card .product-fav button {
	    font-size: 1.1rem;
	    /* background-image: url('../images/heart-icon.png'); */
	    background-repeat: no-repeat;
	    background-size: 20px 20px;
	    width: 20px;
	    height: 20px;
	}

	.products-div-container {
	    /* min-height: 410px; */
	}
	/*end products */
	/* product details  */

	.product-details .product-details-img {
	    position: relative;
	    background-color: #FFF;
	}

	.product-details-image {
	    box-shadow: 0px 0px 2px #00000029
	}



	.product-details .product-details-img .product-fav button,
	.product-card .product-fav button {
	    font-size: 1.1rem;
	    /* background-image: url('../images/heart-icon.png'); */
	    background-repeat: no-repeat;
	    background-size: 20px 20px;
	    width: 20px;
	    height: 20px;
	}

	#product-image {
	    transition: all .3s ease-in-out;
	    /* width: 35rem; */
	    width: auto;
	    max-width: 35rem;
	    max-height: 20rem;
	    height: 100%;
	    /* max-height: 550px; */
	}

	.product-details-img .product-details-imgs .nav-item {
	    border: 1px solid #DDD;
	    border-radius: 3px;
	    transition: all .2s ease-in-out
	}

	.product-details-img .product-details-imgs img {
	    width: 30px;
	    height: 30px;
	}

	.product-details-img .product-details-imgs .nav-item:hover,
	.product-details-img .product-details-imgs .nav-item.active {
	    border-color: #AAA;
	}

	.product-info-price-after {
	    border-right: 23px solid transparent;
	    border-top: 17px solid #D5B245 !important;
	    position: relative;
	    right: -22px;
	    float: right;
	}

	.btn-empty {
	    background: transparent;
	    border: 0;
	    padding: 0;
	    cursor: pointer;
	}

	.mt-minus-3 {
	    margin-top: -3em;
	}

	.center {
	    width: 150px;
	    margin: 40px auto;
	}

	.nav-item .nav-link {
	    color: var(--brown-grey);
	}

	.nav-item .active {
	    color: var(--greyish-brown);
	    font-weight: 700;
	}

	.productDetails-border {
	    border-top: 2px solid var(--pale-grey-dark);
	    border-bottom: 2px solid var(--pale-grey-dark);
	}
	/* end product details  */
	/* home page  */

	.owl-prev,
	.owl-next {
	    font-size: 22px !important;
	    font-weight: bold !important;
	    background-color: var(--main_color);
	    /* padding: 0px 12px 0px 12px; */
	}

	.owl-theme .owl-nav [class*=owl-] {
	    color: #FFF;
	    /* font-size: 14px; */
	    margin: 5px;
	    padding: 0px 11px !important;
	    background: var(--main_color);
	    border-radius: 0px;
	}

	.owl-carousel .owl-nav button.owl-next,
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel button.owl-dot {
	    /*border: 2px solid var(--main_color);*/
	    padding: 0px 11px !important;
	}

	.owl-nav {
	    bottom: 100%;
	    position: absolute;
	    right: 0px;
	}

	.owl-item img {
	    border: 2px solid var(--header_top_nav);
	}

	.owl-item img:hover {
	    border: 2px solid var(--main_color);
	}

	.owl-height .owl-stage-outer{
		max-height: 240px;
	}

	/*.products_title:before,
	.categories_title:before {
	    right: auto;
	    left: 0;
	    width: 34px;
	    background: var(--main_color);
	    height: 34px;
	    content: "";
	    position: absolute;
	}*/

	.products_title:after,
	.categories_title:after {
	    font-family: "FontAwesome";
	    width: 34px;
	    height: 34px;
	    line-height: 34px;
	    content: "\F0C9";
	    position: absolute;
	    left: 8px;
	    right: auto;
	    font-size: 18px;
	    /*color: var(--second_color);*/
	    font-weight: 500;
	    top: 0px;
	}

	.products_title:after {
	    content: "\F005";
	}
	/* .no-js #loader { display: none;  }
		.js #loader { display: block; position: absolute; left: 100px; top: 0; }
		.se-pre-con {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;
			background: url("http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_2.gif") center no-repeat #fff;
		} */

	.max-height-150 {
	    max-height: 150px;
	}

	.min-height-110 {
	    min-height: 110px;
	}
	/*end home page  */
	/* loading  */

	#overlay {
	    position: relative;
	    top: 0;
	    z-index: 100;
	    width: 100%;
	    height: 100%;
	    display: none;
	    /*background: rgba(0,0,0,0.6);*/
	}

	.cv-spinner {
	    height: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.spinner {
	    width: 40px;
	    height: 40px;
	    border: 4px var(--main_color) solid;
	    border-top: 4px var(--second_color) solid;
	    border-radius: 50%;
	    animation: sp-anime 0.8s infinite linear;
	}

	@keyframes sp-anime {
	    0% {
	        transform: rotate(0deg);
	    }
	    100% {
	        transform: rotate(359deg);
	    }
	}

	#overlayer {
	    position: fixed;
	    top: 0;
	    z-index: 100;
	    width: 100%;
	    height: 100%;
	    display: none;
	    background: grey;
	    opacity: 0.4;
	}

	.loader {
	    height: 100%;
	    display: none;
	    justify-content: center;
	    align-items: center;
	}

	.desplay-flex {
	    display: flex;
	}

	.loader-inner {
	    position: fixed;
	    z-index: 1111 !important;
	    top: 50%;
	    width: 40px;
	    height: 40px;
	    border: 4px var(--main_color) solid;
	    border-top: 4px #ffffff00 solid;
	    border-radius: 50%;
	    animation: sp-anime 0.8s infinite linear;
	}
	/* end loading */
	/* filter */

	.filter {
	    background-color: var(--light);
	    /* margin-right: 30px; */
	}

	.filter .card {
	    background-color: transparent;
	    border: 0;
	}

	.filter .card .card-header,
	.filter .card .card-header:first-child {
	    border: 0;
	    border-radius: 0;
	}

	.filter .card .card-header.hideHeader {
	    background-color: var(--light) !important;
	}

	.filter .filter-title-icon {
	    background-image: url('../images/icon-up.png');
	    width: 15px;
	    height: 15px;
	    background-repeat: no-repeat;
	    background-size: contain;
	    cursor: pointer;
	    transition: all .1s ease-in-out
	}

	.filter .filter-title-icon.icon-down {
	    background-image: url('../images/icon-down.png');
	}

	.pl-1_2 {
	    padding-left: 1.2rem !important;
	}

	.fixed-filter-span {
	    position: fixed;
	    bottom: 20px;
        padding: 15px 20px;
	    z-index: 1;
	    content: '';
	    border-radius: 50px;
        right: 28px;
        background-color: var(--main_color);
        color: var(--second_color);
	}

	.custom-control-input:checked~.custom-control-label::before {
	    color: #fff;
	    border-color: var(--main_color) !important ;
	    background-color: var(--main_color) !important ;
	    border-radius: 0rem;
	    padding: 1px;
	}

	.custom-control-label::before {
	    background-color: #fff;
	    border: #adb5bd solid 1px;
	}
	/* end filter */

	.input-group-text .fa {
	    width: 35px;
	}

	.star_required {
	    position: absolute;
	    left: -13px;
	    font-size: 20px;
	    font-weight: bold;
	}

	.ltrInput,
	.rtlInput {
	    border-radius: 0 0.25rem 0.25rem 0 !important;
	}
    .dropdown-menu {
        right: 0;
        left: auto;
    }
	.countryCode {
	    max-width: 150px;
	    border-radius: 0px;
	}
    @media (max-width: 750px) {
        .logoDiv{
            position: absolute;
            top: 0px;
            right: 2px;
        }
        .popup-inner {
            width: 90% !important;
        }
    }
	@media (max-width: 768px) {
	    .container {
	        max-width: 100%;
	    }

	}
    @media (max-width: 500px) {
        .product-fav {
            position: absolute;
            right: 70%;
	    }

	}

	.swiper-container {
	    width: 100%;
	    height: 100%;
	}

	.swiper-slide {
	    text-align: center;
	    font-size: 18px;
	    background: #fff;
	    /* Center slide text vertically */
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}

	.swiper-button-prev,
	.swiper-button-next {
	    position: relative !important;
	    right: auto !important;
	    color: var(--main_color) !important;
	    margin-top: auto !important;
	    width: auto !important;
	    left: 0px !important;
	}

	.swiper-button-prev:after,
	.swiper-button-next:after {
	    content: '\f062' !important;
	    font-family: "FontAwesome" !important;
	    font-size: var(--swiper-navigation-size) !important;
	}

	.swiper-button-prev {
	    top: 50px !important;
	}

	.swiper-button-next {
	    bottom: 50px !important;
	    /* top: auto !important; */
	}

	.swiper-button-next:after {
	    content: '\f063 ' !important;
	}

	.order_img_span {
        position: fixed;
        bottom: 85px;
        background-color: var(--main_color);
        padding: 11px 17px;
        left: 28px;
        border-radius: 50px;
        color: var(--white);
        font-size: 24px;
        z-index: 1000;
        /* box-shadow: 0px 0px 6px 4px #b28585; */
        -webkit-filter: drop-shadow(5px 5px 5px #222);
        filter: drop-shadow(5px 5px 5px #222);
	}

    .whatsapp_span {
        position: fixed;
        bottom: 20px;
        left: 28px;
        z-index: 1000;
        -webkit-filter: drop-shadow(5px 5px 5px #222);
        filter: drop-shadow(5px 5px 5px #222);
	}
    .deleted_products{
        background-color: grey;
        color: white;
    }