/* Add custom CSS styles below */ 
/* Add custom CSS styles below */
/* Custom Video */

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.full-width-video-section {
    margin-bottom: 2rem;
    min-height: var(--banner1-height-mob);
    position: relative;
    overflow: hidden;
}

.full-width-video-section::after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.full-width-video-section:hover:after {
    z-index: 2;
}

.full-width-video-section .video-overlay {
    opacity: 0;
}

.full-width-video-section:hover .video-overlay {
    opacity: 1;
}

.video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    z-index: 10;
}

.overlay-heading {
    font-size: 2rem;
    font-weight: 700 !important;
    margin-bottom: 2rem;
}

.overlay-paragraph {
    margin: 1rem 0;
    font-size: 1.5rem;
    line-height: 1.6;
}

.btn-changing {
    padding: 10px 20px;
    border: none;
    border-radius: 0.5rem;
    background-color: var(--f-color);
    color: #fff;
    cursor: pointer;
}

.btn-changing:hover {
    opacity: 0.9;
}

@media (max-width: 992px) {
    .overlay-heading {
        font-size: 1rem;
        line-height: 1.5;
    }

.overlay-paragraph {
    font-size: 0.8rem;
}
.video-overlay {
    width: 90%;
}
.full-width-video-section::after {
    z-index: 2;
}
.full-width-video-section .video-overlay {
    opacity: 1;
}
}




 
/*---------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;
}
    .navbar-brand img, .fixed-header img {
        max-width: 65px;
}

@media(max-width:768px){
    .navbar-brand img, .fixed-header img {
        max-width: 40px !important;
}
}



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

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



/*frist slider*/




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

/*grid-------------*/
.g_cat .grid {
  grid-template-columns: repeat(7, 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(2, 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: linear-gradient(90deg, rgba(244,244,224,1) 0%, rgba(129,64,225,1) 100%)!important;
}
button.undefined {
  color: white;
}
.s-button-primary {
    background: linear-gradient(90deg, rgba(244,244,224,1) 0%, rgba(129,64,225,1) 100%)!important;
}

button.animate__animated.animate__fadeInUp {
  background: linear-gradient(90deg, rgba(244,244,224,1) 0%, rgba(129,64,225,1) 100%)!important;
  color: white !important;
}



.grid-cols-3 h3,
i {
  color: #8140E1 !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;
}

.ad-star-btn {
    background: linear-gradient(90deg, rgba(244,244,224,1) 0%, rgba(129,64,225,1) 100%)!important;
}

/*footer---------------------------------*/
.store-footer__inner {
background-color:#fff !important;
}
 @media(min-width:768px){
.store-footer__inner >div {
flex-direction: row !important;
}
.store-footer__inner >div >div {
margin-top:0 !important;
}
}
 
.s-slider-swiper-wrapper .flex-col {background-image: url(https://cdn.salla.sa/form-builder/gPKyG6Qmccg4hEE2zfBmW1wuHX9FlPT5ZRnjdpVn.png) !important;background-size: cover;}