/* Add custom CSS styles below */ 
.my_main_banner .flying-obj {
animation: float 4s ease-in-out infinite;
}

/* Define the keyframes for the animation */
@keyframes float {
  0% {
    transform: translateY(0); /* Start at original position */
  }
  50% {
    transform: translateY(-20px); /* Move up by 20px */
  }
  100% {
    transform: translateY(0); /* Return to original position */
  }
}

@media (min-width: 768px){
.my_main_banner .hero-slider-subtitle span{
font-size:1.75rem;
}

.my_main_banner div:has(> .hero-slider-title){
 max-width: 100%;
}

.my_main_banner .hero-slider-title h3{
font-size: 3rem;
margin-bottom: 1rem;
}

.my_main_banner .hero-slider-btn a
{
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
margin-top: 1rem;
font-size: 1.3rem;
background-color: #029788;
border-color: #008275;
}


.banner img.lazy.loaded{
/*opacity:0.9;
border: 2px solid #faf8f5;*/
}


.banner img.lazy.loaded:hover{
opacity:1;
transform: scale(1.01);
/*border: 2px solid #029788;*/
}


.banner-square h3{
font-size: 1.25rem;
margin-top: 1rem;
margin-bottom: 0.5rem;
}

.banner-square p{
font-size: 1rem;
}

}

.mask-block .grid{
grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 768px){
.mask-block .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.my_main_banner .home-slider__content{
margin-top: 2rem;
}

}

.main-banner-men{
margin-top: 1rem;
}

.payment-banners{
margin-top: 1rem;
margin-bottom: 1.5rem;
}