body{font-family:Arial,sans-serif;margin:0;padding:0;line-height:1.6;}
header{background:#004080;color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.logo{height:50px;margin-right:15px;}
header h1{font-size:20px;margin:0;}
nav a{color:#fff;margin:0 10px;text-decoration:none;font-size:14px;}
.hero{position:relative;text-align:center;}

.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,0.5);padding:20px;border-radius:8px;}
.whatsapp-btn{display:inline-block;background:#25D366;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;}
.itinerary, .intro, .faq, .contact-form, .other-packages{padding:20px;}
.faq-item{margin-bottom:15px;}
.contact-form form{display:flex;flex-direction:column;gap:10px;max-width:400px;}
.contact-form input, .contact-form textarea{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%;}
.contact-form button{background:#004080;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;}
footer{background:#222;color:#fff;text-align:center;padding:15px;font-size:14px;}
footer a{color:#00aced;margin:0 5px;text-decoration:none;}
@media (max-width:768px){header{flex-direction:column;align-items:flex-start;} .overlay{width:90%;}}



img

.banner .overlay{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;}


.banner {
  width: 100%;
  height: 400px;       /* fixed height */
  overflow: hidden;
  position: relative;
}

.banner img,
img.banner {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* fills the box without distortion */
  display: block;
}





.container,
.containers {
  max-width: 1100px;
  margin: 20px auto;
  padding: 0 16px;
  box-sizing: border-box;
}



.banner {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.banner img,
img.banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}




/* Container sizing per request */
.container,
.containers,
.wrap,
.wrapper,
.content,
.main,
.page {
  max-width: 1100px;
  margin: 20px auto;
  padding: 0 16px;
  box-sizing: border-box;
}