body {
    margin: 0;
    font-family: Arial, sans-serif;
  }
  
  .slider {
    position:fixed!important;
    top: 0px!important;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  
  .slides {
    display: inline-flex;
    width: 200vw;
    height: 100vh;
    animation: slide 60s infinite;
  }
  
  .slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }
  
    @keyframes slide {
    0% { transform: translateX(0%); }
    33% { transform: translateX(-30%); }
    66% { transform: translateX(-36%); }
    100% { transform: translateX(0%); }
  }
  
  @keyframes slide6 {
    0% { transform: translateX(0%); }
    33% { transform: translateX(-30%); }
    66% { transform: translateX(-65%); }
    100% { transform: translateX(0%); }
  }
  
  .text-white, .text-white>a{
    color: white!important;;
  }