/*your custom css goes here*/
html{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;

}
body{
    
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Tajawal', sans-serif;
}
.btn:not(:disabled):not(.disabled){
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
span{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
header{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
.top-navbar{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
.container{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
.aiz-side-nav-list{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
.metismenu{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
.aiz-main-wrapper{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}
.card{
  /* font-family: 'Tajawal', sans-serif; */
  font-family: 'Tajawal', sans-serif;
}


.show_submenu{
  display: none;
    position: absolute;
    background: white;
    color: black;
    padding: 27px;
    width: 100%;
    margin: auto;
    right: 0;
    left: 0;
    min-height: 300px;
    text-align: right;
    box-shadow: 5px 5px 5px 1px gray;
}
.electro-img{
    border-radius: 50%;
    object-fit: cover;
    width: 200px;
    height: 200px;
}
.jalal-img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #f8f8f8 center center no-repeat;
    background-size: cover;
    margin: auto;
    display: block;
}
.text-primary{
  color: #c33!important;
}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (max-width: 768px) {
  .searching{
  display:none;
}
.main-sections{
  margin-top: 25px!important;
}
.shopping-online{
  display:none;
}
 }
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
/******************************************************************************header*/
.header{
  /* border: 1px solid #cf5231; */
  padding: 10px;
}

.header-center{
  /* border: 1px solid yellow; */
}
.logo{
  /* border: 1px solid chartreuse; */
}
.logo img{
  width: 60px;
  margin: auto;
  display: block;
  /* border: 1px solid #cf5231; */

}
.header-left{
  border-color: white;
  background-color: white;
}
.header-icons{
    /* border: 1px solid; */
    padding: 5px 5px;
    color: #cf5231;
}
.header-icons img{
  /* border: 1px solid #cf5231; */
  width: 30px;
}
.languages{
  border-radius: 0 20px 20px 0;
    background: #cf5231;
    color: white;
    vertical-align: middle;
    position: relative;
    top: 20px;
    left: -23px;
}
.header-border{
  border-right: 2px solid #c33;
}
.bg-dark{
  background: #cf5231!important;
}
.navbar-dark .navbar-nav .nav-link{
  padding: 10px 20px;
  color: rgba(255, 255, 255, 1);
}
/****************************************************************************** search */


   
.searching{
  background-image: url('../images/store_bg.svg');
  background-size: 100%;
  min-height: 500px;
}
 .searching form{
    margin: auto;
    margin: auto;
    width: 500px;
} 

.searching img{
  width: 300px;
  
}
/****************************************************************************** categories */
.main-sections{
  margin-top: 0px;
}
.main-sections h1{
  text-align: right!important;
}

.categories h3{
  bottom: 0;
  padding: 5px;
  margin: auto;
  width: 100%;
  text-align: center;
  position: absolute;
  background-color: rgb(255,255,255,.5);
}
.categories:hover  h3{
  background-color: rgb(255 255 255 / 90%);
}
.categories img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.categories:hover img{
  opacity: 0.9;
}
/****************************************************************************** week-offers */
.week-offers{}
.week-offers h1{}
.offers{}
.offers img{
  width: 100%;
}
.offers h3{
  display: none;
}
/****************************************************************************** ads */
.ads{
  padding: 10px 0px;
}
.ads img{
  width: 100%;
}
/****************************************************************************** bestseller */
.bestseller-title{
  font-family: "diodrumbold";
  color: black;

}
.bestseller-title span{
  color: #cf5231;
    font-size: 76px;
    position: absolute;
    bottom: 2px;
    left: 104px;
    height: 13px;
    width: 241px;
    background: #cf5231;
    border-radius: 100px;
    z-index: -1;
}
.bestseller-title-wide span{
  color: #cf5231;
    font-size: 76px;
    position: absolute;
    bottom: 2px;
    left: 10px;
    height: 13px;
    width: 98%;
    background: #cf5231;
    border-radius: 100px;
    z-index: -1;
}
.bestseller-show{
  padding:5px;
}
.bestseller-show span{
  color:#23b709
}
.bestseller-button{
  font-size: xx-small;
    border: 1px solid #23b709;
    /* border-radius: 20px; */
    width: 72px;
    margin: auto;
    padding: 2px;
}
.bestseller{
  margin:unset;
}
.bestseller-title{
  font-size:small;
}
.bestseller-slogan{
  font-size:small;
}
.bestseller-descount{
  font-size:x-small;
}
/****************************************************************************** electromobile */
.electromobile-title{
  font-family: "diodrumbold";
    color: black;
    border: 3px solid #a5d3f9;
    background: #a5d3f9;
    /* border-style: dashed; */
    margin: 10px auto;
    width: 100%;
    box-shadow: -7px 3px 0px 2px grey;
}
.electromobile-content{
    margin: auto;
}
.electromobile{
    padding: 15px;
}
.electromobile h1{

}
.electromobile img{
  width: 100%;
    object-fit: cover;
}
/****************************************************************************** styles */
.styles-title{
  font-family: "diodrumbold";
    color: black;
    border: 3px;
    border-style: dashed;
    margin: 10px;
    width: 98.5%;
}
.styles-content{
  margin: auto;
}
.styles{
    padding: 15px;
}
.styles h1{

}
.styles img{
  width: 100%;
    object-fit: cover;
}
.fashion-color{
  background: #ffd3a6;
  border-color: #ffd3a6;
}
/****************************************************************************** shopping-online */
.shopping-online{
  background-image: url('../images/store_bg2.svg');
  background-size: 100%;
  min-height: 500px;
}
.shopping-online h3{
  color: white;
}

/****************************************************************************** */
/****************************************************************************** footer */
 .footer{
}
.footer-right{
    background: #cf5231;
    border-radius: 40px 0 0 40px;
}
.footer-center{
  display: contents;
}
.logo{
  margin: auto;
}
.footer-center img{
  width: 115px;
    padding: 13px;
}
.footer-left{
  padding: 15px;
  color: white;
    background: #cf5231;
} 

.footer-left img{
  width: 20px;
}
.footer-links{
  padding: 15px;
}
.footer-links h4{
  padding-bottom: 10px;
}
.footer-links ul{
  padding: 0px;
}
.footer-links li{
  display: block;
  color: gray;
}
.footer-apps{
    background: #f0f7f7;
    padding: 15px;
    vertical-align: middle;
}
.footer-apps-content h1{
  color: #cf5231;
}
.footer-apps-content i{
    margin: auto;
    color: white;
    background: #cf5231;
    border-color: #cf5231;
    font-size: x-large;
    padding: 5px;
    width: 40px;
    height: 40px;
}
.footer-icons{
  width: 250px;
    margin: auto;
}
.footer-icons i{
  border-radius: 30px;
  padding: 9px;
}
.footer-apps ul{
    margin: auto;
}
.footer-apps li{
    display: inline-block;
    margin: auto 10px;
}
.footer-apps a{
    color:black;
}
.footer-apps a:hover{
    color:#cf5231;
} 
/**************************************** underline ****************************************/
.underline{
  border: 2px solid lightgray;
}
/**************************************** icons ****************************************/
.social-links__link--type--icons{
  background: #cf5231;
}
/**************************************** other ****************************************/
.cart_compaire_wishlist{
  padding: 10px;
}
.mb-4, .my-4{
  /* margin-bottom: -0.5rem!important; WTF!! */
}
.megamenu_submenu{
    padding: 0 5px;
}
.megamenu_submenu:hover{
  background: rgb(228, 228, 228);
  padding: 0px 5px;
}
.electromobile-title{
  box-shadow:-6px 7px 0px 0px grey!important;
}
.electromobile-title h1{
  text-align: right!important;
}
.electromobile-title span{
  float: left!important;
}
.search-input-text{
    
    border-radius:0 65px 65px 0!important;
    height: 41px!important;
    background: #eae1e1;
    font-family: 'Tajawal';
}
.search-input-button{
    border-radius:50px 0 0 50px!important;
    height: 41px;
}
.priceReductionPercentage{
    background: rgba(252, 183, 183, .4);
    padding: 4px 8px;
    color: #c33;
    left: 10px;
    bottom: 46px;
    font-weight: bold;
    font-family: monospace;
    line-height: 1;
    font-size: 13px;
    box-shadow: 0 0 10px rgba(255,255,255,.8)
}
.lolo-express{
    position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 30px;
    opacity: .4;
}
.lolo-express:hover{
    opacity: .9;
}
@media(max-width: 768px){
    .electromobile-title h1{
        font-size: 26px;
        padding-top: 8px;
    }
    .jalal-img{
        width: 140px;
        height: 140px;
    }
}