/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/*---------header-------------*/

.top-navbar {
    
    display: none;
}
.index .inner i{
     color: white ;
}

.index .main-menu li.root-level > a {
  color: black ;
}


.fixed-pinned .inner i{
     color: black !important;
}
.fixed-pinned li.root-level > a {
     color: black !important;
}



/*---------titles-------------*/

.image-title .title-heade {
  background-color: transparent!important;
 
}



/*frist slider*/




 .landing-page-first-bannar .txt {
  margin-left: 28% !important;
  margin-right: auto !important;
  text-shadow: 1px 1px 2px white;
  margin-top: 90px;
}
.landing-page-fixed-bannar-6  {
height: 80vh;
}

@media (max-width: 768px) {
  .txt.w-full.container.ltr\:\[transform\:rotateY\(-180deg\)\] {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 120px;
  }

  .landing-page-first-bannar h1 {
    width: 100% !important;
    /* backdrop-filter: blur(10px); */
    background-color: #ffffff6e;
    border-radius: 20px;
    padding: 3px;
  }
   .landing-page-first-bannar >div >div {
   
    text-align: center !important;
   }
}

/*grid-------------*/
.g_cat .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
/*3 pics -------------*/

.ads .img .over {
  
    background-color: #00000054;
    
 
}
.banner_ad img2{
    background-position: right;
}
.banner_ad img3{
    background-position: left;
}
@media(min-width:768px){
.banner_ad .item-text {
    font-size: 35px !important;
 
}
}
.ads .imgs {
    display: grid;
    grid-gap: 25px;
    gap: 25px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media(max-width:768px){
.ads .imgs {
   
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.banner_ad >div >div >div {

    align-items: end !important;
    justify-content: center !important;

}
.banner_ad p {color:#000;background-color: #00000057;padding: 1px;border-radius: 20px;}
}

@media(max-width:768px){
.banner_ad .item-text {
    width: 290px !important;
}
}

/*offers 2 pics -----------------------*/
.product_deadline {
    background: #fff;
    border-radius: 8px;
}


/*weekly offers------------*/
.weeklyOffers{
    height: 75vh!important;
}

@media(max-width:768px){
.weeklyOffers{
  height: 100vh !important;
}
}


.weeklyOffers .text-xs{

  line-height: 2.5rem;

}





/*out of stock*/

.outof-stock {
  color: #fff !important;
}

/*slider 2 pic*/

.slider-bannars-moving {
  display: flex !important;
}

.flex.justify-between {
  display: flex;
}

.banner_ad .img3 > div {
  background-position: right;
}

.s-products-slider-card.swiper-slide {
  width: 50%;
}

.s-products-slider-card.swiper-slide {
  margin-bottom: 30px;
}

.s-block--photos-slider .s-slider-block__title-nav {
  display: none;
}

/*slider card button  start*/
.s-product-card-entry .s-button-element {
  background-color: #6A6A44 !important;
}
button.undefined {
  color: white;
}
.s-button-primary {
  background-color: #6A6A44 !important;
}

button.animate__animated.animate__fadeInUp {
  background-color: #6A6A44 !important;
  color: white !important;
}



.grid-cols-3 h3,
i {
  color: #836219 !important;
 
}

@media(max-width:768px){

  .grid-cols-3 h3,
i {
  
  font-size: 14px;
}
}

.s-product-card-content-title a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.s-infinite-scroll-btn{
color:#fff!important;
}

.vr_hr_active {
    color: aliceblue !important;
}

.g_features {
margin-top:50px!important;
}