:root{--navy:#003080;--orange:#F85800;--blue:#0088F0;--alt:#F3F7FC;--text:#374151;--bs-body-font-family:'DM Sans',sans-serif}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.7;color:var(--text);background:#fff}
button,input,select,textarea,.btn,.nav-link,.dropdown-item{font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,h5,.navbar-brand,.price,.btn{font-family:'Plus Jakarta Sans',sans-serif}
h1,h2,h3,h4,h5{color:var(--navy);font-weight:700;letter-spacing:-.02em;line-height:1.25}
h2{font-size:clamp(1.55rem,2.6vw,2.2rem)}h4{font-size:1.35rem}h5{font-size:1.1rem}
a{color:var(--blue)}
.container{max-width:1180px}
.topbar{background:var(--navy);color:#fff;font-size:.85rem;padding:6px 0}
.topbar a{color:#fff;text-decoration:none}.topbar i{color:#7cc4ff}
.navbar{background:#fff;box-shadow:0 2px 14px rgba(0,48,128,.08);padding:.6rem 0}
.navbar-brand{color:var(--navy)!important;font-weight:800;font-size:1.2rem;display:flex;align-items:center;gap:10px;line-height:1.1}
.navbar-brand small{display:block;font-size:.66rem;font-weight:500;color:var(--blue);letter-spacing:.04em;margin-top:2px}
.nav-link{color:var(--text)!important;font-weight:500;font-size:.95rem}.nav-link:hover,.nav-link.active{color:var(--blue)!important}
.dropdown-menu{border:0;box-shadow:0 10px 30px rgba(0,48,128,.15);border-radius:12px;padding:.5rem}
.dropdown-item{border-radius:8px;padding:.45rem 1rem}
.btn{font-weight:600}
.btn-cta{background:var(--orange);color:#fff;border:0;border-radius:50px;padding:.6rem 1.5rem}
.btn-cta:hover{background:#d94b00;color:#fff}
.btn-navy{background:var(--navy);color:#fff;border-radius:50px;padding:.6rem 1.5rem}
.btn-navy:hover{background:#00246a;color:#fff}
.btn-wa{background:#25D366;color:#fff;border-radius:50px;font-size:.8rem;padding:.55rem .6rem}.btn-wa:hover{background:#1ebe5a;color:#fff}
.hero .carousel-item{height:calc(100vh - 150px);min-height:480px;max-height:680px;background-size:cover;background-position:center}
.hero .carousel-item::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,32,90,.85),rgba(0,32,90,.2))}
.hero .caption{position:absolute;inset:0;display:flex;align-items:center}
.hero h1{color:#fff;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.hero p{color:#e6efff;max-width:520px;font-size:1.05rem}
.badge-pill{display:inline-block;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:.35rem 1rem;font-size:.85rem}
.searchbar{margin-top:-48px;position:relative;z-index:5}
.searchbar .box{background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(0,48,128,.18);padding:1.1rem}
.searchbar .form-select,.searchbar .form-control,.searchbar .btn{height:46px}
.section{padding:72px 0}.alt{background:var(--alt)}
.sec-title{text-align:center;margin-bottom:2.4rem}.sec-title p{max-width:620px;margin:.5rem auto 0}
.duo{width:100%;height:340px;object-fit:cover;border-radius:1.2rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}
.dest{position:relative;border-radius:18px;overflow:hidden;height:270px;display:block;background:var(--navy) center/cover;transition:.3s}
.dest::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,32,90,.9))}
.dest div{position:absolute;bottom:16px;left:18px;right:18px;z-index:2;color:#fff}
.dest h5{color:#fff;margin:0}.dest small{color:#cfe3ff}.dest:hover{transform:translateY(-5px)}
.feat{background:#fff;border-radius:16px;padding:1.6rem;height:100%;border:1px solid #e3ebf6}
.feat i{font-size:1.8rem;color:var(--blue)}
.pkg{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px rgba(0,48,128,.08);height:100%}
.pkg img{height:190px;width:100%;object-fit:cover}
.pkg .btn-sm{font-size:.8rem;padding:.55rem .4rem;white-space:nowrap}
.price{color:var(--orange);font-weight:700;font-size:1.25rem}
.stats{background:var(--navy);color:#fff}.stats h2{color:#fff}
.step{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;align-items:center;justify-content:center;font-weight:700}
.accordion-button:not(.collapsed){color:var(--navy);background:var(--alt)}
.page-head{background:linear-gradient(100deg,#003080,#0058c8);color:#fff;padding:64px 0}.page-head h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem)}
.dest-head{background-size:cover;background-position:center;padding:90px 0}
.cta-band{background:linear-gradient(100deg,#003080,#0058c8);border-radius:24px;padding:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;color:#e3eeff}.cta-band h2{color:#fff}
footer{background:var(--navy);color:#cfdcf3;padding:55px 0 20px}
footer h6{color:#fff}footer a{color:#cfdcf3;text-decoration:none;display:block;margin-bottom:6px}footer a:hover{color:#fff}
.social{display:flex;gap:10px;justify-content:inherit}.social a{display:inline-flex;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);align-items:center;justify-content:center;margin:0}.social a:hover{background:var(--orange)}
.fixed-bar{position:fixed;z-index:1040;display:flex}
.fixed-bar a,.fixed-bar button{border:0;color:#fff;font-weight:600;text-align:center;text-decoration:none}
.fb-call{background:var(--navy)}.fb-wa{background:#25D366}.fb-q{background:var(--orange)}
/* desktop: floating buttons bottom-right */
@media(min-width:992px){
.fixed-bar{right:20px;bottom:20px;flex-direction:column;gap:8px}
.fixed-bar a,.fixed-bar button{padding:.6rem 1.1rem;border-radius:50px;box-shadow:0 6px 18px rgba(0,0,0,.2);font-size:.9rem;min-width:130px}
}
/* tablet + mobile */
@media(max-width:991px){
body{padding-bottom:56px}
.fixed-bar{bottom:0;left:0;right:0;box-shadow:0 -4px 16px rgba(0,0,0,.15)}
.fixed-bar a,.fixed-bar button{flex:1;padding:.8rem .3rem}
.hero .carousel-control-prev,.hero .carousel-control-next{display:none}
.nav-enq{text-align:center;margin:.6rem 0}
}
@media(max-width:767px){
.section{padding:48px 0}
.hero .carousel-item{height:62vh;min-height:430px}
.hero .caption .container{text-align:center}
.hero p{margin-left:auto;margin-right:auto;font-size:.98rem}
.searchbar{margin-top:-34px}
.searchbar .box{padding:.7rem;border-radius:16px}
.searchbar .row{--bs-gutter-y:.5rem}
.searchbar .form-select,.searchbar .form-control,.searchbar .btn{height:42px;font-size:.95rem}
.col-lg-6>.btn,.col-lg-5>.btn,.col-lg-6>button.btn{display:table;margin-left:auto;margin-right:auto}
.col-lg-6>h2,.col-lg-5>h2{text-align:center}
.duo{height:200px}
.dest{height:200px}
.sec-title{margin-bottom:1.6rem}
.cta-band{padding:1.8rem 1.2rem;justify-content:center;text-align:center}
.cta-band .d-flex{justify-content:center}
.ct-info{text-align:center}.ct-btns{justify-content:center}
.feat{padding:1.3rem}
.page-head,.dest-head{padding:48px 0;text-align:center}
footer{text-align:center}footer .social{justify-content:center}
.dest-head{background-position:center}
/* enquiry panel */
.offcanvas{--bs-offcanvas-width:92vw}
.offcanvas-header{padding:.8rem 1rem}
.offcanvas-body{padding:.9rem 1rem}
.offcanvas-body p{margin-bottom:.6rem}
#qf{gap:.55rem!important}
#qf .form-control,#qf .form-select{height:42px;font-size:.95rem}
#qf textarea.form-control{height:auto}
#qf .btn-cta{display:block;width:80%;margin:.3rem auto 0}
}