/* Villa introducing section */
 @font-face {
    font-family: Autography;
    src: url('../fonts/Autography.ttf');
}
@font-face {
    font-family: LemonMilk-medium;
    src: url('../fonts/Lemonmilk-Medium.ttf');
}
@font-face {
    font-family: SFprodisplay-Light;
    src: url('../fonts/SF-Pro-Display-Light.ttf');
}
@font-face {
    font-family: PoppinsLight;
    src: url('../fonts/Poppins-Light.ttf');
}
@font-face{
    font-family: LemonMilk-Regular;
    src: url('../fonts/Lemonmilk-Regular.ttf');
}
.villa-section{
  background-image: url(../images/villabg.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.villa-overlay {
color: #fff;
text-align: center;
padding-bottom: 60px;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, transparent 121%);
/* border-left: 1px solid #000;
border-right: 1px solid #000; */
margin-left: 2%;
}
.villa-overlay{

   max-width: 407px;
}
.villa-overlay .exp-btn{
  display: inline-block;
  border-radius: 5px;
  background: #BA1212;
  padding: 4px 27px 5px;
  color: #fff;
  text-decoration: none;
  margin-top: 80px;
  font-size: 24px;
            font-family: PoppinsLight;
}
.villa-overlay .title{
  font-size: 62px;
  padding-top: 30px;
  font-family: Autography;
}
.villa-overlay .sub-title{
  font-size: 30px;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: LemonMilk-medium;
  font-family: LemonMilk-Regular;
}
.villa-overlay .para{
  font-size: 20px;
  font-family: SFprodisplay-Light;
  padding-top: 35px;
}
.villa-img{
  display: none;
}
.villa-img img{
  width: 100%;
}
@media (max-width:992px){
  .villa-overlay{
       padding-bottom: 44px;
  }
  .villa-overlay .exp-btn{
      margin-top: 68px;
  }
}

@media (max-width:767px){
  .villa-overlay .title{
      font-size: 35px;
  }
  .villa-overlay .sub-title{
      font-size: 22px;
  }
  .villa-overlay .para{
      font-size: 16px;
      padding-top: 10px;
  }
  .villa-section{
      background-image: none;
      width: 100%;
  }
  .villa-overlay{
      background: transparent;
      color: #000;
      border: 0px;
      margin-left: 0px;
  }
  .villa-img{
      display: block;
      width: 100%;
      margin-bottom: 15px;
  }
  .villa-overlay  .exp-btn{
      margin-top: 20px;
  }
  .villa-overlay {
    max-width: 100%;
  }

}