/* Add custom CSS styles below */
.hero_container h3{
font-size: 52px;
}

.hero_container span{
padding: 0px;
font-size: 20px;
}

.photos_container{
 margin-top:-160px;
 display: inline-block;
 overflow: hidden;
}
.photos_container img {
            transition: transform 0.3s ease;
        }
.photos_container img:hover {
            transform: scale(1.2);
        }
        
/*.discount-container {
             display: inline-block;
            overflow: hidden; 
        }

.discount-container img {
            width:150px;
            heigh:150px;
            transition: transform 2s ease; 
        }

.discount-container img {
            transform: translateY(-10px); 
            transform: translateY(10px);
        }
        */
.discount-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px; 
}

.discount-container img {
  width: 75px;
  height: 75px;
  animation: moveUpDown 2s infinite;
}

@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); 
  }
}

.categories-conttainerr{
   padding-right:13%;
}

.swiper-slide a{
background-color: rgba(215,215,215,0);
}

/*responsive*/
@media (max-width: 768px) {
.hero_container h3{
font-size: 22px;
}

.hero_container span{
padding: 0px;
font-size: 12px;
}
  .photos_container{
 margin-top:-100px;
 display: inline-block;
 overflow: hidden;
}
.categories-conttainerr{
   padding-right:0%;
}
/*.header-container{
  background-color: #ffffff ;
}*/
.s-slider-container {
    display: block;
   /* padding-top: .25rem;*/
    margin-top: 60px;
}
}