@font-face {
    font-family: 'Kaufmann';
    src: url('../fonts/KAUFMANB.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.title_kaufmann {
    font-family: 'Kaufmann', sans-serif !important;
}

.nav-link{
            /*font-family: Kaufmann Bd BT !important;*/
}
body{
    background-color:#f0f0f0;
}
.footer-area {
    background-color: #e4e4e4;
}
.menu_li_ul {
    display: inline-flex ! Important;
    margin-top: 0px;
    gap: 30px;
}
.nav-link{
    padding:0px !important;
}
nav{
        padding: 0px 0px 12px 0px !important;
margin-top:0px !important;
}
.banner_top{
    text-align: center;
    background-color: black;
    color: white;
    padding: 12px;
        margin-bottom: 40px;
}
.banner_top p {
    margin-bottom:0px;
}


            
        .footer_title{
            color:black;
        }    
                .carousel-dec{
                    /*z-index: -1;*/
                    position: absolute;
                    bottom: -100px;
                    max-width: 2000px;
                }
                
                
                
          
.img_slider.slider_class {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 750px; 
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: flex-start;
    /*padding-left: 60px; */
    padding-right: 0; 
    text-align: left; 
}
.img_slider.slider_class h1,
.img_slider.slider_class p{
    margin: 0;
    color: black; /* إذا الخلفية غامقة */
}
.img_slider.slider_class a {
    color:white !important;
}
.img_slider.slider_class h1 {
    
    font-weight: bold;
    margin-bottom: 15px;
}
.img_slider.slider_class p {
    max-width: 500px;
    margin-bottom: 25px;
}
.count_client{
        display: flex;
    gap: 50px;
    margin-top: 60px;
}
.count_client strong{
        font-weight: bolder;
    font-size: 50px;
    display: block;
}




.category-card{
    border-radius:0px !important;
}



      .image_category{
              height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
     width:100%;
    border-radius: 30px 30px 0px 0px;
      } 
     
     
     .title_category{
           background-color: black;
    color: white;
    padding: 30px;
    border-radius: 0px 0px 30px 30px;
    font-size: 30px;

     }
     .col-2-5{
         max-width:20% !important;
     }
     
     .card-product__img{
             position: relative;
    min-height: 250px;
    max-height: 250px;
    overflow: hidden;
     }
     .card-body{
             background-color:white;
             text-align:left;
     }
     .add_to_cart{
    background-color: white;
    padding: 9px;
    margin-top: 13px;
        transition: 1s;
    border-radius: 8px;
        width: 100%;

     }
     .add_to_cart:hover{
          background-color: black;
          color:white;
     }


.card-product
{
    border:0px;
}
.single-footer-widget .sm-head{
    color:black;
}
.subscribe_row{
    padding: 40px 20px;
    background-color: black;
    border-radius: 25px;
    margin-bottom: -100px;
}
.footer-area {
    padding: 140px 0px 30px 0px;
}
.footer-bottom {
    padding: 20px;
    background-color: #e4e4e4;
    color: black;
}
.footer-bottom .footer-text{
    color:black;
}
.footer-bottom .footer-text a{
        color:black;
}
.product_image_area{
            background-color: white;
}


    
    
    .glow {
    color: black;
    animation: glow-animation 1.5s ease-in-out;
    }
    
    @keyframes glow-animation {
    from {
    text-shadow: 0 0 10px #272727cc, 0 0 20px #272727cc, 0 0 30px #272727cc;
    }
    to {
    text-shadow: 0 0 20px #272727, 0 0 30px #272727, 0 0 40px #272727;
    }
    }
    .p_desc span p {
    padding: 10px 0px;
    margin: 0px;
    display: inline;
    }
    
    .p_desc {
    padding: 12px 0px;
    
    }

    .size-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.size-btn {
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 25px;
    transition: 0.2s;
    color: grey;
}

.size-btn:hover {
  border-color: #000;
}

.size-btn.selected {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

.border_of_quantity{
 padding: 8px;
    border-radius: 25px;
    background-color: #f0f0f0;
    border: 2px solid #f0f0f0;

}
.quantity-control .minus{
    background:transparent;
}
.s_product_text .list li a span{
    width:auto;
}


.sub_menu_drop{
    color:grey !IMPORTANT;
    font-size:12px;
}

.card-body h4{
    text-align:left;
}
.card-product p{
        text-align:left;

}
.breadcrumbs{
    margin-top:0px;
}

.category_main{
     transition: 1s;
}

.category_main:hover{
        transform: scale(1.1);
   
}


.slider_deals{
        background: transparent !important;
}

.slider_v1{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 60px;
    padding-right: 0;
    text-align: left;
}
.slider-buttons{
    top:43%;
    z-index:1;
}
#bestSellerCarousel .owl-next ,.owl-prev{
background-color:black;
}
.owl-prev i , .owl-next i {
    color:white !important;
}

#mega_menu{
    display:none; align-items:flex-start; background-color:whitesmoke; padding:12px; color:black; position:absolute; left:0; right:0; z-index:1000; box-shadow:0 2px 8px rgba(0,0,0,0.1);
}





/* Style the tab */
.tab {
    text-align: center;

}
.card-brands{
        border: 1px solid #cdc9c9;
    padding: 16px;
}
/* Style the buttons inside the tab */
.tab button {
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  background-color: grey ;
    color: white;
    border-radius: 0px;
    padding: 8px 30px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: black !important;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  
  border-top: none;
}
.card-luxury{
        margin-bottom: 30px;
}

@media (min-width: 0px) and (max-width: 800px){
                body {
                    overflow: hidden !important;
                }
                .mobile_version_width{
                    width:100%;
                }
                .col-2-5 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.menu_li_ul{
    display:block !important;
}

.nav-link {
    padding: 15px !important;
}

            }   
            
            
           @media (min-width: 769px){

    #mega_menu{
        display:none;
        align-items:flex-start;
        background-color:whitesmoke;
        padding:12px;
        color:black;
        position:absolute;
        left:0;
        right:0;
        z-index:1000;
        box-shadow:0 2px 8px rgba(0,0,0,0.1);
        /* IMPORTANT: no top:100% here */
    }

    #mega_menu .mega_card{
        background:transparent;
        padding:0;
        border-radius:0;
        box-shadow:none;
        max-width:100%;
        margin-top:0;
    }

    body.no-scroll{
        overflow:auto;  /* desktop scroll never locked */
    }
} 

.mobile_version_slider{
    height:400px !important;
}
/* ===========================
   MOBILE (your new popup design)
   =========================== */
   .mega_close_btn{
    display:none;
}
@media (max-width: 768px){
     #mega_menu .mega_card{
        position:relative; /* needed for absolute X */
    }

    .mega_close_btn{
        display:block;
        position:absolute;
        top:10px;
        right:10px;
        background:transparent;
        border:none;
        font-size:22px;
        font-weight:bold;
        color:#000;
        z-index:9999;
    }

    #mega_menu{
        display:none;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:rgba(0,0,0,0.45);
        padding:15px;
        z-index:10000;
        align-items:flex-start;
        justify-content:center;
        overflow-y:auto;
    }

    #mega_menu .mega_card{
        background:#fff;
        border-radius:12px;
        padding:18px;
        width:100%;
        margin-top:70px;
        box-shadow:0 8px 25px rgba(0,0,0,0.2);
    }

    body.no-scroll{
        overflow:hidden; /* mobile stops scroll */
    }
}