.bookBtn a{
    text-decoration: none;
    color: #FFF;
}
/* .main-container{
    width: 100%;
    height: 500px;
    margin-top: 20px;   
  
} */
.main-container .containers{
    width: 98%;
    height: 500px;
    box-shadow: rgb(0, 0, 0,.3)3px 3px 6px 0px inset;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    transition: all .8s;
    margin: .3em auto;
    padding: 0.3em;
}
.main-container .containers img{
    width: 100%;    
}
.main-container .first{
    background-image: url('../../img/AnyConv.com__successful1.webp');
    background-repeat: no-repeat;
}
.main-container .second{
    background-image: url('../../img/AnyConv.com__successful2.webp');
    background-repeat: no-repeat;
}
.main-container .third{
    background-image: url('../../img/AnyConv.com__successful3.webp');
    background-repeat: no-repeat;
}
.main-container .four{
    background-image: url('../../img/AnyConv.com__successful4.webp');
    background-repeat: no-repeat;
}
.main-container .content{
    width: 100%;
    height: 100%;
    transform: translateY(83%);
    transition: 0.7s ease-in-out;
}
.main-container .content h1{
    color: #FFF;
    margin-left: 25px;
    font-size: 30px;
    text-shadow: 1px 1px 1px #000;
    /* padding-top: 50px; */
}
.main-container .bg{
    background: rgba(0,0,0,0.6);
}
.main-container .content p{
    text-align: left;
    width: 75%;
    color: #DBD8E3;
    margin: 25px 0 0 25px;
    font-size: 16px;
    /* line-height: 1.5em; */
}
.fa-map-marker{
    margin-left: 2px;
    margin-right: 4px;
    color: red;
    font-size: 12px;
}
.main-container .content span{
    margin-left: 25px;
    color: #F5EDED;
    font-size: 12px;
}
.main-container .containers:hover > .content{
    transform: translateY(0%);
    background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.6)); 
}
.bookBtn{
    border-radius: 5px;
    margin-left: 25px;
    font-size: 18px;
    margin-top: 30px;
    padding: 12px;
    border: none;
    color: #FFF;
    background-color: #09a6d4;
}
.bookBtn:hover{
    background: rgb(34, 71, 152);
}
@media screen and (min-width:769px){
.main-container .containers{
    margin: 0.3em;
}
 .main-container{
    display: flex;
    align-items: center;
    justify-content: center;
    
 }        
 .main-container .containers{
    width: 30%;
 }
 .main-container .content{
    transform: translateY(73%);
 }
 .main-container .content h1{
    font-size: 1.8em;
 }
 .main-container .containers{
    height: 450px;
 }

}
@media screen and (min-width:1200px){
.main-container .content{
    transform: translateY(84%);
 }
 .main-container .containers{
    height: 450px;
 }

}