.text-bar__slider {
    background: var(--color-green-2);
    padding: 0.5rem 1rem;
    /*position:relative; overflow:hidden;*/
    transition:max-height var(--animation-timing)  var(--animation-transition),padding var(--animation-timing)  var(--animation-transition);
    max-height: 3rem;
    overflow: hidden;
}
.text-bar__slider .container{
    max-width: 1440px;
    position: relative;
    overflow: visible !important;
}
.text-bar__slider .swiper-container{
    overflow: hidden !important;
}
.scrolldown .text-bar__slider{
    max-height: 0;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.text-bar__card {
     white-space: nowrap;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
 }.text-bar__card span {
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }
.text-bar__slider i.icon__arrow-left,.text-bar__slider i.icon__arrow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.5rem;
    display:none;
    z-index: 3;
}
@media(max-width:576px){
    .text-bar__slider .container {
        padding: 0;
    }
}
@media(min-width:576px){
      .text-bar__card {
          gap: 1rem;

      }.text-bar__slider {
           padding: 0.5rem 2rem;
       }
    .text-bar__slider i.icon__arrow-left,.text-bar__slider i.icon__arrow-right {
        display:inline-block;
    }.text-bar__slider i.icon__arrow-right {
           right: 2.5rem;
       }.text-bar__slider i.icon__arrow-left {
            left: 2.5rem;
        }
  }