.facility-modal {
  display: none; 
  position: fixed;
  z-index: 600; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0,0,0,0.4); 
}
.facility-modal-content {
  background-color: #FFF;
    position: relative;
    margin: 9% auto;
    padding: 20px;
    width: 42.4%;
    border-radius: 50px;
    animation: animatetop 0.5s ease-in;
}

.facility-modal-content span{
font-size: 30px;
    position: absolute;
    cursor: pointer;
    
}
.selected-img{
    margin-top: 2%;
    width:100%;
    height:auto;
    text-align:center;
}
.selected-img img{
    width:80%;
    height:250px;
    object-fit:cover;
}
.left-arrow-fc, .right-arrow-fc{
    width:10%;
    height:auto;
    position:relative;
}
.left-arrow-fc i, .right-arrow-fc i{
    position:absolute;
    font-size:36px;
    color:black;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    cursor:pointer;
}
.scroll-cont {
    width: 100%;
    display: flex;
    height:110px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;

}
#facility-images-cont::-webkit-scrollbar{
        height: 4px;

        background: white;
    }
#facility-images-cont::-webkit-scrollbar-thumb:horizontal{
        background: #CA1948;
        border-radius: 25px;
        
    }
.facility-images-cont {
    width: 80%;
    display: flex;
    height:110px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: start;
    align-items: center;
    flex-direction: row;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.facility-images-cont img{
    width:100px;
    height:100px;
    margin:5px;
    object-fit:cover;
    cursor:pointer;
}
.facility-images-cont img:hover{
    opacity:0.85;
}
.facility-images-cont img:first-child{
    margin-left:0;
}
.facility-images-cont img:last-child{
    margin-right:0;
}
@media only screen and (max-width:768px){
    .facility-modal-content {
    margin: 15% auto;
    width: 85%;}
    
}