.swiper {
    height: 100vh;
  }
  
  
  .underline-animation {
      display: inline-block;
  }
  
  .underline-animation:after {
      content: '';
      display: block;
      height: 5px;
      left: 0;
      animation: underline 4s;
      animation-fill-mode: forwards
  }
  
  
  @keyframes underline {
      0% { width: 0%; background-color: transparent;}
      100% {width: 100%; background-color: #FFF}
  }
  
  .underline-m-animation {
      display: inline-block;
  }
  
  .underline-m-animation:after {
      content: '';
      display: block;
      height: 5px;
      left: 0;
      animation: underline 4s;
      animation-fill-mode: forwards
  }
  
  
  @keyframes underline-m {
      0% { width: 0%; background-color: transparent;}
      100% {width: 90%; background-color: #FFF}
  }