.header .container{ position: relative;}

.header .nav-link{ font-size: 12px; font-weight: 400; color: #000; letter-spacing: 2px; text-transform: uppercase;}
.header .nav-link.mPS2id-highlight, .header .nav-pills .nav-link.active{ color: #049132;}
.header .nav-pills .nav-link.active{ background: transparent;}

/* ============ BUTTONS: mobile-first base ============ */
.header-btns{
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  right: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  top: 65px;
  padding: 0 10px;
}

/* kill old margin-based spacing; gap handles it now */
.header-btns .head-btn1,
.header-btns .head-btn3{ margin-right: 0; }

.head-btn a{
  background: #0C3251;
  border-radius: 24px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;        /* fixed height keeps all 3 buttons the same size */
  padding: 0 16px;      /* padding is now left/right only, height controls vertical size */
}
.head-btn a:hover{ color: #fff; }
.head-btn a img{ display: block; flex-shrink: 0; }

.header-btns .head-btn1 a{ font-size: 10px; padding: 0 14px; }
.header-btns .head-btn2 a{ font-size: 11px; padding: 0 16px; }
.header-btns .head-btn3 a{ font-size: 11px; padding: 0 18px; }

/* WhatsApp icon: bigger than button height, but overflows visually via negative margin instead of stretching the button */
.header-btns .head-btn1 a img{
  width: 26px;
  height: 26px;
  margin: -6px 0;   /* lets the icon "poke out" top/bottom without growing the button */
}

/* icons: no more position:absolute, just size + reset spacing 
.header-btns .head-btn1 a:before{
  content: url(../images/whatsapp-icon-sm.svg);
  width: 15px; height: 15px; display: inline-flex;
}
.header-btns .head-btn2 a:before{
  content: url(../images/head-phone-icon.svg);
  width: 14px; height: 14px; display: inline-flex;
}
*/
.header-btns .head-btn1 a{ font-size: 10px; padding: 7px 14px; }
.header-btns .head-btn2 a{ font-size: 11px; padding: 7px 16px; }
.header-btns .head-btn3 a{ font-size: 11px; padding: 7px 18px; }

/* extra-small phones: shrink further, still one line, no wrap-around */
@media (max-width: 400px) {
  .header-btns{ gap: 6px; top: 60px; padding: 0 6px; }
  .header-btns .head-btn1 a{ font-size: 9px; padding: 6px 10px; gap: 4px; }
  .header-btns .head-btn2 a{ font-size: 9px; padding: 6px 12px; gap: 4px; }
  .header-btns .head-btn3 a{ font-size: 9px; padding: 6px 12px; }
  .header-btns .head-btn1 a:before{ width: 12px; height: 12px; }
  .header-btns .head-btn2 a:before{ width: 12px; height: 12px; }
}

/* ============ ≥768px ============ */
@media (min-width: 768px) {
  .header{padding: 5px 0px 5px;}
  .header-btns{ right: 90px; top: 20px; left: unset; justify-content: unset; gap: 10px; }
  .header-btns .head-btn1 a{ font-size: 12px; padding: 10px 20px; }
  .header-btns .head-btn2 a{ padding: 10px 20px; }
  .header-btns .head-btn3 a{ padding: 10px 20px; }
    .head-btn a{ height: 38px; }
  .header-btns .head-btn1 a img{ width: 28px; height: 28px; margin: -7px 0; }
}

/* ============ ≥992px ============ */
@media (min-width: 992px) {
  .header-btns{ right: 15px; top: 15px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-btns{ top: 10px; }
  .header .navbar-collapse{ position: relative; top: 25px; }
  .header .navbar-collapse ul.me-auto{ margin-left: auto; margin-right: unset !important; }
  .header .navbar-collapse ul li:nth-last-of-type(1) a{ padding-right: 10px; }
}

/* ============ ≥1200px ============ */
@media (min-width: 1200px) {
  .header{padding: 10px 0 10px;}
  .header .nav-pills{ margin-left: 16px; }
  .header .nav-link{ padding: 0 8px; font-size: 11px; }
  .header .nav-pills .nav-link.active.mPS2id-highlight,
  .header .nav-pills .nav-link.active{ color: #049132; }

  .header-btns .head-btn1 a{ padding: 12px 22px; }
  .header-btns .head-btn2 a{ padding: 12px 22px; }
  .header-btns .head-btn3 a{ padding: 12px 22px; }
  
}

/* ============ ≥1366px ============ */
@media (min-width: 1366px) {
  .header .nav-link{ padding: 0px 13px; font-size: 12px; }
  .header-btns .head-btn1 a{ padding: 15px 25px; }
  .header-btns .head-btn2 a{ padding: 12px 22px; }
  .header-btns .head-btn3 a{ padding: 12px 22px; }
}

@media (min-width: 1440px) {
  .head-btn a{ letter-spacing: 2px; }
}

.home--banner{ background: url(../images/homebanner.jpg) no-repeat center bottom; background-size: cover; 
  height: 300px;}

@media (min-width: 768px) {
    .home--banner{ height: 600px;}
}

@media (min-width: 1200px) {
  .home--banner{ height: 800px;}
}

.welcome-sec{ background: #F6F4EF;}
.welcome-txt{ background: #fff; padding: 30px 20px; text-align: center; display: inline-block;
  margin-top: -50px;}
.welcome-txt h1{ text-transform: uppercase;}

@media (min-width: 1200px) {
  .welcome-txt{padding: 50px 80px; margin-top: -100px;}
  .welcome-txt p{ font-size: 18px; line-height: 24px;}
}

.resort-stays{background: #F6F4EF;}

.book-events .book-box{ margin-bottom: 30px;}
.book-events .book-box h4{ font-family: var(--font-head); text-align: center; text-transform: uppercase;}
.book-events .book-box a{ color: #000; text-decoration: none;}
@media (max-width: 576px) {
  .book-events .book-box h4{ font-size: 16px; line-height: 22px;}
}

.insta-id{ text-align: center; margin-top: 30px; }
.insta-id a{position: relative; color: #000; font-size: 24px; font-family: var(--font-head); padding-left: 45px; 
  text-transform: uppercase; line-height: 34px; text-decoration: underline;}
.insta-id a:before{ content:url(../images/insta-icon.svg); position: absolute; left: 0; top: -3px;}

@media (min-width: 768px) {
.adv-list{ display: grid; grid-template-columns: auto auto;}
}


.pckg-list ul{ padding: 0px 0px 0px 0px; margin-bottom: 0;}
.pckg-list ul li{ list-style-type: none;}

@media (min-width: 768px) {
  .pckg-list{ display: flex;} 
  .pckg-list ul:nth-last-of-type(1){ margin-left: 20%;}
}

.policy-sec{ background: #eeeeee;}
.policy-sec .policy-sec-inner{ background: #fff; padding: 30px;}
.policy-sec h3{ font-size: 24px;  font-family: var(--font-main); font-weight: 600;}
.policy-sec h4{ font-size: 18px;  font-family: var(--font-main); font-weight: 600;}
.policy-sec .policy-sec-inner p{ font-size: 14px;}
.policy-sec .policy-sec-inner p br{ margin-bottom: 10px;}


/*
.home--banner{
    position: relative;
    min-height: 650px;
}


#book-now-widget{
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
    width: 360px;
    z-index: 10;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,.2);
}

@media (max-width: 768px){
    #book-now-widget{
        position: static;
        transform: none;
        width: 100%;
        margin: 20px auto;
    }
}
*/

/*Booking Engine CSS Code */
.modalModifyCancel__inner{
overflow: hidden !important;
}
.BEx4IDaY4cXE{
height: 38px !important;
}   	
#BEx4IDaY3bWD .BEx4ZXaY3bWR{
margin-top: 10px;
}
#BEx4IDaY3bWR .BEx4ZXaY3bOP > div{
margin-top: -24px !important;
}
#BEx4IDaY3bWD .BEx4ZXaY3bDPI{
top: 31px !important;
right: 31px !important;
}
.BEh8JJiwI1dPaBPrice{
margin-top: 3px !important;
width: 103px !important;
padding: 0px 0px 19px 3px !important;
text-transform: capitalize;
}
.BEh4IDsZ4eZE{
  color: #005C93 !important;
}
.BEh4IDsZ4dZE{
  color: #333 !important;
}
.divWidth{
  color: #333 !important;
}
#BEx4IDaY3bWD select.BEx4ZXaY3bPC, #BEx4IDaY3bWD select.BEx4ZXaY3bPP{
background: #fff !important;
color: #000 !important;
}
#BEx4IDaY3bWD input.BEx4ZXaY3bQBT{
background: #6f3932 !important;
margin-bottom: 0px !important;
margin-top: 14px !important;
}
#BEx4IDaY3bWD .BEx4ZXaY3bWR a{
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
#BEx4IDaY3bWD .BEx4IDaY3bQBT:hover .BEx4ZXaY3bQBT, .BEx4ZXaY3bQBT:focus{
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
background: #ffffff !important;
color: #ed8323 !important;
} 
#BEx4IDaY3bWD .BEx4ZXaY3bWR{
    width: 240px;
    z-index: 999 !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
}
.BEh4IDsZ4fZE{
        color: #6f3932 !important;
}
.BEh8JJiwI1dPaBPrice{
    background-color: #6f3932 !important;
}
.widget .BEh4IDsZ4fZE, .widget .BEh4IDsZ4eZE, .widget .BEh4IDsZ4dZE, .widget .BEh4IDsZdPr0ZE span {
    color: #6f3932 !important;
}
.BEh4IDsZ4dZENP{
    color: #6f3932 !important;
}
.widget #BEx4IDaY3bWD .BEx4ZXaY3bWR {
    border-color: #6f3932 !important;
    /*box-shadow: none;*/
}
.BExyz5i8narrowSingle-up{
	border-bottom: 5px solid #6f3932 !important;
}

/*Booking Engine CSS Code End*/



/*Media Query*/

@media only screen and (min-device-width: 200px) and (max-device-width: 812px) 
     { 
         #BEx4IDaY3bWD .BEx4ZXaY3bWR {
			    right: 32px !important;
		              top: 50px !important;
	}
}

/*Media Query*/