.overlay_container {
    position: relative;
    width: 100%;
  }
  
  .overlay--card {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .overlay_popUp {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 25%;
    transition: .5s ease;
    opacity: 0;
  
  }
  
  .overlay_container:hover .overlay--card {
    
  }
  
  .overlay_container:hover .overlay_popUp {
    height: 150px;
    bottom: 0;
    opacity: 1;
  }

  /* Remain Show the hover Button once Download Brochure Clicked */
  .show + .overlay_container .overlay_popUp {
    height: 150px;
    bottom: 0;
    opacity: 1;
  }
  
  /* removed hideShow animation of Popup Collapse */
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }

  .btn-pad {
    /* padding: 0.75rem 1.75rem; */
}

  .overlay--btn{
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width:100%;
  }
  .pt-5--mob{
    padding-top: 65px !important;
  }

  .pb-10--custom{
    padding-bottom: 165px !important;
  }

  .show .slickCount--avai .draggable{
    /* overflow: visible; */
  }


  /* popUp Forms Responsive on SHOW */
  @media (max-width: 1815px) and (min-width: 1400px){
    .pt-5--mob{
      padding-top: 90px !important;
    }
    .ebrochure--spaces .py-4{
      padding: 10px 0px !important;
    }
  }

  @media (max-width: 1717px) and (min-width: 1400px){
    /* .show + .overlay_container .pb-5--mob{
      padding-bottom: 85px ;
    }*/
    .card-width--responsive{
      width:430px !important;
    }
  }
  
  @media (max-width: 1399px) and (min-width: 992px){
    /* .show + .overlay_container .pb-5--mob{
      padding-bottom: 0px ;
    }*/
    .card-width--responsive{
      width:500px !important;
    }
  }
  @media(max-width: 991px){
    .popUp--bottom{
      bottom: 120px !important;
    } 
  }

  @media (max-width: 510px) {
    .pb-10--custom{
      padding-bottom: 170px !important;
    }
    .slickCount--avai .slick-list{
      padding: 0 !important;
    }
  }

  @media (max-width: 600px) {
    .card-width--responsive{
      width:85vw !important;
    }
    .pt-5--mob:has(.show){
      padding-top: 115px !important;
    }
    .ebrochure--spaces .py-4{
      padding: 5px 0px !important;
    }
  }
  /* END- popUp Forms Responsive on SHOW */

  @media (max-width: 991px) {
    .overlay--btn{
      width:65%;
      top: 35%;
    }

    .overlay_container .overlay_popUp {
      height: 150px;
      bottom: 0;
      opacity: 1;
    }
    
  }