*{
    margin: 0;
    padding: 0;
}

.service-item{
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.service-item:hover{
    box-shadow: 2px 5px 8px #cccccc;
}

.service-item h4 , .service-item h3 {
    font-weight: 500;
    padding: 20px 0px;
    text-align: center;
    background-color: #f77212;
    color: #ffffff;
}

.service-item img{
    width: 100%;
    height: 20vh;
    padding: 20px;
}

.service-item ul{
    list-style-type: none;
    text-align: center;
}

.service-item ul li{
    padding: 8px;
    text-align: center;
    border-top: 1px solid #cccccc;
    font-size: 13px;
}

.service-item ul li span{
    font-size: 20px;
    font-weight: 700;
    color: #f77212;
}

.service-item ul a li{
    background-color: #f77212;
    width: 100%!important;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
}

.service-item ul a li:hover{
    background-color: #ffffff;
    color: #000;
    transition: ease-in-out 1s;
}

.service-item ul a li.book-now{
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    letter-spacing: 1px;
    background-color: #ff4040!important;
}

/* .service-item ul a li.book-now:hover{
    background-color: #fff!important;
    color: #ff4040;
    transition: ease-in-out 1s;
    border: 1px solid #ff4040;
    margin: 0;
} */

.gallery{
    margin:0;
    padding:0;
}

.popup-gallery{
    margin:50px;
    display: flexbox;
    flex: auto;
    flex-flow: row;
    text-align: justify;
    
}

.popup-gallery img{
    width: 300px;
    height:300px;
    margin-bottom: 20px;
    border: 3px solid #f77212;
    border-radius: 10px;
}

.popup-gallery img:hover{
    box-shadow: 5px 5px 10px #404040;
}

.mfp-title{
    display: none!important;
}

img.mfp-img{
    height: 80vh!important;
}

@media (max-width: 768px) {
    .popup-gallery{
        margin: 5px;
        text-align: center;
    }
}