.banner-container-web {
      position: relative;
      height: 420px;
      margin: 0px auto;
      overflow: hidden;
      
    }

    .banner-slide-web {
      position: absolute;
      width: 100%;
      height: 420px;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .banner-slide-web img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      display: block;
    }

    .banner-slide-web.active {
      opacity: 1;
      z-index: 1;
    }

    @media (max-width: 776px) {
  .banner-web{
   display: none;
   
   
  }
}


   .banner-container-mob {
      position: relative;
      height: 550px;
      margin: 0px auto;
      overflow: hidden;
      
    }

    .banner-slide-mob {
      position: absolute;
      width: 100%;
      height: 775px;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .banner-slide-mob img {
      width: 100%;
      object-fit: contain;
      display: block;
    }

    .banner-slide-mob.mobactive {
      opacity: 1;
      z-index: 1;
    }

    @media (min-width: 776px) {
  .banner-mob{
   display: none;
   
   
  }
}