@keyframes slideIn {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.hidden {
  display: none;
}


.banner-container {
  overflow: hidden;
  padding: 32px 12px 0px 12px;
  /* background: rgb(115 200 197); */
  /* border-left: 12px solid var(--bloomcare-slate); */
  /* border-right: 12px solid var(--bloomcare-slate); */
}

  .scrolling-text {
      display: inline-flex;
      white-space: nowrap;
      font-size: 24px;
      line-height: 2;
      /* padding: 12px; */
      margin: 0px;
      /* width: 100vw; */
    }

.scrollingwrapper {
                   margin-left: auto;
                   margin-right: auto;
                   max-width: 1480px;
                   width: 100%;
                   padding: 0px 0px;
                   }


    .scrolling-text.animate {
      animation: scroll-left 180s linear infinite;
    }

    @keyframes scroll-left {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-50%);
      }
    }



 @media only screen and (max-width :768px) {


   .doublecolumn  {
     grid-column: span 6 / auto;
     display: grid;  grid-template-columns: repeat(1, 1fr);  
     gap: 8px;  padding: 16px;  
     background-color: rgb(255, 255, 255);}


   

 }




@keyframes slideIn {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.hidden {
  display: none;
}





section {
  scroll-margin-top: 180px; /* height of your header */
}