.marquee-section {overflow: hidden;}
.marquee-section  .swiper-container {width: 100%;height: 100%;position: relative;overflow: hidden;}
.marquee-section .start-animation{
      display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}
.marquee-section  .start-animation .marquee-list {
  animation: scroll-left 80s linear infinite;
  position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-shrink: 0;
    min-width: 100%;
}
.marquee-section  .start-animation .marquee-list.reverse{
 animation-direction: reverse;
}
.marquee-section .start-animation:hover .marquee-list {
    animation-play-state: paused;
}
.marquee-section  .swiper-slide {text-align: center;font-size: var(--font-h3-size);display: flex;justify-content: center;align-items: center;width: auto;position: relative;background: transparent;}
.marquee-section  :is(.marquee-title) {margin: 0 30px;font-weight:var(--font-weight-regular);}
.marquee-section .start-animation .marquee-list li{list-style:none; position:relative;}
.marquee-section .marquee-image {max-height: 20px;height:100%;animation: zoom-in-zoom-out 2s ease-out infinite;}
@keyframes scroll-left{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}


/* marquee-style-1 */
.marquee-style-1.marquee-section :is(.marquee-title){color:rgb(var(--color-foreground),0.6);}
.marquee-style-1.marquee-section .marquee-image {height:100%;animation: zoom-in-zoom-out 5s ease-out infinite;}

@media screen and (min-width:1200px){
.marquee-style-1.marquee-section .marquee-image {max-height: 40px;}
}
@media screen and (max-width:768px){
.marquee-section :is(.marquee-title) {margin: 0 15px;}
  .marquee-style-1.marquee-section .marquee-image {max-height: 20px;}
/* .marquee-section .marquee-image {max-height: 15px;} */
}
@media screen and (max-width:576px){
.marquee-section :is(.marquee-title) {margin: 0 10px;}

}