@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;1,100;1,300&display=swap");
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,500,700&subset=latin-ext");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');




* {
  font-family: "Quintessential", serif; 
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: none;
  text-decoration: none;

  -webkit-transition: .2s linear;
  transition: .2s linear;
}
body{background:#f5f7fa}

/* HERO */
.hero{
  position:relative;
  height:420px;
  background:url("../images/hero-bg.jpg") center/cover no-repeat;
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(10, 63, 138, 0.304),rgba(8, 24, 104, 0.359));
}
.hero-content{
  position:relative;
  text-align:center;
  bottom: -180px;
}
.hero h1{font-size:42px; color:#fff; }

/* SEARCH */
.search-box{
  display:flex;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  width:900px;
  max-width:95%;
}
.search-box input{
  flex:1;
  padding:18px;
  border:none;
}
.search-box button{
  background:#1e2f4f;
  color:#fff;
  border:none;
  padding:0 40px;
}

/* PACKAGES */
.container{padding:50px 8%}
.packages{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px;
}
.card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
}
.card img{
  width:100%;
  height:200px;
  object-fit:cover;
}
.card-body{padding:18px}
.price{font-weight:600}
.enquire{
  display:inline-block;
  margin-top:10px;
  padding:10px 18px;
  background:#ffcc00;
  text-decoration:none;
  border-radius:25px;
  color:#000;
}

/* DETAILS PAGE */
.detail-hero{
  background:#ffcc4d;
  padding:60px;
  text-align:center;
}
.detail-container{
  padding:40px 8%;
}
.whatsapp-btn{
  display:inline-block;
  margin-top:30px;
  padding:12px 25px;
  background:#25d366;
  color:#fff;
  text-decoration:none;
  border-radius:30px;
}