/* Add custom CSS styles below */ 

 .text-xl {
 background-image: linear-gradient(45deg, #ffb3ba, #c49c6e, #bfbf76, #77b084, #ff7e74, #3b82f6, #c084fc, #db2777);
  color:#000000 ;
  -webkit-background-clip: text; /* Edge, Chrome */
  background-clip: text; /* Safari, FF */
  animation: gradientAnimation 4s linear infinite;
  animation-direction: alternate;
  background-size: 300% 100%;
   text-align: right;

}


@keyframes gradientAnimation {
  0% {
   background-position: 0;
   
      }
  to {
   background-position: 100%;
  
  }
}






.carousel-slider .swiper-wrapper>div {
    flex-shrink: 0;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #C1BA7B;

    
}

.shadow-sm {
   
    background-color: aliceblue;

}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: 4rem !important;
    overflow: hidden;
    border-radius: 1rem;
    background-color: aliceblue;

}

.bg-gray-100 {
    background-color: #ffffff;

    
    }
    
    hr {
    border-top-width: 0px;

}

.text-5xl {
    font-size: 3rem;
    line-height: 1;
    font-weight: 600;
    color: #498694;

    
    }
.s-search-input-wrapper {
    border: 2px solid #498694;
    border-radius: 5px;

}

.h-full {
    height: 100%;
    border-radius: 20px;
        
}
.olla-background {
     border-radius: 10px ;
    transition: .3s ease;
    border: 2px solid #C1BA7B;
    
}
.s-button-outline {

    border-width: 2px;
    border-color: #C1BA7B;
}
      
  .banner-entry {
        padding: 1rem;
        margin-bottom: 10px;

    }
        salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
        display: none;
        bottom: 1.5rem;

    }
    .header-btn__icon {
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    padding: 4px;
    
    }
    [dir=rtl] .header-btn__icon.icon {
    margin-left: -8px;
    margin-bottom: 4px;
    color: #498694 !important;
    border: 1px solid #C1BA7B !important;
     
    border-radius: 999px;
}
 [class^=sicon-] {

    color: #498694;
    border: 1px solid #C1BA7B;
    padding: 4px;
    border-radius: 999px;

}
    .s-product-card-price {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #498694;

  
}
    
@media screen and (max-width: 600px){
.grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    
}

.p-2 {
    padding: .15rem;

}
}
@media(min-width: 1024px){
 .olla-header-navbar .navbar > div > ul{
 	gap: 1.2rem !important;
 }
.olla-header-navbar .navbar > div > ul li{
 font-size: 0.8rem !important;
 }}