h1,h2,h3,h4,h5,p{
  font-family: 'Montserrat',sans-serif;
  color:#fff
}
:root{
  --colorOne:#19456b;
  --colorTwo:rgb(27, 197, 248);

}
.title{
  font-size:20px;
  color:var(--colorTwo)
}
.title .break-small{
  width:90px;
  height:4px;
  background-color: var(--colorTwo);
  margin-left:59px;
}
.section{
  width:100%;
  min-height: 100vh;
  background-color: #ddd;
}

.content-section{
  float:right;
  width:55%;
}
.image-section{
  float:left;
  width: 40%;
}
.image-section img{
  width:100%;
  height:auto;
}
.content-section .title{
  text-transform:uppercase;
  font-size:28px;
 
}
.title h1{
  color: var(--colorTwo);
}

.content-section .content h3{
  margin-top: 20px;
  color:#0e8fda;
  font-size:21px;
}
.content-section .content p{
  margin-top:10px;
  font-family:san-serif;
  font-size:18px;
  line-height: 1.5;

}
.ratings h1 {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin-top: 20px;
    color: #0096DB;
}
.ratings h4{
    margin-top: 20px;
    font-size: 22px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.facilities h1{
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  margin-top: 20px;
  color: #0096DB;
 
}
.facilities h2{
  margin-top: 20px;
  font-size: 22px;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 
}


.image-section{
  position: relative;
  overflow: hidden;
}
.image-section img{
  width:100%;
  transition:transform .3s;
}
.image-section:hover img{
  transform:scale(1.2);
}

.items{
  margin-top: 15px;
  
}
.items h3{
  margin-top:10px;
  font-family:san-serif;
  font-size:18px;
}
.items i{
 
  font-size:1.5rem;
  font-weight:900 ;
  padding:1.5rem;
  color:#0096DB;
  border:1px solid rgb(233, 225, 225);
  border-radius:50% ;

}
.items i:hover{
  background-color:rgb(10, 10, 10);
  color:white;
}
@media screen AND (max-width:768px){
  .content{
      width:80%;
      display:block;
      margin:auto;
      padding-top:30px
  }
  .content-section{
      float:none;
      width:100%;
      display: block;
      margin:auto;
  }
  .image-section{
      float:none;
      width:100%;
      
  }
  .image-section img{
      
      width:100%;
      height: auto;
      display: block;
      margin:auto;
  }
  .content-section .title{
      text-align: center;
      font-size:19px;
  }
  
}
.card{
 
 background: #25333d;
 border-radius: 20px; 
  margin: 37px;
 text-align: center;
}

.future .card i{
font-size: 50px;
display: block;
text-align: center;
margin: 25px 0px;
color: #0096DB;

}
.future .card:hover{
  background-color: #090a0a;
}