:root {
    --navy: #073967;
    --blue: #07549a;
    --bright: #1689e9;
    --sky: #1688c8;
    --light-blue: #eaf4fc;
    --pale: #f7fafc;
    --text: #12375b;
    --muted: #586778;
    --border: #d8e8f7;
    --white: #fff;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    color: var(--text);
    background: #fff;
    /*overflow-x: hidden;*/
}

a { text-decoration: none; }
img { max-width: 100%; }
.container { max-width: 1150px; padding-left: 15px; padding-right: 15px; }

/* MT BULLER TOURS – HEADER CSS (top bar + navigation) */
.topbar{background:var(--navy);color:#fff;font-size:12px;padding:7px 0;width:100%}
.topbar a{color:#fff;font-weight:600;white-space:nowrap;transition:.3s;font-size: 14px;}
.topbar a:hover{color:#70d4ff}
.topbar a+a{margin-left:18px}
.top-social-icons{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid rgba(255,255,255,.3)}
.top-social-icons a{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;margin:0}
.top-social-icons a:hover{background:#fff;color:var(--navy)}
.topbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

/* header */
.topbar{background:var(--navy);color:#fff;font-size:12px;padding:8px 0}
.topbar a{color:#fff;font-weight:600;margin-left:18px}.topbar a:hover{color:#70d4ff}
.top-social-icons{display:flex;gap:10px}
.top-social-icons a{width:30px;height:30px;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.site-header{min-height:74px;background:#fff;display:flex;align-items:center;position:relative;z-index:100;box-shadow:0 2px 12px rgba(10,50,90,.06)}
.brand-logo{width:auto;height:55px;max-width:220px;object-fit:contain}
.navbar-nav{gap:29px}
.navbar-nav .nav-link{font-size:13px;font-weight:600;color:var(--navy);padding:27px 0!important;position:relative}
.navbar-nav .nav-link.active::after{content:"";position:absolute;bottom:19px;left:0;width:100%;height:2px;background:var(--bright)}

.site-header{width:100%;background:#fff;position:relative;z-index:1000;box-shadow:0 2px 12px rgba(10,50,90,.06)}
.site-header .navbar{padding:8px 0}
.brand-logo{width:auto;height:55px;max-width:220px;object-fit:contain;display:block}
.navbar-nav{gap:25px;align-items:center}
.navbar-nav .nav-link{font-size:16px;font-weight:600;color:var(--navy);padding:15px 0!important;position:relative;white-space:nowrap}
.navbar-nav .nav-link:hover{color:var(--bright)}
.navbar-nav .nav-link.active::after{content:"";position:absolute;bottom:7px;left:0;width:100%;height:2px;background:var(--bright)}
.navbar-toggler{border:1px solid var(--border);padding:7px 10px;box-shadow:none!important}

@media(max-width:1199px){
  .navbar-nav{gap:16px}
  .navbar-nav .nav-link{font-size:12px}
  .brand-logo{height:48px;max-width:180px}
}
@media(max-width:991px){
  .navbar-collapse{background:#fff;padding:6px 0 14px;border-top:1px solid var(--border);margin-top:8px}
  .navbar-nav{gap:0;align-items:stretch;padding:6px 0}
  .navbar-nav .nav-link{font-size:14px;padding:11px 8px!important}
  .navbar-nav .nav-link.active::after{display:none}
  .brand-logo{height:45px}
}
@media(max-width:575px){
  .topbar .container{justify-content:center!important}
  .topbar a{font-size:11px}
  .topbar a+a{margin-left:10px}
  .top-social-icons{border-left:0;padding-left:0;gap:12px}
  .brand-logo{height:40px;max-width:150px}
}
@media(max-width:360px){.brand-logo{height:36px;max-width:130px}.topbar a{font-size:10px}}