.slider {
    /* height: 180px; */
    position: relative;
    width: 100%;
  
    display: grid;
    place-items: center;
    overflow: hidden;
  }

  /* #head{
  background-color:  #002E60;
}  

#table{
  background-color: #002E60;
}

#contact{
  background-color: #002E60;
}

#button{
  background-color: #002E60;

}



#section{
  background-color: #FEC601;
}

#table2{
  background-color: #FEC601;
}

#nav{
  font-family: 'Outfit', sans-serif;
}

#title{
  font-family: 'Aladin', cursive;
}


 #offer{
  background-color: #FEC601;
} 

.marqee{
  
  color:red;
    background-color: #36639C;  
} 

 #offer2{
  background-color: #EB4082;
} 

#Bank{
  background-color: #002E60;
}*/

.slider::before{
    left:0;
    top:0;
  }
  .slider::after{
    right:0;
    top:0;
    transform:rotateZ(180deg);
  }
  
  .slide-track {
    width: calc(150px * 20);
    display: flex;
    animation: scroll 20s linear infinite;
    justify-content: space-between;
  }
  
  .slide {
    width: 130px;
    height: 130px;
    display: grid;
    place-items: center;
    transition:0.5s;
    cursor:pointer;
  }
  
  .slide:hover{
    transform:scale(1.1)
  }

  @keyframes scroll {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(calc(-150px * 5));
    }
  }
  
  @media screen and (max-width: 768px) {
    .slide-track {
      width: calc(80px * 25);
    }
    .slide {
      width: 80px;
      height: 130px;
    }
    @keyframes scroll {
      0% {
        transform: translateX(0px);
      }
      100% {
        transform: translateX(calc(-80px * 10));
      }
    }
  
  }