/* 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*/


@media(min-width:768px){
section:nth-child(1 of .landing-page-first-bannar) h1 {
font-size:80px !important
}
section:nth-child(1 of .landing-page-first-bannar) p {
font-size:45px !important
}
}

section:nth-child(1 of .landing-page-first-bannar) .txt {
  margin-left: auto !important;
  /* margin-right: 54% !important; */
  text-shadow: 1px 1px 2px white;
  margin-top: 90px;
}
section:nth-child(2 of .landing-page-first-bannar) .txt {
  margin-left: auto !important;
  margin-right: 58% !important; 
  text-shadow: 1px 1px 2px white;
  margin-top: 90px;
}
.landing-page-fixed-bannar-4 ,.landing-page-fixed-bannar-6  {
height: 55vh !important;
max-width:90% !important;
margin:auto;
}

.landing-page-fixed-bannar-6 h1 {
width: 36% !important;}
.landing-page-fixed-bannar-6 .txt {
margin-right:10%!important;
margin-top:5%!important;
}
@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;
    color: #000 !important;!i;!;
  }
}

/*grid-------------*/
.g_cat .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media(max-width:768px){
.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;
}
.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));
}
}

/*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:#313386 !important;
}
button.undefined {
  color: white;
}
.s-button-primary {
  background: linear-gradient(90deg, rgba(49,51,134,1) 35%, rgba(14,165,222,1) 100%);

}

button.animate__animated.animate__fadeInUp {
  background: linear-gradient(90deg, rgba(49,51,134,1) 35%, rgba(14,165,222,1) 100%);

  color: white !important;
}





.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;
}




footer * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media(min-width:1024px){
footer .grid {
display: flow !important;
}
}

footer * {
    margin: 0 auto;
    text-align: center;
}

footer .grid > div {
    grid-column: span 1 / span 1 ;
}

/*footer end*/


section:nth-child(2 of .ads  ) .imgs {
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
}

.ads .img {
   
    position: relative;
    border-radius: 5px;
    max-height: 600px !important;
}
@media(max-width:768px){

section:nth-child(2 of .ads  ) .imgs {
  grid-template-columns: repeat(1, minmax(300px, 1fr)) !important;
}

.landing-page-first-bannar >div >div {
    text-align:center !important;
}
}

.banner-entry {
    position: relative;
    height: 590px !important;

}

@media(max-width:768px){
.banner-entry {
    position: relative;
    height: 329px !important;

}
}

.s-block--fixed-banner img{

    background-color:transparent
}

.footer-is-light .store-footer .store-footer__inner {

    background-color: #fff !important;
}

.section_c_r .content_tistimonial {
 
    background-color: #313386!important;
}
.section_c_r .content_tistimonial h2 {
color: #fff!important;
}
.section_c_r .content_tistimonial .cover_content .desc_contant {
  
    color: #ffffff !important;
 
}