.slider{
      position: relative;
      height: 27vmax;
      margin-bottom: 2%;
      transition: transform 0.5s ease-in-out; 
    }
    .slider .box{
      width: 100%;
      background: rgb(75, 177, 196);
      position: absolute;
      top: 0;
      transition: transform 0.5s ease-in-out; 
    }
    .slider .box img{
      width: 100%;
      height: 499px;
      
    }

    .view-more-ur{
       align-content: center;
    }
    .view-more-ur button{
      border: 1px solid;
      font-size: 14px;
      padding: 4px 8px;
      letter-spacing: 0.7px;
      text-transform: capitalize;
      color: white;
      background:none;
    }
       @media(max-width:1488px){
 .slider .box img{
      height: 33vmax;
    }
       }
    @media(max-width:580px){
      .slider {
        height: 25vmax;
       /* margin-bottom:60px;  */
      }
      .slider .box img{
      height: 25vmax;
      /* margin-bottom:60px; */
      }
    }