:root {
  --nt-ink: #132433;
  --nt-text: #3f5161;
  --nt-muted: #6a7b89;
  --nt-line: #d9e6ee;
  --nt-soft-line: #edf4f7;
  --nt-sky: #0b9dcc;
  --nt-sky-dark: #08779d;
  --nt-leaf: #2d8a61;
  --nt-sun: #f2a51a;
  --nt-rust: #c56b2f;
  --nt-panel: #ffffff;
  --nt-soft: #f4f8fb;
  --nt-cream: #fff8ec;
  --nt-shadow: 0 12px 34px rgba(20, 44, 61, .10);
  --nt-shadow-soft: 0 8px 22px rgba(20, 44, 61, .08);
}

* {
  letter-spacing: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--nt-text);
  background: #f7fafc;
  font-family: var(--body-font, "Inter", "Segoe UI", Arial, sans-serif);
  font-size: var(--base-font-size, 16px);
  line-height: 1.65;
}

a {
  color: var(--nt-sky-dark);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

a:hover,
a:focus {
  color: var(--nt-leaf);
}

img {
  max-width: 100%;
}

::selection {
  background: rgba(11, 157, 204, .18);
  color: var(--nt-ink);
}

.container {
  max-width: 1200px;
}

.top-header--utility {
  background: #14324d !important;
}

.top-header--main {
  border-bottom: 1px solid var(--nt-soft-line) !important;
  box-shadow: 0 8px 22px rgba(27, 54, 74, .05);
}

.top-header--main .header-brand .navbar-brand img,
.small-logo img,
.navbar-brand img {
  object-fit: contain;
}

.navigation .navbar.bg-light,
#tripStickyNav {
  background: #0ca3ce !important;
}

.navigation .navbar-light .navbar-nav .nav-link,
#tripStickyNav .nav-link {
  color: #102437 !important;
  font-weight: 800;
  letter-spacing: 0;
}

.navigation .navbar-light .navbar-nav .nav-link:hover,
#tripStickyNav .nav-link:hover,
#tripStickyNav .nav-link.active {
  background: #08779d !important;
  color: #fff !important;
}

.navigation .navbar-nav > .has-mega-menu:hover > .nav-link,
.navigation .navbar-nav > .has-mega-menu:focus-within > .nav-link,
.navigation .navbar-nav > .has-dropdown:hover > .nav-link,
.navigation .navbar-nav > .has-dropdown:focus-within > .nav-link {
  background: #08779d !important;
  color: #fff !important;
  border-radius: 4px 4px 0 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu,
.mega-menu {
  border: 1px solid var(--nt-line) !important;
  border-top: 3px solid var(--nt-sky) !important;
  box-shadow: var(--nt-shadow) !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a,
.mega-menu a {
  color: var(--nt-ink) !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover,
.mega-menu a:hover {
  background: #eef8fb !important;
  color: var(--nt-sky-dark) !important;
}

#nv-left-srch-box {
  background: rgba(13, 35, 51, .96) !important;
}

.header-search-results {
  border-radius: 8px;
  box-shadow: var(--nt-shadow);
}

.breadcrumb-div {
  background: linear-gradient(180deg, #eff7fb 0%, #f8fbfd 100%);
  border-bottom: 1px solid var(--nt-soft-line);
  padding: 14px 0;
}

.breadcrumb {
  margin: 0;
  color: var(--nt-muted) !important;
  font-size: 14px;
}

.breadcrumb a {
  color: var(--nt-sky-dark) !important;
  text-decoration: none;
}

.main-block,
.welcome,
.act-icons,
.packages,
.all-regions,
.all-destinations,
.all-activities {
  padding-top: 42px;
  padding-bottom: 42px;
}

.section-title,
.title h2,
.content h1,
.content h2,
.overview h1,
.overview h2,
.blog-detail h1,
.blog-detail h2 {
  color: var(--nt-ink);
  font-family: var(--heading-font, "Outfit", sans-serif);
  font-weight: 800;
  line-height: 1.22;
}

.section-title,
.title h2 {
  position: relative;
  margin-bottom: 24px !important;
  padding-bottom: 12px;
}

.section-title::after,
.title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 74px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--nt-sky), var(--nt-sun));
}

.title.text-center h2::after,
.text-center .section-title::after {
  left: 50%;
  transform: translateX(-50%);
}

.content,
.overview,
.blog-detail,
.page-content,
.trip-content,
.single-content,
.testimonial-description {
  color: var(--nt-text);
}

.content p,
.overview p,
.blog-detail p,
.page-content p,
.trip-content p,
.testimonial-description p {
  margin-bottom: 1rem;
}

.content h3,
.overview h3,
.blog-detail h3,
.page-content h3 {
  color: #173448;
  font-size: 1.35rem;
  font-weight: 750;
  margin-top: 1.6rem;
}

.content ul,
.overview ul,
.blog-detail ul,
.page-content ul,
.trip-content ul {
  padding-left: 1.2rem;
}

.content li,
.overview li,
.blog-detail li,
.page-content li,
.trip-content li {
  margin-bottom: .45rem;
}

.content img,
.overview img,
.blog-detail img,
.page-content img,
.trip-content img,
.testimonial-description img {
  height: auto;
  border-radius: 8px;
}

.btn,
button,
input,
select,
textarea,
.form-control,
.form-select {
  border-radius: 6px !important;
}

.btn,
.welcome-link-btn,
.customize-trip a,
.trip-page-nav-cta,
.slider-cta-btn {
  font-weight: 800 !important;
}

.btn-primary,
.welcome-link-btn,
.customize-trip a,
.trip-page-nav-cta,
.slider-cta-btn,
.btn-outline-primary:hover {
  background: var(--nt-sky-dark) !important;
  border-color: var(--nt-sky-dark) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(8, 111, 148, .16);
}

.btn-primary:hover,
.welcome-link-btn:hover,
.customize-trip a:hover,
.trip-page-nav-cta:hover,
.slider-cta-btn:hover {
  background: var(--nt-leaf) !important;
  border-color: var(--nt-leaf) !important;
  color: #fff !important;
}

.btn-outline-primary {
  border-color: var(--nt-sky-dark) !important;
  color: var(--nt-sky-dark) !important;
}

.form-control,
.form-select {
  border-color: #cfdde5;
  min-height: 42px;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--nt-sky);
  box-shadow: 0 0 0 3px rgba(11, 157, 204, .16);
}

.card,
.package-card,
.trip-card,
.region-card,
.post-card,
.icon-col,
.border.shadow,
.blog-card,
.destination-card,
.activity-card {
  border: 1px solid var(--nt-line) !important;
  border-radius: 8px !important;
  background: var(--nt-panel) !important;
  box-shadow: var(--nt-shadow-soft) !important;
  overflow: hidden;
}

.card:hover,
.package-card:hover,
.trip-card:hover,
.region-card:hover,
.post-card:hover,
.icon-col:hover,
.blog-card:hover,
.destination-card:hover,
.activity-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--nt-shadow) !important;
}

.card,
.package-card,
.trip-card,
.region-card,
.post-card,
.icon-col,
.blog-card,
.destination-card,
.activity-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.package-card img,
.trip-card img,
.region-card img,
.post-card img,
.card img {
  border-radius: 8px 8px 0 0;
}

.desti,
.trip-meta,
.post-meta,
.small,
.text-muted {
  color: var(--nt-muted) !important;
}

.my-ban,
.banner-relative {
  background: #102437;
}

.my-ban img {
  width: 100%;
  object-fit: cover;
}

.ban-overlay {
  background: linear-gradient(90deg, rgba(11, 32, 48, .76) 0%, rgba(11, 32, 48, .38) 58%, rgba(11, 32, 48, .12) 100%) !important;
}

.ban-overlay h1 {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .28);
}

.ban-overlay .small-tg h2 {
  color: #ffe2a2 !important;
  font-weight: 700;
}

.welcome {
  background: #fff;
}

.welcome .content {
  max-width: 940px;
  margin: 0 auto;
}

.act-icons {
  background: var(--nt-soft);
}

.act-icons .icon-col {
  padding: 18px 12px;
  min-height: 150px;
}

.act-icons .icon-col img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 10px;
}

.act-icons .icon-col a {
  color: var(--nt-ink);
  font-weight: 750;
  text-decoration: none;
}

.trip-gallery-count,
.trip-facts,
.trip-meta,
.accordion-item {
  border-color: var(--nt-line) !important;
}

.accordion-button {
  font-weight: 750;
  color: var(--nt-ink);
}

.accordion-button:not(.collapsed) {
  background: #eaf6fa;
  color: var(--nt-sky-dark);
}

.trip-page-nav-cta--book {
  background: var(--nt-leaf) !important;
}

.trip-page-nav-cta--inquiry {
  background: #14324d !important;
}

.trip-package-sidebar,
.trip-sidebar,
.sidebar,
aside {
  border-radius: 8px;
}

.testimonial-description .review-body-text p {
  color: var(--nt-text) !important;
}

.border.shadow.p-3.mb-5 {
  padding: 24px !important;
}

.img-circle {
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 6px 18px rgba(20, 44, 61, .18);
}

.footer,
footer {
  background: #102437 !important;
  color: #dbe7ee;
}

.footer a,
footer a {
  color: #e9f6fb;
}

.footer a:hover,
footer a:hover {
  color: #ffe2a2;
}

.for-phone-contact ul {
  padding-left: 8px;
  margin-bottom: 8px;
}

.for-phone-contact ul li a i {
  background: var(--nt-sky-dark) !important;
  box-shadow: 0 6px 18px rgba(8, 119, 157, .22);
}

#nav-side {
  background: rgba(6, 16, 26, .45);
}

#n-side {
  background: #fff;
}

#nav-side ul li a,
#nav-side .accordion-button {
  color: var(--nt-ink) !important;
  background: #fff !important;
}

#nav-side ul li a:hover,
#nav-side .accordion-button:hover {
  background: #edf8fc !important;
  color: var(--nt-sky-dark) !important;
}

@media (max-width: 991.98px) {
  .main-block,
  .welcome,
  .act-icons,
  .packages,
  .all-regions,
  .all-destinations,
  .all-activities {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .border.shadow.p-3.mb-5 {
    padding: 18px !important;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 15px;
  }

  .content h1,
  .overview h1,
  .blog-detail h1,
  .section-title {
    font-size: 28px !important;
  }

  .content h2,
  .overview h2,
  .blog-detail h2,
  .title h2 {
    font-size: 22px !important;
  }

  .breadcrumb-div {
    padding: 10px 0;
  }

  .act-icons .row {
    row-gap: 12px;
  }
}

/* Modern editorial travel layout layer */
:root {
  --nt-graphite: #17212b;
  --nt-mist: #eef5f7;
  --nt-ice: #f8fbfc;
  --nt-copper: #b96537;
  --nt-teal: #087d91;
}

body {
  background:
    linear-gradient(90deg, rgba(8, 125, 145, .045) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #fbfdfe 0%, #f2f7f8 45%, #fbfdfe 100%);
  background-size: 72px 72px, auto;
}

.container {
  max-width: 1240px;
}

.top-header--utility {
  background: #0f1c28 !important;
}

.top-header--main {
  box-shadow: none !important;
  border-bottom: 1px solid rgba(23, 33, 43, .1) !important;
}

.navigation .navbar.bg-light,
.main-nav-bar,
#tripStickyNav {
  background: #f4c84a !important;
}

.navigation .navbar-light .navbar-nav .nav-link,
#tripStickyNav .nav-link {
  color: #17212b !important;
  font-size: 12px;
  letter-spacing: .04em;
}

.navigation .navbar-light .navbar-nav .nav-link:hover,
.navigation .navbar-nav > .has-mega-menu:hover > .nav-link,
.navigation .navbar-nav > .has-dropdown:hover > .nav-link,
#tripStickyNav .nav-link:hover,
#tripStickyNav .nav-link.active {
  background: #17212b !important;
  color: #fff !important;
}

.my-slider-ban {
  background: #0f1c28;
}

.my-slider-ban .my-ban {
  position: relative;
  min-height: clamp(520px, 72vh, 760px);
  overflow: hidden;
}

.my-slider-ban .my-ban img {
  width: 100%;
  min-height: clamp(520px, 72vh, 760px);
  object-fit: cover;
  filter: saturate(1.04) contrast(1.03);
}

.my-slider-ban .my-ban::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(15, 28, 40, .9) 0%, rgba(15, 28, 40, .62) 44%, rgba(15, 28, 40, .08) 100%),
    linear-gradient(0deg, rgba(15, 28, 40, .38), transparent 44%);
  pointer-events: none;
  z-index: 1;
}

.my-slider-ban .my-ban .ban-overlay {
  left: max(24px, calc((100vw - 1240px) / 2));
  right: auto;
  top: 50%;
  width: min(650px, calc(100vw - 48px));
  transform: translateY(-50%);
  text-align: left;
  z-index: 2;
}

.my-slider-ban .my-ban .ban-overlay .small-tg h2 {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 12px;
  background: #f4c84a;
  color: #17212b !important;
  font-size: 12px !important;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.my-slider-ban .my-ban .ban-overlay h1 {
  color: #fff !important;
  font-size: clamp(42px, 6vw, 82px) !important;
  font-weight: 900 !important;
  line-height: .98 !important;
  max-width: 760px;
  text-transform: none;
}

.my-slider-ban .my-ban .ban-overlay p,
.my-slider-ban .my-ban .ban-overlay .ban-link {
  max-width: 560px;
}

.slider-cta-btn,
.welcome-link-btn,
.package-hover__btn,
.trip-conversion-hero__btn,
.trip-page-nav-cta,
.sbm,
.btn {
  border: 1px solid #17212b !important;
  box-shadow: 6px 6px 0 rgba(23, 33, 43, .14) !important;
  font-weight: 850 !important;
  letter-spacing: .02em;
  text-transform: none;
}

.slider-cta-btn:hover,
.welcome-link-btn:hover,
.package-hover__btn:hover,
.trip-conversion-hero__btn:hover,
.trip-page-nav-cta:hover,
.sbm:hover,
.btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 9px 9px 0 rgba(23, 33, 43, .18) !important;
}

.welcome,
.packages,
.blog-section,
.all-regions,
.all-destinations,
.all-activities,
.main-block {
  padding-top: clamp(58px, 8vw, 96px);
  padding-bottom: clamp(58px, 8vw, 96px);
}

.welcome {
  background: linear-gradient(135deg, #fbfdfe 0%, #eef6f7 100%);
  border-bottom: 1px solid rgba(23, 33, 43, .08);
}

.welcome .content {
  max-width: 860px;
}

.welcome .content > h2,
.title h2,
.section-title,
.trip-section-title {
  color: #17212b !important;
  font-size: clamp(28px, 3.4vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

.section-title::after,
.title h2::after {
  width: 96px;
  height: 5px;
  background: #f4c84a;
}

.packages:nth-of-type(even),
.blog-section {
  background: #17212b;
}

.packages:nth-of-type(even) .title h2,
.packages:nth-of-type(even) .title p,
.blog-section h2,
.blog-section p {
  color: #fff !important;
}

.package,
.blog.my-blog .content,
.team-cont,
.testimonial-description,
.trip-main-content > .content,
.trip-cost-section,
.package-panel,
.trip-booking-sidebar .trip-package-sidebar,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  background: #fff !important;
  border: 1px solid rgba(23, 33, 43, .14) !important;
  box-shadow: 10px 10px 0 rgba(23, 33, 43, .08) !important;
}

.package,
.blog.my-blog .content {
  height: 100%;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.package:hover,
.blog.my-blog .content:hover {
  transform: translateY(-5px);
  box-shadow: 14px 14px 0 rgba(23, 33, 43, .12) !important;
}

.package img,
.blog.my-blog .content img,
.all-regions img,
.all-destinations img,
.all-activities img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.package-title a,
.blog.my-blog .content .tit,
.team-cont h4 a {
  color: #17212b !important;
  font-weight: 900;
}

.package-meta__item,
.package-cost,
.trip-conversion-hero__chip,
.icon-all-top .all-icon-detail {
  border: 1px solid rgba(23, 33, 43, .12) !important;
  background: #f8fbfc !important;
}

.trip-conversion-hero {
  background:
    linear-gradient(135deg, #17212b 0%, #203748 58%, #087d91 100%) !important;
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 12px 12px 0 rgba(23, 33, 43, .12);
  color: #fff;
}

.trip-conversion-hero h1,
.trip-conversion-hero__eyebrow,
.trip-conversion-hero__note,
.trip-conversion-hero__chips,
.trip-conversion-hero a {
  color: #fff !important;
}

.trip-details-layout {
  align-items: flex-start;
}

.trip-main-content {
  display: grid;
  gap: 24px;
}

.trip-itinerary-accordion .accordion-item,
.package-tabs .nav-link,
.package-panel,
#faqs .accordion-item {
  border: 1px solid rgba(23, 33, 43, .14) !important;
  box-shadow: none !important;
}

.site-footer {
  background: #0f1c28 !important;
  border-top: 8px solid #f4c84a;
}

.site-footer__heading {
  color: #fff !important;
  font-weight: 900 !important;
}

.site-footer__links a,
.site-footer__contact a {
  color: #dce8ed !important;
}

.site-footer__links a:hover,
.site-footer__contact a:hover {
  color: #f4c84a !important;
}

@media (max-width: 991.98px) {
  .my-slider-ban .my-ban,
  .my-slider-ban .my-ban img {
    min-height: 560px;
  }

  .my-slider-ban .my-ban .ban-overlay {
    left: 20px;
    width: calc(100vw - 40px);
  }

  .navigation .navbar-light .navbar-nav .nav-link {
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .my-slider-ban .my-ban,
  .my-slider-ban .my-ban img {
    min-height: 500px;
  }

  .my-slider-ban .my-ban .ban-overlay h1 {
    font-size: 40px !important;
  }

  .slider-cta-btn,
  .welcome-link-btn,
  .package-hover__btn,
  .trip-conversion-hero__btn,
  .btn {
    box-shadow: 4px 4px 0 rgba(23, 33, 43, .14) !important;
  }
}

/* Wide clean layout with subtle SVG pattern backgrounds */
:root {
  --nt-page-max: 1360px;
  --nt-wide-max: 1480px;
  --nt-pattern-lines: url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23087d91' stroke-opacity='.13' stroke-width='1'%3E%3Cpath d='M0 118c26-30 54-30 80 0s54 30 80 0'/%3E%3Cpath d='M0 82c26-30 54-30 80 0s54 30 80 0'/%3E%3Cpath d='M0 46c26-30 54-30 80 0s54 30 80 0'/%3E%3C/g%3E%3C/svg%3E");
  --nt-pattern-dots: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2317212b' fill-opacity='.075'%3E%3Ccircle cx='12' cy='12' r='1.6'/%3E%3Ccircle cx='60' cy='28' r='1.6'/%3E%3Ccircle cx='34' cy='70' r='1.6'/%3E%3Ccircle cx='84' cy='84' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --nt-pattern-grid: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2317212b' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M0 0h120v120H0z'/%3E%3Cpath d='M40 0v120M80 0v120M0 40h120M0 80h120'/%3E%3C/g%3E%3C/svg%3E");
  --nt-pattern-world: url("data:image/svg+xml,%3Csvg width='640' height='360' viewBox='0 0 640 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2317212b' fill-opacity='.12'%3E%3Ccircle cx='88' cy='120' r='2.2'/%3E%3Ccircle cx='104' cy='111' r='2.2'/%3E%3Ccircle cx='121' cy='105' r='2.2'/%3E%3Ccircle cx='137' cy='116' r='2.2'/%3E%3Ccircle cx='154' cy='126' r='2.2'/%3E%3Ccircle cx='118' cy='136' r='2.2'/%3E%3Ccircle cx='139' cy='145' r='2.2'/%3E%3Ccircle cx='166' cy='155' r='2.2'/%3E%3Ccircle cx='185' cy='170' r='2.2'/%3E%3Ccircle cx='199' cy='190' r='2.2'/%3E%3Ccircle cx='214' cy='211' r='2.2'/%3E%3Ccircle cx='224' cy='235' r='2.2'/%3E%3Ccircle cx='238' cy='258' r='2.2'/%3E%3Ccircle cx='246' cy='282' r='2.2'/%3E%3Ccircle cx='296' cy='94' r='2.2'/%3E%3Ccircle cx='316' cy='88' r='2.2'/%3E%3Ccircle cx='337' cy='91' r='2.2'/%3E%3Ccircle cx='358' cy='100' r='2.2'/%3E%3Ccircle cx='382' cy='105' r='2.2'/%3E%3Ccircle cx='407' cy='113' r='2.2'/%3E%3Ccircle cx='430' cy='124' r='2.2'/%3E%3Ccircle cx='456' cy='137' r='2.2'/%3E%3Ccircle cx='482' cy='151' r='2.2'/%3E%3Ccircle cx='506' cy='166' r='2.2'/%3E%3Ccircle cx='530' cy='183' r='2.2'/%3E%3Ccircle cx='550' cy='204' r='2.2'/%3E%3Ccircle cx='438' cy='177' r='2.2'/%3E%3Ccircle cx='415' cy='190' r='2.2'/%3E%3Ccircle cx='394' cy='210' r='2.2'/%3E%3Ccircle cx='384' cy='235' r='2.2'/%3E%3Ccircle cx='399' cy='260' r='2.2'/%3E%3Ccircle cx='430' cy='276' r='2.2'/%3E%3Ccircle cx='544' cy='257' r='2.2'/%3E%3Ccircle cx='565' cy='272' r='2.2'/%3E%3Ccircle cx='586' cy='284' r='2.2'/%3E%3C/g%3E%3Cg fill='none' stroke='%23087d91' stroke-opacity='.12' stroke-width='1'%3E%3Cpath d='M58 132c55-42 108-38 159 10'/%3E%3Cpath d='M288 103c93-35 190 16 278 96'/%3E%3Cpath d='M378 207c34-45 83-47 147-9'/%3E%3C/g%3E%3C/svg%3E");
  --nt-pattern-mountains: url("data:image/svg+xml,%3Csvg width='720' height='220' viewBox='0 0 720 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.24' stroke-width='2'%3E%3Cpath d='M0 184 78 93l44 51 63-83 88 124 56-72 35 45 96-122 84 119 42-53 90 82'/%3E%3Cpath d='M68 184 154 122l40 35 58-45 70 72 56-50 56 50 66-76 64 76 52-38 80 38'/%3E%3Cpath d='M179 93l18 29 24-32M451 74l28 39 25-31M80 93l23 22 19-16'/%3E%3C/g%3E%3C/svg%3E");
  --nt-pattern-mountains-dark: url("data:image/svg+xml,%3Csvg width='720' height='220' viewBox='0 0 720 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2317212b' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M0 184 78 93l44 51 63-83 88 124 56-72 35 45 96-122 84 119 42-53 90 82'/%3E%3Cpath d='M68 184 154 122l40 35 58-45 70 72 56-50 56 50 66-76 64 76 52-38 80 38'/%3E%3C/g%3E%3C/svg%3E");
}

html body {
  background:
    linear-gradient(180deg, rgba(248, 251, 252, .96), rgba(238, 246, 247, .94)),
    var(--nt-pattern-world),
    var(--nt-pattern-grid),
    #f6fafb !important;
  background-size: auto, min(92vw, 960px) auto, 120px 120px !important;
  background-position: center top, center 120px, left top !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

.container,
.top-header--main .container,
.navigation .navbar .container,
#tripStickyNav .trip-page-nav-container {
  max-width: var(--nt-page-max) !important;
}

.my-slider-ban .my-ban .ban-overlay {
  left: max(32px, calc((100vw - var(--nt-page-max)) / 2)) !important;
}

.welcome .container,
.packages .container,
.blog-section .container,
.all-regions .container,
.all-destinations .container,
.all-activities .container,
.main-block .container {
  max-width: var(--nt-wide-max) !important;
}

.welcome,
.all-destinations,
.main-block {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(238, 246, 247, .9)),
    var(--nt-pattern-mountains-dark),
    var(--nt-pattern-lines) !important;
  background-size: auto, min(92vw, 900px) auto, 160px 160px !important;
  background-position: center, right bottom, center !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

.packages,
.all-regions,
.all-activities {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 250, 251, .94)),
    var(--nt-pattern-world),
    var(--nt-pattern-dots) !important;
  background-size: auto, min(86vw, 760px) auto, 96px 96px !important;
  background-position: center, right 46px, center !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

.packages:nth-of-type(even),
.blog-section {
  background:
    linear-gradient(135deg, rgba(15, 28, 40, .98), rgba(23, 49, 65, .96)),
    var(--nt-pattern-mountains),
    var(--nt-pattern-lines) !important;
  background-size: auto, min(92vw, 940px) auto, 160px 160px !important;
  background-position: center, right bottom, center !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

.breadcrumb-div {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(238, 246, 247, .92)),
    var(--nt-pattern-dots) !important;
  border-top: 1px solid rgba(23, 33, 43, .06);
}

.package,
.blog.my-blog .content,
.team-cont,
.testimonial-description,
.trip-main-content > .content,
.trip-cost-section,
.package-panel,
.trip-booking-sidebar .trip-package-sidebar,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  box-shadow: 8px 8px 0 rgba(23, 33, 43, .07) !important;
}

.package,
.blog.my-blog .content {
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdfe 100%) !important;
}

.my-slider-ban .my-ban::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    var(--nt-pattern-mountains),
    var(--nt-pattern-world);
  background-size: min(100vw, 1120px) auto, min(80vw, 860px) auto;
  background-position: right bottom, right 58px;
  background-repeat: no-repeat;
  opacity: .48;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
}

.my-slider-ban .my-ban::after {
  z-index: 1;
}

.my-slider-ban .my-ban .ban-overlay {
  z-index: 3;
}

.my-slider-ban .my-ban .ban-overlay .small-tg h2,
.slider-cta-btn,
.welcome-link-btn,
.package-hover__btn,
.trip-conversion-hero__btn,
.trip-page-nav-cta {
  box-shadow: none !important;
}

.trip-conversion-hero,
.site-footer {
  background:
    linear-gradient(135deg, rgba(15, 28, 40, .98), rgba(8, 80, 96, .94)),
    var(--nt-pattern-mountains),
    var(--nt-pattern-world),
    var(--nt-pattern-lines) !important;
  background-size: auto, min(92vw, 920px) auto, min(78vw, 760px) auto, 160px 160px !important;
  background-position: center, right bottom, right top, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
}

@media (min-width: 1400px) {
  .my-slider-ban .my-ban,
  .my-slider-ban .my-ban img {
    min-height: 800px;
  }
}

@media (max-width: 767.98px) {
  .welcome .container,
  .packages .container,
  .blog-section .container,
  .all-regions .container,
  .all-destinations .container,
  .all-activities .container,
  .main-block .container {
    max-width: 100% !important;
  }
}

/* Final retouch: larger modern type, bigger imagery, cleaner contrast */
html body {
  color: #2f3e49 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

.top-header--utility,
.top-header--main,
.navigation,
.main-nav-bar {
  position: relative;
  z-index: 10;
}

.top-header--utility {
  background: #101923 !important;
}

.top-header--main {
  background: rgba(255, 255, 255, .96) !important;
}

.navigation .navbar.bg-light,
.main-nav-bar,
#tripStickyNav {
  background: #f2c94c !important;
  border-color: #f2c94c !important;
}

.navigation .navbar-light .navbar-nav .nav-link,
#tripStickyNav .nav-link {
  color: #101923 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  min-height: 50px;
}

.my-slider-ban .my-ban,
.my-slider-ban .my-ban img {
  min-height: clamp(660px, 82vh, 880px) !important;
}

.my-slider-ban .my-ban .ban-overlay {
  width: min(820px, calc(100vw - 64px)) !important;
}

.my-slider-ban .my-ban .ban-overlay h1 {
  font-size: clamp(56px, 7.2vw, 106px) !important;
  letter-spacing: 0 !important;
  line-height: .94 !important;
  max-width: 920px !important;
}

.my-slider-ban .my-ban .ban-overlay p,
.my-slider-ban .my-ban .ban-overlay .ban-link {
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.55 !important;
  max-width: 680px !important;
}

.my-slider-ban .my-ban .ban-overlay .small-tg h2 {
  font-size: 13px !important;
  padding: 10px 14px !important;
}

.welcome .content > h2,
.title h2,
.section-title,
.trip-section-title,
.blog-section h2 {
  font-size: clamp(36px, 4vw, 62px) !important;
  line-height: .98 !important;
  margin-bottom: 22px !important;
}

.content h1,
.overview h1,
.blog-detail h1,
.trippage h1,
.trip-conversion-hero h1 {
  font-size: clamp(42px, 5vw, 76px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
}

.content h2,
.overview h2,
.blog-detail h2,
.page-content h2 {
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: 1.08 !important;
}

.content h3,
.overview h3,
.blog-detail h3,
.page-content h3 {
  font-size: clamp(23px, 2vw, 32px) !important;
}

.welcome,
.packages,
.blog-section,
.all-regions,
.all-destinations,
.all-activities,
.main-block {
  padding-top: clamp(76px, 9vw, 128px) !important;
  padding-bottom: clamp(76px, 9vw, 128px) !important;
}

.package,
.blog.my-blog .content,
.team-cont,
.testimonial-description,
.trip-cost-section,
.package-panel,
.trip-booking-sidebar .trip-package-sidebar,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  border: 1px solid rgba(16, 25, 35, .13) !important;
  box-shadow: 12px 12px 0 rgba(16, 25, 35, .06) !important;
}

.package img,
.blog.my-blog .content img,
.all-regions img,
.all-destinations img,
.all-activities img,
.team-cont img {
  width: 100% !important;
  min-height: 310px !important;
  aspect-ratio: 16 / 11 !important;
  object-fit: cover !important;
}

.package-title,
.package-title a,
.blog.my-blog .content .tit {
  font-size: clamp(22px, 1.8vw, 30px) !important;
  line-height: 1.12 !important;
}

.package-meta,
.package-meta__item,
.blog-down,
.content p,
.overview p,
.blog-detail p,
.page-content p,
.trip-content p {
  font-size: 17px !important;
}

.slider-cta-btn,
.welcome-link-btn,
.package-hover__btn,
.trip-conversion-hero__btn,
.trip-page-nav-cta,
.sbm,
.btn {
  padding: 13px 22px !important;
  font-size: 16px !important;
  min-height: 48px;
}

.trip-conversion-hero {
  padding: clamp(34px, 5vw, 68px) !important;
}

.trip-photo-slider img,
.trip-gallery img,
.pack-details img,
.trip-main-content img {
  object-fit: cover;
}

.trip-photo-slider img,
.pack-details > img {
  min-height: clamp(420px, 48vw, 650px) !important;
}

.site-footer {
  font-size: 16px !important;
}

@media (max-width: 767.98px) {
  html body {
    font-size: 16px !important;
  }

  .my-slider-ban .my-ban,
  .my-slider-ban .my-ban img {
    min-height: 560px !important;
  }

  .my-slider-ban .my-ban .ban-overlay {
    width: calc(100vw - 36px) !important;
    left: 18px !important;
  }

  .my-slider-ban .my-ban .ban-overlay h1 {
    font-size: 46px !important;
  }

  .welcome .content > h2,
  .title h2,
  .section-title,
  .trip-section-title,
  .blog-section h2 {
    font-size: 34px !important;
  }

  .package img,
  .blog.my-blog .content img,
  .all-regions img,
  .all-destinations img,
  .all-activities img {
    min-height: 260px !important;
  }
}

/* Mobile finish: keep the wide design comfortable on phones */
@media (max-width: 767.98px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .container,
  .top-header--main .container,
  .navigation .navbar .container,
  .welcome .container,
  .packages .container,
  .blog-section .container,
  .all-regions .container,
  .all-destinations .container,
  .all-activities .container,
  .main-block .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .small-nav .container,
  .small-nav-wraper .small-nv-frm {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .small-nav .navbar-brand img,
  .small-logo img {
    max-width: 185px;
    height: auto !important;
    max-height: 54px;
  }

  .small-nav-wraper .seach-form {
    height: 48px !important;
  }

  .my-slider-ban .my-ban,
  .my-slider-ban .my-ban img {
    min-height: 520px !important;
  }

  .my-slider-ban .my-ban .ban-overlay {
    top: 54% !important;
  }

  .my-slider-ban .my-ban .ban-overlay h1 {
    font-size: clamp(38px, 11vw, 46px) !important;
    line-height: 1 !important;
    max-width: 100% !important;
  }

  .my-slider-ban .my-ban .ban-overlay p,
  .my-slider-ban .my-ban .ban-overlay .ban-link {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .welcome,
  .packages,
  .blog-section,
  .all-regions,
  .all-destinations,
  .all-activities,
  .main-block {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .welcome .content > h2,
  .title h2,
  .section-title,
  .trip-section-title,
  .blog-section h2 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.05 !important;
  }

  .content h1,
  .overview h1,
  .blog-detail h1,
  .trippage h1,
  .trip-conversion-hero h1 {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.05 !important;
  }

  .content h2,
  .overview h2,
  .blog-detail h2,
  .page-content h2 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  .package,
  .blog.my-blog .content,
  .team-cont,
  .testimonial-description,
  .trip-cost-section,
  .package-panel,
  .trip-booking-sidebar .trip-package-sidebar,
  .trip-sidebar,
  .sidebar,
  aside,
  .border.shadow.p-3.mb-5 {
    box-shadow: 6px 6px 0 rgba(16, 25, 35, .055) !important;
  }

  .package:hover,
  .blog.my-blog .content:hover {
    transform: none;
  }

  .package img,
  .blog.my-blog .content img,
  .all-regions img,
  .all-destinations img,
  .all-activities img,
  .team-cont img {
    min-height: 250px !important;
    max-height: 340px !important;
  }

  .trip-conversion-hero {
    padding: 26px 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .trip-conversion-hero__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .trip-conversion-hero__btn,
  .slider-cta-btn,
  .welcome-link-btn,
  .package-hover__btn,
  .sbm,
  .btn {
    width: 100%;
    justify-content: center;
    min-height: 46px;
    padding: 11px 16px !important;
  }

  .trip-photo-slider img,
  .pack-details > img,
  .pack-details img,
  .trip-main-content img {
    min-height: 280px !important;
    max-height: 430px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  #tripStickyNav .trip-page-nav-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #tripStickyNav .nav-link {
    min-height: 46px !important;
    padding: 10px 12px !important;
    font-size: 11px !important;
  }

  .trip-mobile-action-bar {
    box-shadow: 0 -8px 20px rgba(16, 25, 35, .12) !important;
  }
}

/* Uniform spacing system */
:root {
  --nt-space-1: 8px;
  --nt-space-2: 12px;
  --nt-space-3: 16px;
  --nt-space-4: 24px;
  --nt-space-5: 32px;
  --nt-space-6: 48px;
  --nt-space-section: clamp(72px, 8vw, 112px);
  --nt-space-section-sm: clamp(48px, 7vw, 72px);
}

.welcome,
.packages,
.blog-section,
.all-regions,
.all-destinations,
.all-activities,
.main-block {
  padding-top: var(--nt-space-section) !important;
  padding-bottom: var(--nt-space-section) !important;
}

.breadcrumb-div {
  padding: var(--nt-space-3) 0 !important;
}

.title,
.section-heading,
.trip-section-title,
.welcome .content > h2,
.blog-section h2 {
  margin-top: 0 !important;
  margin-bottom: var(--nt-space-4) !important;
}

.title p,
.section-subtitle,
.welcome .content > h3,
.blog-section p {
  margin-top: 0 !important;
  margin-bottom: var(--nt-space-5) !important;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

.packages .row,
.blog-section .row,
.all-regions .row,
.all-destinations .row,
.all-activities .row,
.trip-details-layout {
  --bs-gutter-x: var(--nt-space-5);
  --bs-gutter-y: var(--nt-space-5);
}

.package,
.blog.my-blog .content,
.team-cont,
.testimonial-description,
.trip-cost-section,
.package-panel,
.trip-booking-sidebar .trip-package-sidebar,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  margin: 0 !important;
}

.package .content,
.blog.my-blog .content .blog-down,
.team-cont,
.testimonial-description,
.trip-cost-section,
.package-panel,
.trip-booking-sidebar .trip-package-sidebar,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  padding: var(--nt-space-4) !important;
}

.package-title,
.package-title a,
.blog.my-blog .content .tit {
  margin-top: var(--nt-space-3) !important;
  margin-bottom: var(--nt-space-3) !important;
}

.package-meta,
.blog-down,
.package-cost,
.trip-conversion-hero__chips,
.trip-conversion-hero__actions {
  gap: var(--nt-space-3) !important;
}

.content p,
.overview p,
.blog-detail p,
.page-content p,
.trip-content p,
.testimonial-description p {
  margin-top: 0 !important;
  margin-bottom: var(--nt-space-3) !important;
}

.content h2,
.overview h2,
.blog-detail h2,
.page-content h2,
.content h3,
.overview h3,
.blog-detail h3,
.page-content h3 {
  margin-top: var(--nt-space-5) !important;
  margin-bottom: var(--nt-space-3) !important;
}

.trip-conversion-hero {
  margin-bottom: var(--nt-space-5) !important;
  padding: var(--nt-space-6) !important;
}

.trip-conversion-hero__content > * + * {
  margin-top: var(--nt-space-3) !important;
}

.trip-conversion-hero__chips {
  margin-top: var(--nt-space-4) !important;
  margin-bottom: 0 !important;
}

.trip-conversion-hero__actions {
  margin-top: var(--nt-space-4) !important;
}

.trip-details-layout {
  margin-top: 0 !important;
}

.trip-main-content {
  gap: var(--nt-space-5) !important;
}

.trip-main-content > *,
.trip-cost-section,
.package-panel,
#faqs,
#trip-reviews,
.content-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.trip-section-title {
  padding-bottom: var(--nt-space-2) !important;
}

.trip-itinerary-accordion,
.trip-faq-accordion,
#infoGroup,
.package-tabs,
.package-panels {
  margin-top: var(--nt-space-3) !important;
}

.trip-itinerary-accordion .accordion-item,
.trip-faq-accordion .accordion-item,
#infoGroup .accordion-item {
  margin-bottom: var(--nt-space-3) !important;
}

.accordion-button {
  padding: var(--nt-space-3) var(--nt-space-4) !important;
}

.accordion-body {
  padding: var(--nt-space-4) !important;
}

.package-tabs {
  gap: var(--nt-space-2) !important;
}

.package-tabs .nav-link {
  padding: var(--nt-space-2) var(--nt-space-4) !important;
}

.site-footer {
  padding-top: var(--nt-space-6) !important;
  padding-bottom: var(--nt-space-6) !important;
}

@media (max-width: 991.98px) {
  .welcome,
  .packages,
  .blog-section,
  .all-regions,
  .all-destinations,
  .all-activities,
  .main-block {
    padding-top: var(--nt-space-section-sm) !important;
    padding-bottom: var(--nt-space-section-sm) !important;
  }

  .trip-conversion-hero {
    padding: var(--nt-space-5) !important;
  }

  .trip-main-content {
    gap: var(--nt-space-4) !important;
  }
}

@media (max-width: 767.98px) {
  :root {
    --nt-space-3: 14px;
    --nt-space-4: 20px;
    --nt-space-5: 28px;
    --nt-space-6: 36px;
    --nt-space-section-sm: 52px;
  }

  .packages .row,
  .blog-section .row,
  .all-regions .row,
  .all-destinations .row,
  .all-activities .row,
  .trip-details-layout {
    --bs-gutter-x: var(--nt-space-4);
    --bs-gutter-y: var(--nt-space-4);
  }

  .package .content,
  .blog.my-blog .content .blog-down,
  .team-cont,
  .testimonial-description,
  .trip-cost-section,
  .package-panel,
  .trip-booking-sidebar .trip-package-sidebar,
  .trip-sidebar,
  .sidebar,
  aside,
  .border.shadow.p-3.mb-5 {
    padding: var(--nt-space-4) !important;
  }

  .trip-conversion-hero {
    padding: var(--nt-space-4) !important;
    margin-bottom: var(--nt-space-4) !important;
  }

  .accordion-button,
  .accordion-body {
    padding: var(--nt-space-3) !important;
  }

  .trip-section-title {
    margin-bottom: var(--nt-space-3) !important;
  }
}

/* Finished footer layout */
.site-footer {
  padding-top: var(--nt-space-6) !important;
  padding-bottom: var(--nt-space-6) !important;
}

.site-footer__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--nt-space-5);
  align-items: end;
  padding-bottom: var(--nt-space-5);
  margin-bottom: var(--nt-space-5);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.site-footer__kicker {
  display: inline-flex;
  margin-bottom: var(--nt-space-2);
  color: #f2c94c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.site-footer__intro h3 {
  margin: 0 0 var(--nt-space-3) !important;
  color: #fff !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.site-footer__intro p {
  max-width: 860px;
  margin: 0 !important;
  color: #dbe7ec !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.site-footer__intro-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid #f2c94c;
  color: #101923 !important;
  background: #f2c94c;
  font-weight: 900;
  text-decoration: none !important;
  white-space: nowrap;
}

.site-footer__menu-row {
  row-gap: var(--nt-space-5) !important;
}

.site-footer__heading {
  margin: 0 0 var(--nt-space-3) !important;
  padding-bottom: var(--nt-space-2);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  letter-spacing: .02em;
}

.site-footer__contact,
.site-footer__links {
  display: grid;
  gap: var(--nt-space-2);
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-footer__contact li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #dbe7ec !important;
}

.site-footer__contact i,
.site-footer__links a::before {
  color: #f2c94c;
}

.site-footer__links a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #dbe7ec !important;
  text-decoration: none !important;
  line-height: 1.35;
}

.site-footer__links a::before {
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  flex: 0 0 auto;
}

.site-footer__links a:hover,
.site-footer__contact a:hover,
.site-footer__intro-link:hover {
  color: #fff !important;
}

.pay-lgo {
  padding: var(--nt-space-5) 0 !important;
  background: #f6fafb !important;
  border-top: 1px solid rgba(16, 25, 35, .08);
}

.pay-lgo .affi {
  margin: 0 !important;
}

.pay-lgo .affi ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nt-space-2);
  align-items: center;
  padding: 0 !important;
  margin: var(--nt-space-3) 0 0 !important;
}

.site-footer__copyright {
  padding: var(--nt-space-3) 0 !important;
  background: #101923 !important;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.site-footer__copyright p {
  margin: 0 !important;
  color: #dbe7ec !important;
  text-align: center;
  font-size: 14px !important;
}

@media (max-width: 767.98px) {
  .site-footer__intro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .site-footer__intro-link {
    width: 100%;
  }

  .site-footer__intro h3 {
    font-size: 34px !important;
  }
}

/* Final cleanup for borders, nested panels, and visual collisions */
.trip-main-content > .content,
.trip-main-content > .overview,
.trip-main-content > .trip-content,
.trip-main-content > .page-content {
  padding: var(--nt-space-5) !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(16, 25, 35, .12) !important;
  box-shadow: 8px 8px 0 rgba(16, 25, 35, .05) !important;
}

.trip-main-content > .content > :first-child,
.trip-main-content > .overview > :first-child,
.trip-main-content > .trip-content > :first-child,
.trip-main-content > .page-content > :first-child,
.trip-cost-section > :first-child,
.package-panel > :first-child,
.sidebar > :first-child,
aside > :first-child {
  margin-top: 0 !important;
}

.trip-main-content > .content > :last-child,
.trip-main-content > .overview > :last-child,
.trip-main-content > .trip-content > :last-child,
.trip-main-content > .page-content > :last-child,
.trip-cost-section > :last-child,
.package-panel > :last-child,
.sidebar > :last-child,
aside > :last-child {
  margin-bottom: 0 !important;
}

.trip-cost-section {
  padding: var(--nt-space-5) !important;
  overflow: hidden;
}

.trip-cost-section .package-panel,
.trip-cost-section .tab-content,
.trip-cost-section .package-panels {
  border: 0 !important;
  box-shadow: none !important;
}

.trip-cost-section .package-panel {
  padding: var(--nt-space-4) 0 0 !important;
  background: transparent !important;
}

.package-cost {
  margin-bottom: var(--nt-space-4) !important;
}

.package-tabs {
  border-bottom: 1px solid rgba(16, 25, 35, .12) !important;
  padding-bottom: var(--nt-space-2) !important;
}

.package-tabs .nav-link {
  margin: 0 !important;
}

.accordion,
.trip-itinerary-accordion,
.trip-faq-accordion {
  display: grid;
  gap: var(--nt-space-3);
}

.accordion .accordion-item,
.trip-itinerary-accordion .accordion-item,
.trip-faq-accordion .accordion-item,
#infoGroup .accordion-item {
  margin: 0 !important;
  overflow: hidden;
}

.accordion-button {
  border: 0 !important;
  box-shadow: none !important;
}

.accordion-body {
  border-top: 1px solid rgba(16, 25, 35, .08);
}

.trip-booking-sidebar > *,
.trip-package-sidebar,
.trip-detail-booking,
.sidebar-price-widget {
  margin-bottom: var(--nt-space-4) !important;
}

.trip-booking-sidebar > :last-child {
  margin-bottom: 0 !important;
}

.package,
.blog.my-blog .content,
.team-cont,
.testimonial-description,
.trip-main-content > .content,
.trip-cost-section,
.trip-booking-sidebar .trip-package-sidebar,
.trip-detail-booking,
.sidebar-price-widget,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  outline: 0 !important;
}

.pay-lgo:not(:has(.affi)) {
  display: none !important;
}

.pay-lgo .row:empty {
  display: none !important;
}

@media (max-width: 767.98px) {
  .trip-main-content > .content,
  .trip-main-content > .overview,
  .trip-main-content > .trip-content,
  .trip-main-content > .page-content,
  .trip-cost-section {
    padding: var(--nt-space-4) !important;
    box-shadow: 5px 5px 0 rgba(16, 25, 35, .045) !important;
  }

  .trip-cost-section .package-panel {
    padding-top: var(--nt-space-3) !important;
  }

  .package-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .package-tabs .nav-link {
    width: 100%;
  }
}

/* Pixel finish: logo, links, and cost lists */
:root {
  --nt-link: #087d91;
  --nt-link-hover: #b96537;
  --nt-accent: #f2c94c;
  --nt-danger: #c94b43;
  --nt-success: #16845f;
}

html body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.package-hover__btn):not(.trip-conversion-hero__btn):not(.trip-page-nav-cta):not(.site-footer__intro-link) {
  color: var(--nt-link) !important;
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: color .18s ease, background-size .18s ease, transform .18s ease;
}

html body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.package-hover__btn):not(.trip-conversion-hero__btn):not(.trip-page-nav-cta):not(.site-footer__intro-link):hover,
html body a:not(.btn):not(.nav-link):not(.dropdown-item):not(.package-hover__btn):not(.trip-conversion-hero__btn):not(.trip-page-nav-cta):not(.site-footer__intro-link):focus-visible {
  color: var(--nt-link-hover) !important;
  background-size: 100% 1px;
}

.site-footer a:not(.site-footer__intro-link),
.site-footer__copyright a {
  color: #dbe7ec !important;
  background-image: none !important;
}

.site-footer a:not(.site-footer__intro-link):hover,
.site-footer__copyright a:hover {
  color: var(--nt-accent) !important;
}

.top-header--main .header-brand .navbar-brand,
.small-nav .navbar-brand,
.navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 72px;
  padding: 8px 0 !important;
}

.top-header--main .header-brand .navbar-brand img,
.small-nav .navbar-brand img,
.small-logo img,
.navbar-brand img {
  display: block !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 12px rgba(16, 25, 35, .12));
}

.small-nav .navbar-brand img,
.small-logo img {
  max-width: 190px !important;
  max-height: 56px !important;
}

.cost-list-card {
  margin-top: var(--nt-space-4) !important;
  padding: var(--nt-space-4) !important;
  background: #fff !important;
  border: 1px solid rgba(16, 25, 35, .12) !important;
}

.cost-list-card h3 {
  margin: 0 0 var(--nt-space-3) !important;
  color: #101923 !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 950 !important;
}

.cost-rich-content ul,
.trip-costs-rich-list ul {
  display: grid;
  gap: var(--nt-space-2);
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cost-rich-content li,
.trip-costs-rich-list li {
  position: relative;
  display: block;
  min-height: 34px;
  padding: 7px 10px 7px 44px !important;
  margin: 0 !important;
  color: #2f3e49 !important;
  line-height: 1.55 !important;
  background: #f8fbfc;
  border: 1px solid rgba(16, 25, 35, .08);
}

.cost-rich-content li::before,
.trip-costs-rich-list li::before {
  position: absolute;
  left: 12px;
  top: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #fff;
  font-family: "Font Awesome 6 Free";
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.included .cost-rich-content li::before,
.trip-costs-rich-list--includes li::before {
  content: "\f00c";
  background: var(--nt-success);
}

.excluded .cost-rich-content li::before,
.trip-costs-rich-list--excludes li::before {
  content: "\f00d";
  background: var(--nt-danger);
}

.cost-list-card.included {
  border-left: 4px solid var(--nt-success) !important;
}

.cost-list-card.excluded {
  border-left: 4px solid var(--nt-danger) !important;
}

@media (max-width: 767.98px) {
  .top-header--main .header-brand .navbar-brand img,
  .small-nav .navbar-brand img,
  .small-logo img,
  .navbar-brand img {
    max-width: 180px !important;
    max-height: 54px !important;
  }

  .cost-list-card {
    padding: var(--nt-space-3) !important;
  }

  .cost-rich-content li,
  .trip-costs-rich-list li {
    padding-left: 40px !important;
  }
}

/* Visible dotted world map background */
:root {
  --nt-worldmap-dotted-large: url("data:image/svg+xml,%3Csvg width='1200' height='520' viewBox='0 0 1200 520' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='.16'%3E%3Ccircle cx='102' cy='160' r='3'/%3E%3Ccircle cx='126' cy='146' r='3'/%3E%3Ccircle cx='151' cy='134' r='3'/%3E%3Ccircle cx='178' cy='140' r='3'/%3E%3Ccircle cx='203' cy='154' r='3'/%3E%3Ccircle cx='228' cy='174' r='3'/%3E%3Ccircle cx='158' cy='174' r='3'/%3E%3Ccircle cx='185' cy='190' r='3'/%3E%3Ccircle cx='215' cy='212' r='3'/%3E%3Ccircle cx='246' cy='236' r='3'/%3E%3Ccircle cx='270' cy='266' r='3'/%3E%3Ccircle cx='291' cy='300' r='3'/%3E%3Ccircle cx='313' cy='334' r='3'/%3E%3Ccircle cx='328' cy='372' r='3'/%3E%3Ccircle cx='344' cy='410' r='3'/%3E%3Ccircle cx='435' cy='132' r='3'/%3E%3Ccircle cx='466' cy='120' r='3'/%3E%3Ccircle cx='500' cy='119' r='3'/%3E%3Ccircle cx='536' cy='130' r='3'/%3E%3Ccircle cx='573' cy='143' r='3'/%3E%3Ccircle cx='612' cy='154' r='3'/%3E%3Ccircle cx='651' cy='166' r='3'/%3E%3Ccircle cx='692' cy='181' r='3'/%3E%3Ccircle cx='735' cy='202' r='3'/%3E%3Ccircle cx='778' cy='229' r='3'/%3E%3Ccircle cx='822' cy='257' r='3'/%3E%3Ccircle cx='862' cy='292' r='3'/%3E%3Ccircle cx='905' cy='324' r='3'/%3E%3Ccircle cx='724' cy='254' r='3'/%3E%3Ccircle cx='688' cy='280' r='3'/%3E%3Ccircle cx='656' cy='312' r='3'/%3E%3Ccircle cx='634' cy='352' r='3'/%3E%3Ccircle cx='653' cy='392' r='3'/%3E%3Ccircle cx='694' cy='420' r='3'/%3E%3Ccircle cx='930' cy='390' r='3'/%3E%3Ccircle cx='965' cy='414' r='3'/%3E%3Ccircle cx='1002' cy='430' r='3'/%3E%3Ccircle cx='1038' cy='446' r='3'/%3E%3C/g%3E%3Cg fill='none' stroke='%23f2c94c' stroke-opacity='.11' stroke-width='1.5'%3E%3Cpath d='M75 178c90-70 176-64 260 22'/%3E%3Cpath d='M420 148c168-80 355 20 535 196'/%3E%3Cpath d='M625 340c76-90 176-92 318-8'/%3E%3C/g%3E%3C/svg%3E");
}

.site-footer {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(120deg, rgba(16, 25, 35, .98) 0%, rgba(13, 58, 70, .96) 58%, rgba(10, 92, 103, .92) 100%),
    var(--nt-worldmap-dotted-large),
    var(--nt-pattern-mountains) !important;
  background-size: auto, min(1200px, 96vw) auto, min(980px, 92vw) auto !important;
  background-position: center, right 42px top 34px, right bottom !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 78% 18%, rgba(242, 201, 76, .13), transparent 24%),
    radial-gradient(circle at 90% 74%, rgba(255, 255, 255, .08), transparent 28%);
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .site-footer {
    background-size: auto, 820px auto, 640px auto !important;
    background-position: center, center 28px, right bottom !important;
  }
}

/* Logo-based final brand layer */
:root {
  --nt-logo-navy: #123348;
  --nt-logo-blue: #0878b8;
  --nt-logo-sky: #27a7df;
  --nt-logo-ice: #eaf8ff;
  --nt-logo-line: #bfe9fb;
  --nt-logo-warm: #f2b642;
  --nt-link: var(--nt-logo-blue);
  --nt-link-hover: #065a88;
  --nt-accent: var(--nt-logo-sky);
}

html body {
  color: #31495a !important;
  background:
    linear-gradient(180deg, rgba(248, 253, 255, .98), rgba(232, 246, 253, .94)),
    var(--nt-pattern-world),
    var(--nt-pattern-grid),
    #f6fbfe !important;
}

.top-header--utility {
  background: var(--nt-logo-navy) !important;
}

.top-header--main {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(8, 120, 184, .16) !important;
}

.navigation .navbar.bg-light,
.main-nav-bar,
#tripStickyNav {
  background: linear-gradient(90deg, var(--nt-logo-blue), var(--nt-logo-sky)) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(8, 120, 184, .18);
}

.navigation .navbar-light .navbar-nav .nav-link,
#tripStickyNav .nav-link {
  color: #ffffff !important;
}

.navigation .navbar-light .navbar-nav .nav-link:hover,
.navigation .navbar-nav > .has-mega-menu:hover > .nav-link,
.navigation .navbar-nav > .has-dropdown:hover > .nav-link,
#tripStickyNav .nav-link:hover,
#tripStickyNav .nav-link.active {
  background: rgba(18, 51, 72, .94) !important;
  color: #ffffff !important;
}

.top-header--main .header-brand .navbar-brand img,
.small-nav .navbar-brand img,
.small-logo img,
.navbar-brand img {
  filter: drop-shadow(0 8px 16px rgba(8, 120, 184, .18));
}

.my-slider-ban .my-ban::after {
  background:
    linear-gradient(90deg, rgba(18, 51, 72, .94) 0%, rgba(18, 51, 72, .66) 46%, rgba(8, 120, 184, .16) 100%),
    linear-gradient(0deg, rgba(18, 51, 72, .42), transparent 48%) !important;
}

.my-slider-ban .my-ban .ban-overlay .small-tg h2,
.site-footer__kicker {
  background: transparent !important;
  color: var(--nt-logo-line) !important;
  border-left: 4px solid var(--nt-logo-sky);
}

.slider-cta-btn,
.welcome-link-btn,
.package-hover__btn,
.trip-conversion-hero__btn--primary,
.trip-page-nav-cta--book,
.custom-booking-btn,
.site-footer__intro-link {
  background: var(--nt-logo-blue) !important;
  border-color: var(--nt-logo-blue) !important;
  color: #ffffff !important;
}

.slider-cta-btn:hover,
.welcome-link-btn:hover,
.package-hover__btn:hover,
.trip-conversion-hero__btn--primary:hover,
.trip-page-nav-cta--book:hover,
.custom-booking-btn:hover,
.site-footer__intro-link:hover {
  background: var(--nt-logo-navy) !important;
  border-color: var(--nt-logo-navy) !important;
  color: #ffffff !important;
}

.trip-conversion-hero__btn--ghost,
.trip-page-nav-cta--inquiry {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--nt-logo-navy) !important;
}

.section-title::after,
.title h2::after {
  background: linear-gradient(90deg, var(--nt-logo-blue), var(--nt-logo-sky)) !important;
}

.welcome,
.all-destinations,
.main-block,
.packages,
.all-regions,
.all-activities {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(231, 247, 254, .92)),
    var(--nt-pattern-world),
    var(--nt-pattern-mountains-dark) !important;
}

.packages:nth-of-type(even),
.blog-section,
.trip-conversion-hero,
.site-footer {
  background:
    linear-gradient(120deg, rgba(18, 51, 72, .98) 0%, rgba(8, 91, 127, .96) 58%, rgba(7, 127, 181, .92) 100%),
    var(--nt-worldmap-dotted-large),
    var(--nt-pattern-mountains) !important;
}

.package,
.blog.my-blog .content,
.team-cont,
.testimonial-description,
.trip-main-content > .content,
.trip-cost-section,
.trip-booking-sidebar .trip-package-sidebar,
.trip-detail-booking,
.sidebar-price-widget,
.trip-sidebar,
.sidebar,
aside,
.border.shadow.p-3.mb-5 {
  border-color: rgba(8, 120, 184, .16) !important;
  box-shadow: 8px 8px 0 rgba(8, 120, 184, .07) !important;
}

.package:hover,
.blog.my-blog .content:hover {
  box-shadow: 12px 12px 0 rgba(8, 120, 184, .10) !important;
}

.package-title a,
.blog.my-blog .content .tit,
.team-cont h4 a,
.content h1,
.content h2,
.overview h1,
.overview h2,
.blog-detail h1,
.blog-detail h2,
.trip-section-title,
.section-title,
.title h2 {
  color: var(--nt-logo-navy) !important;
}

.package-meta__item,
.package-cost,
.trip-conversion-hero__chip,
.icon-all-top .all-icon-detail,
.cost-rich-content li,
.trip-costs-rich-list li {
  background: #f3fbff !important;
  border-color: rgba(8, 120, 184, .13) !important;
}

.included .cost-rich-content li::before,
.trip-costs-rich-list--includes li::before,
.cost-list-card.included {
  border-color: var(--nt-logo-blue) !important;
}

.included .cost-rich-content li::before,
.trip-costs-rich-list--includes li::before {
  background: var(--nt-logo-blue) !important;
}

.site-footer {
  border-top-color: var(--nt-logo-sky) !important;
}

.site-footer__contact i,
.site-footer__links a::before,
.site-footer__links a:hover,
.site-footer__contact a:hover,
.site-footer a:not(.site-footer__intro-link):hover {
  color: var(--nt-logo-line) !important;
}

.site-footer::before {
  background:
    radial-gradient(circle at 78% 18%, rgba(39, 167, 223, .18), transparent 24%),
    radial-gradient(circle at 90% 74%, rgba(255, 255, 255, .08), transparent 28%) !important;
}

/* Standard responsive heading scale */
:root {
  --nt-h1: 64px;
  --nt-h2: 46px;
  --nt-h3: 32px;
  --nt-h4: 24px;
  --nt-h5: 20px;
  --nt-h6: 16px;
  --nt-heading-tight: 1.08;
  --nt-heading-normal: 1.18;
}

html body h1,
html body .h1,
html body .content h1,
html body .overview h1,
html body .blog-detail h1,
html body .trippage h1,
html body .trip-conversion-hero h1 {
  font-size: var(--nt-h1) !important;
  line-height: var(--nt-heading-tight) !important;
}

html body h2,
html body .h2,
html body .content h2,
html body .overview h2,
html body .blog-detail h2,
html body .page-content h2,
html body .title h2,
html body .section-title,
html body .trip-section-title,
html body .welcome .content > h2,
html body .blog-section h2 {
  font-size: var(--nt-h2) !important;
  line-height: var(--nt-heading-tight) !important;
}

html body h3,
html body .h3,
html body .content h3,
html body .overview h3,
html body .blog-detail h3,
html body .page-content h3,
html body .cost-list-card h3,
html body .site-footer__intro h3 {
  font-size: var(--nt-h3) !important;
  line-height: var(--nt-heading-normal) !important;
}

html body h4,
html body .h4,
html body .site-footer__heading,
html body .accordion-header h4 {
  font-size: var(--nt-h4) !important;
  line-height: var(--nt-heading-normal) !important;
}

html body h5,
html body .h5,
html body .package-title,
html body .package-title a,
html body .blog.my-blog .content .tit {
  font-size: var(--nt-h5) !important;
  line-height: var(--nt-heading-normal) !important;
}

html body h6,
html body .h6 {
  font-size: var(--nt-h6) !important;
  line-height: 1.25 !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .h1,
html body .h2,
html body .h3,
html body .h4,
html body .h5,
html body .h6 {
  margin-top: 0 !important;
  margin-bottom: var(--nt-space-3) !important;
  font-family: var(--heading-font, "Outfit", "Segoe UI", Arial, sans-serif) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

/* Professional lead-focused finish: cleaner panels, fewer visible borders */
:root {
  --nt-lead-shadow: 0 24px 70px rgba(12, 41, 61, .12);
  --nt-lead-shadow-soft: 0 16px 44px rgba(12, 41, 61, .09);
  --nt-lead-line: rgba(12, 63, 95, .10);
}

html body .trip-conversion-hero,
html body .trip-main-content > .content,
html body .trip-cost-section,
html body .trip-booking-sidebar .trip-package-sidebar,
html body .trip-detail-booking,
html body .sidebar-price-widget,
html body .trip-sidebar,
html body .sidebar,
html body aside,
html body .package,
html body .package-card,
html body .trip-card,
html body .region-card,
html body .destination-card,
html body .activity-card,
html body .post-card,
html body .blog.my-blog .content,
html body .testimonial-description,
html body .team-cont,
html body .icon-all-top .all-icon-detail,
html body .border.shadow.p-3.mb-5 {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: var(--nt-lead-shadow-soft) !important;
}

html body .trip-main-content > .content,
html body .trip-cost-section,
html body .trip-booking-sidebar .trip-package-sidebar,
html body .trip-detail-booking,
html body .sidebar-price-widget,
html body .trip-sidebar,
html body .sidebar,
html body aside,
html body .package,
html body .blog.my-blog .content,
html body .testimonial-description,
html body .team-cont {
  background: rgba(255, 255, 255, .97) !important;
}

html body .trip-main-content > .content,
html body .trip-cost-section,
html body .trip-booking-sidebar .trip-package-sidebar,
html body .trip-detail-booking,
html body .sidebar-price-widget,
html body .trip-sidebar,
html body aside {
  position: relative;
  overflow: hidden;
}

html body .trip-main-content > .content::before,
html body .trip-cost-section::before,
html body .trip-booking-sidebar .trip-package-sidebar::before,
html body .trip-detail-booking::before,
html body .sidebar-price-widget::before,
html body .trip-sidebar::before,
html body aside::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--nt-logo-blue, #0878b8), var(--nt-logo-line, #f2c94c));
  pointer-events: none;
}

html body .trip-conversion-hero {
  box-shadow: var(--nt-lead-shadow) !important;
}

html body .trip-conversion-hero__chip,
html body .package-meta__item,
html body .package-cost,
html body .cost-rich-content li,
html body .trip-costs-rich-list li,
html body .trip-package-option,
html body .trip-package-sidebar__single-card,
html body .trip-package-util,
html body .trip-costs-group-panel,
html body .trip-costs-details-pane,
html body .trip-facts li,
html body .all-icon-detail {
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, #f7fbfd 0%, #edf7fb 100%) !important;
}

html body .trip-costs-rich-list li,
html body .cost-rich-content li {
  padding: 13px 16px 13px 44px !important;
}

html body .trip-itinerary-accordion .accordion-item,
html body .trip-faq-accordion .accordion-item {
  border: 0 !important;
  border-bottom: 1px solid var(--nt-lead-line) !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .trip-itinerary-accordion .accordion-item:last-child,
html body .trip-faq-accordion .accordion-item:last-child {
  border-bottom: 0 !important;
}

html body .trip-page-nav-cta,
html body .trip-conversion-hero__btn,
html body .welcome-link-btn,
html body .customize-trip a,
html body .trip-package-cta,
html body .trip-costs-btn,
html body .site-footer__intro-link {
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(8, 120, 184, .20) !important;
}

html body .trip-page-nav-cta:hover,
html body .trip-conversion-hero__btn:hover,
html body .welcome-link-btn:hover,
html body .customize-trip a:hover,
html body .trip-package-cta:hover,
html body .trip-costs-btn:hover,
html body .site-footer__intro-link:hover {
  box-shadow: 0 18px 40px rgba(8, 120, 184, .26) !important;
}

html body .top-header--main,
html body .breadcrumb-div,
html body #tripStickyNav,
html body .small-nav,
html body .small-nv-frm,
html body .navbar.navbar-expand-lg {
  border: 0 !important;
}

html body .navbar-expand-lg .navbar-nav .dropdown-menu,
html body .mega-menu,
html body .header-search-results {
  border: 0 !important;
  box-shadow: var(--nt-lead-shadow-soft) !important;
}

html body .welcome .content {
  max-width: 980px;
}

html body .welcome .content p,
html body .trip-main-content > .content p {
  color: #33495b;
}

html body .welcome .lilnk,
html body .trip-conversion-hero__actions,
html body .trip-package-sidebar__actions {
  margin-top: clamp(22px, 3vw, 34px) !important;
}

html body .package:hover,
html body .package-card:hover,
html body .trip-card:hover,
html body .blog.my-blog .content:hover {
  transform: translateY(-4px);
  box-shadow: var(--nt-lead-shadow) !important;
}

.my-slider-ban .my-ban .ban-overlay h1 {
  font-size: clamp(58px, 7vw, 96px) !important;
  line-height: .96 !important;
}

@media (max-width: 1199.98px) {
  :root {
    --nt-h1: 54px;
    --nt-h2: 40px;
    --nt-h3: 30px;
    --nt-h4: 23px;
    --nt-h5: 19px;
    --nt-h6: 16px;
  }

  .my-slider-ban .my-ban .ban-overlay h1 {
    font-size: clamp(50px, 7.5vw, 76px) !important;
  }
}

@media (max-width: 991.98px) {
  :root {
    --nt-h1: 46px;
    --nt-h2: 36px;
    --nt-h3: 28px;
    --nt-h4: 22px;
    --nt-h5: 18px;
    --nt-h6: 16px;
  }

  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6 {
    margin-bottom: var(--nt-space-2) !important;
  }
}

@media (max-width: 767.98px) {
  :root {
    --nt-h1: 38px;
    --nt-h2: 32px;
    --nt-h3: 25px;
    --nt-h4: 21px;
    --nt-h5: 18px;
    --nt-h6: 15px;
  }

  .my-slider-ban .my-ban .ban-overlay h1 {
    font-size: clamp(38px, 10.5vw, 46px) !important;
    line-height: 1 !important;
  }
}

.trip-main-content h2:not(.trip-section-title),
.single-content h2,
.page-content h2,
.blog-detail h2,
.overview h2,
.content h2:not(.small-nav h2):not(.small-tg h2) {
  font-size: var(--nt-h2) !important;
  line-height: var(--nt-heading-tight) !important;
}

html body,
html body *,
html body *::before,
html body *::after {
  border-radius: 0 !important;
}

/* Blog listing finish */
html body .page-banner {
  min-height: clamp(260px, 30vw, 420px);
  overflow: hidden;
  position: relative;
  background: #102b42;
}

html body .page-banner > img {
  width: 100%;
  height: clamp(260px, 30vw, 420px) !important;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.04);
}

html body .page-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(10, 31, 48, .84), rgba(8, 91, 127, .36) 52%, rgba(10, 31, 48, .14)),
    var(--nt-worldmap-dotted-large),
    var(--nt-pattern-mountains);
  pointer-events: none;
}

html body .page-banner .page-overlay,
html body .page-banner .new-page,
html body .page-banner .container,
html body .page-banner .row,
html body .page-banner .col-md-12 {
  position: relative;
  z-index: 2;
  height: 100%;
}

html body .page-banner .new-page {
  display: flex;
  align-items: center;
  min-height: clamp(260px, 30vw, 420px);
}

html body .page-banner .com-back-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #ffffff;
  font-weight: 800;
}

html body .page-banner .com-back-1 a {
  color: #f2c94c !important;
  text-decoration: none;
}

html body .blog-page {
  position: relative;
  overflow: hidden;
  padding: clamp(64px, 7vw, 104px) 0 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(232, 247, 253, .94)),
    var(--nt-pattern-world),
    var(--nt-pattern-mountains-dark) !important;
}

html body .blog-page::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 220px;
  background: linear-gradient(180deg, rgba(8, 120, 184, .10), transparent);
  pointer-events: none;
}

html body .blog-page .container {
  position: relative;
  z-index: 1;
  max-width: 1240px;
}

html body .blog-page-title {
  max-width: 780px;
  margin: 0 0 clamp(34px, 5vw, 56px);
}

html body .blog-page-title::before {
  content: "Travel Journal";
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--nt-logo-blue, #0878b8);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html body .blog-page-title h1 {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: clamp(44px, 6vw, 76px) !important;
  line-height: .98 !important;
  margin-bottom: 18px !important;
}

html body .blog-page-title p {
  max-width: 660px;
  color: #3a5265;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.55;
  margin: 0;
}

html body .blog-page .row {
  row-gap: 28px;
}

html body .blog-page article.content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, .98) !important;
  border: 0 !important;
  box-shadow: 0 20px 58px rgba(12, 41, 61, .11) !important;
  transition: transform .22s ease, box-shadow .22s ease;
}

html body .blog-page article.content:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 76px rgba(12, 41, 61, .16) !important;
}

html body .blog-page article.content > a:first-child,
html body .blog-list-thumb {
  display: block;
  position: relative;
  overflow: hidden;
  background: #dcecf3;
}

html body .blog-page article.content > a:first-child::after,
html body .blog-list-thumb::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(8, 35, 54, .38));
  opacity: .82;
  pointer-events: none;
}

html body .blog-page article.content img {
  width: 100%;
  height: clamp(260px, 24vw, 360px) !important;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .34s ease, filter .34s ease;
}

html body .blog-page article.content:hover img {
  transform: scale(1.06);
  filter: saturate(1.08);
}

html body .blog-card-body,
html body .blog-list-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(24px, 3vw, 34px) !important;
}

html body .blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 14px;
  align-items: center;
  margin-bottom: 16px;
  color: #607383;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

html body .blog-meta i {
  color: var(--nt-logo-blue, #0878b8);
  margin-right: 5px;
}

html body .blog-cat {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  background: #eaf7fc;
  color: var(--nt-logo-blue, #0878b8);
  font-size: 12px;
  font-weight: 900;
}

html body .blog-page .blg-title {
  color: var(--nt-logo-navy, #0e2338) !important;
  display: block;
  font-family: var(--heading-font, "Outfit", "Segoe UI", Arial, sans-serif);
  font-size: clamp(22px, 2.3vw, 30px) !important;
  font-weight: 900;
  line-height: 1.12;
  text-decoration: none;
}

html body .blog-page .blg-title:hover {
  color: var(--nt-logo-blue, #0878b8) !important;
}

html body .blog-page article.content p {
  color: #455d70;
  font-size: 16px;
  line-height: 1.72;
  margin: 16px 0 22px;
}

html body .blog-read-more {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  color: var(--nt-logo-blue, #0878b8) !important;
  font-weight: 900;
  text-decoration: none;
}

html body .blog-read-more i {
  transition: transform .18s ease;
}

html body .blog-read-more:hover i {
  transform: translateX(5px);
}

html body .blog-list-card {
  min-height: 270px;
}

html body .blog-list-thumb {
  flex: 0 0 min(42%, 360px);
}

html body .blog-list-thumb img {
  height: 100% !important;
  min-height: 270px;
}

html body .blog-sidebar {
  position: sticky;
  top: 110px;
}

html body .blog-sidebar .widget {
  background: rgba(255, 255, 255, .98);
  border: 0 !important;
  box-shadow: 0 18px 52px rgba(12, 41, 61, .10);
  padding: 30px;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}

html body .blog-sidebar .widget::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--nt-logo-blue, #0878b8), var(--nt-logo-line, #f2c94c));
}

html body .blog-sidebar .widget-title {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

html body .category-item + .category-item {
  border-top: 1px solid rgba(12, 63, 95, .09);
}

html body .category-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0;
  color: #213a4e !important;
  font-weight: 850;
  text-decoration: none;
}

html body .category-item a:hover {
  color: var(--nt-logo-blue, #0878b8) !important;
}

html body .category-item .badge {
  background: #eaf7fc !important;
  color: var(--nt-logo-blue, #0878b8) !important;
  min-width: 34px;
}

html body .recent-post-item {
  gap: 14px;
  padding: 14px 0;
}

html body .recent-post-item + .recent-post-item {
  border-top: 1px solid rgba(12, 63, 95, .09);
}

html body .recent-post-thumb img {
  width: 82px;
  height: 82px;
  object-fit: cover;
}

html body .recent-post-copy a {
  color: var(--nt-logo-navy, #0e2338) !important;
  display: block;
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

html body .recent-post-copy a:hover {
  color: var(--nt-logo-blue, #0878b8) !important;
}

html body .recent-post-copy small {
  color: #607383;
  display: block;
  font-weight: 750;
  margin-top: 6px;
}

html body .blog-pagination {
  margin-top: clamp(28px, 4vw, 46px) !important;
}

@media (max-width: 991.98px) {
  html body .blog-sidebar {
    position: static;
    margin-top: 18px;
  }

  html body .blog-page article.content img {
    height: 280px !important;
  }
}

@media (max-width: 767.98px) {
  html body .page-banner,
  html body .page-banner > img,
  html body .page-banner .new-page {
    min-height: 230px;
    height: 230px !important;
  }

  html body .blog-page {
    padding: 48px 0 !important;
  }

  html body .blog-page-title h1 {
    font-size: 38px !important;
  }

  html body .blog-page article.content img,
  html body .blog-list-thumb img {
    height: 250px !important;
    min-height: 250px;
  }

  html body .blog-list-thumb {
    flex-basis: auto;
  }

  html body .blog-card-body,
  html body .blog-list-body,
  html body .blog-sidebar .widget {
    padding: 22px !important;
  }
}

/* Activity pages: clear time, price, and trip comparison */
html body .activity-page {
  margin-bottom: 0 !important;
  padding: clamp(58px, 7vw, 96px) 0 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(232, 247, 253, .94)),
    var(--nt-pattern-world),
    var(--nt-pattern-mountains-dark) !important;
}

html body .activity-page .container {
  max-width: 1240px;
}

html body .activity-intro {
  max-width: 980px;
  margin-bottom: clamp(38px, 5vw, 66px) !important;
  color: #33495b;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.78;
}

html body .activity-intro p:last-child {
  margin-bottom: 0;
}

html body .activity-section {
  margin-top: clamp(48px, 6vw, 78px) !important;
}

html body .activity-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}

html body .activity-section-kicker {
  color: var(--nt-logo-blue, #0878b8);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .12em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

html body .activity-section-head .section-title {
  margin-bottom: 0 !important;
}

html body .activity-quick-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(132px, 1fr));
  min-width: min(100%, 560px);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 18px 52px rgba(12, 41, 61, .10);
}

html body .activity-quick-stat {
  display: grid;
  gap: 5px;
  padding: 20px 22px;
  position: relative;
}

html body .activity-quick-stat + .activity-quick-stat {
  border-left: 1px solid rgba(12, 63, 95, .10);
}

html body .activity-quick-stat i {
  color: var(--nt-logo-blue, #0878b8);
  font-size: 20px;
  margin-bottom: 4px;
}

html body .activity-quick-stat span {
  color: var(--nt-logo-navy, #0e2338);
  font-family: var(--heading-font, "Outfit", "Segoe UI", Arial, sans-serif);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 950;
  line-height: 1;
}

html body .activity-quick-stat small {
  color: #607383;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body .activity-quick-stat--price {
  background: linear-gradient(135deg, #fff8e1, #ffffff);
}

html body .activity-section .packages {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .activity-page .package {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, .99) !important;
  box-shadow: 0 22px 64px rgba(12, 41, 61, .12) !important;
}

html body .activity-page .package-img-thumb,
html body .activity-page .package-img-thumb img {
  height: clamp(250px, 22vw, 335px) !important;
}

html body .activity-page .package-img-thumb img {
  width: 100%;
  object-fit: cover;
}

html body .activity-page .all-down {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(22px, 2.4vw, 30px) !important;
}

html body .activity-page .package-title {
  margin-bottom: 18px !important;
}

html body .activity-page .package-title a {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.12 !important;
  text-decoration: none;
}

html body .activity-page .package-title a:hover {
  color: var(--nt-logo-blue, #0878b8) !important;
}

html body .activity-page .package-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

html body .activity-page .package-meta__item {
  align-content: start;
  background: #f3fbff !important;
  min-height: 104px;
  padding: 14px 12px !important;
}

html body .activity-page .package-meta__item i {
  color: var(--nt-logo-blue, #0878b8);
  font-size: 20px;
}

html body .activity-page .package-meta__item small {
  color: #607383;
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  margin: 8px 0 4px;
  text-transform: uppercase;
}

html body .activity-page .package-meta__item strong {
  color: var(--nt-logo-navy, #0e2338);
  display: block;
  font-size: 15px;
  line-height: 1.25;
}

html body .activity-page .package-footer {
  align-items: end;
  gap: 16px;
  margin-top: auto;
}

html body .activity-page .package-price {
  min-width: 132px;
  text-align: right;
}

html body .package-price__label {
  color: #607383;
  display: block;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

html body .activity-page .package-price__current {
  color: var(--nt-logo-blue, #0878b8) !important;
  font-size: clamp(24px, 2.4vw, 34px) !important;
  font-weight: 950;
}

html body .activity-page .package-price__current small {
  color: #607383;
  font-size: 12px;
  font-weight: 900;
  margin-left: 3px;
}

html body .activity-page .package-hover__btn {
  background: var(--nt-logo-blue, #0878b8) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(8, 120, 184, .26);
}

@media (max-width: 991.98px) {
  html body .activity-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  html body .activity-quick-stats {
    min-width: 0;
  }
}

@media (max-width: 767.98px) {
  html body .activity-page {
    padding: 44px 0 !important;
  }

  html body .activity-quick-stats,
  html body .activity-page .package-meta {
    grid-template-columns: 1fr;
  }

  html body .activity-quick-stat + .activity-quick-stat {
    border-left: 0;
    border-top: 1px solid rgba(12, 63, 95, .10);
  }

  html body .activity-page .package-img-thumb,
  html body .activity-page .package-img-thumb img {
    height: 250px !important;
  }

  html body .activity-page .package-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  html body .activity-page .package-price {
    text-align: left;
  }
}

/* Uniform trip cards across listings */
html body .package {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 660px;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .99) !important;
  border: 0 !important;
  box-shadow: 0 22px 64px rgba(12, 41, 61, .12) !important;
}

html body .package-img {
  flex: 0 0 auto;
  position: relative;
}

html body .package-img-thumb {
  display: block;
  height: 300px !important;
  overflow: hidden;
  background: #dcecf3;
}

html body .package-img-thumb img,
html body .package img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
  display: block;
}

html body .package .all-down {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 26px !important;
}

html body .package-title {
  margin: 0 0 18px !important;
  height: 64px !important;
  min-height: 64px !important;
  overflow: hidden !important;
}

html body .package-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 58px !important;
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body .package-title a:hover {
  color: var(--nt-logo-blue, #0878b8) !important;
}

html body .package-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

html body .package-meta__item {
  display: grid !important;
  align-content: start !important;
  min-height: 112px !important;
  padding: 14px 12px !important;
  background: linear-gradient(180deg, #f7fbfd 0%, #edf7fb 100%) !important;
}

html body .package-meta__item i {
  color: var(--nt-logo-blue, #0878b8) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

html body .package-meta__item small {
  display: block !important;
  min-height: 28px;
  color: #607383 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  line-height: 1.25 !important;
  margin: 8px 0 4px !important;
  text-transform: uppercase !important;
}

html body .package-meta__item strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

html body .package-divider {
  width: 100%;
  height: 1px;
  margin: 22px 0 !important;
  background: linear-gradient(90deg, rgba(8, 120, 184, .14), rgba(242, 201, 76, .28), rgba(8, 120, 184, .08));
}

html body .package-footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: auto !important;
  min-height: 72px;
}

html body .package-rating {
  min-width: 0;
}

html body .package-rating small {
  color: #607383;
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

html body .package-rating__stars {
  color: #f2a51a;
  line-height: 1;
  margin-bottom: 8px;
  white-space: nowrap;
}

html body .package-price {
  flex: 0 0 auto;
  min-width: 124px;
  text-align: right;
}

html body .package-price__from,
html body .package-price__label {
  color: #607383 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .10em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html body .package-price__current {
  color: var(--nt-logo-blue, #0878b8) !important;
  display: block !important;
  font-family: var(--heading-font, "Outfit", "Segoe UI", Arial, sans-serif) !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  margin-top: 5px !important;
  white-space: nowrap !important;
}

html body .package-price__current small {
  color: #607383 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-left: 3px !important;
}

html body .package-hover {
  padding: 24px !important;
}

html body .package-hover__text {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 1200px) {
  html body .activity-page .package,
  html body .all-trips-page .package,
  html body .packages .package {
    min-height: 910px;
  }
}

@media (max-width: 991.98px) {
  html body .package {
    min-height: 0;
  }

  html body .package-img-thumb,
  html body .package-img-thumb img,
  html body .package img {
    height: 280px !important;
  }
}

@media (max-width: 767.98px) {
  html body .package-img-thumb,
  html body .package-img-thumb img,
  html body .package img {
    height: 250px !important;
  }

  html body .package .all-down {
    padding: 22px !important;
  }

  html body .package-title {
    min-height: 0;
  }

  html body .package-meta {
    grid-template-columns: 1fr !important;
  }

  html body .package-meta__item {
    min-height: 0 !important;
    grid-template-columns: 28px 1fr;
    column-gap: 12px;
  }

  html body .package-meta__item i {
    grid-row: span 2;
  }

  html body .package-meta__item small {
    min-height: 0;
    margin: 0 0 3px !important;
  }

  html body .package-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
    min-height: 0;
  }

  html body .package-price {
    text-align: left !important;
  }
}

/* Trip detail final finish */
html body .pack-details {
  background:
    linear-gradient(180deg, rgba(242, 248, 251, .84) 0%, rgba(255, 255, 255, .96) 34%, #ffffff 100%),
    radial-gradient(circle at 18% 12%, rgba(242, 201, 76, .18), transparent 28%),
    radial-gradient(circle at 84% 8%, rgba(8, 120, 184, .16), transparent 30%);
}

html body .pack-details .container.trippage {
  max-width: 1320px;
}

html body .trip-conversion-hero {
  align-items: center;
  background: linear-gradient(135deg, rgba(7, 46, 68, .96), rgba(7, 93, 117, .93));
  border: 0 !important;
  box-shadow: 0 28px 80px rgba(6, 44, 67, .22) !important;
  display: grid;
  gap: clamp(22px, 4vw, 56px);
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0 0 34px !important;
  min-height: 268px;
  overflow: hidden;
  padding: clamp(32px, 5vw, 64px) !important;
  position: relative;
}

html body .trip-conversion-hero::after {
  background: linear-gradient(90deg, var(--nt-logo-yellow, #f2c94c), rgba(8, 120, 184, .05));
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

html body .trip-conversion-hero h1 {
  color: #ffffff !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  letter-spacing: 0 !important;
  line-height: .98 !important;
  margin: 12px 0 22px !important;
  max-width: 940px;
}

html body .trip-conversion-hero__eyebrow,
html body .trip-conversion-hero__chips,
html body .trip-conversion-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

html body .trip-conversion-hero__eyebrow span,
html body .trip-conversion-hero__review-badge,
html body .trip-conversion-hero__chips span {
  align-items: center;
  background: rgba(255, 255, 255, .10);
  color: #ffffff !important;
  display: inline-flex;
  font-weight: 850;
  gap: 8px;
  line-height: 1.1;
  padding: 11px 14px;
  text-decoration: none !important;
}

html body .trip-conversion-hero__eyebrow span {
  background: var(--nt-logo-yellow, #f2c94c);
  color: #071d2b !important;
  letter-spacing: .10em;
  text-transform: uppercase;
}

html body .trip-conversion-hero__btn {
  align-items: center;
  border: 0 !important;
  display: inline-flex;
  font-weight: 950;
  gap: 10px;
  justify-content: center;
  min-height: 54px;
  padding: 15px 24px !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  white-space: nowrap;
}

html body .trip-conversion-hero__btn:hover {
  transform: translateY(-2px);
}

html body .trip-conversion-hero__btn--primary {
  background: var(--nt-logo-yellow, #f2c94c) !important;
  box-shadow: 0 14px 30px rgba(242, 201, 76, .24);
  color: #071d2b !important;
}

html body .trip-conversion-hero__btn--ghost {
  background: #ffffff !important;
  color: var(--nt-logo-navy, #0e2338) !important;
}

html body .trip-conversion-hero__note {
  color: rgba(255, 255, 255, .86);
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  width: 100%;
}

html body .trip-details-layout {
  align-items: flex-start;
  gap: 32px 0;
}

html body .trip-main-content > .trip-photo-hero,
html body .trip-main-content > .icon-all-top,
html body .trip-main-content > .content {
  margin-bottom: 34px !important;
}

html body .trip-photo-hero,
html body .trip-photo-hero__slider,
html body .trip-photo-hero img {
  min-height: 520px;
}

html body .trip-photo-hero img {
  object-fit: cover;
  width: 100%;
}

html body .icon-all-top {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 22px 58px rgba(12, 41, 61, .10) !important;
  padding: clamp(24px, 3vw, 36px) !important;
}

html body .icon-all-top h2,
html body .trip-section-title {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  margin-bottom: 24px !important;
}

html body .all-icon-detail {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body .all-icon-detail .content {
  align-items: flex-start;
  background: linear-gradient(180deg, #f7fbfd, #edf7fb) !important;
  border: 0 !important;
  display: flex !important;
  gap: 12px !important;
  margin: 0 !important;
  min-height: 118px;
  padding: 18px !important;
}

html body .all-icon-detail .content i {
  color: var(--nt-logo-blue, #0878b8) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

html body .fact-label {
  color: #617483 !important;
  display: block;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
  margin-bottom: 6px;
  text-transform: uppercase;
}

html body .fact-value-row b {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

html body .content {
  border: 0 !important;
}

html body .trip-main-content > .content {
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(12, 41, 61, .10) !important;
  padding: clamp(26px, 3.5vw, 46px) !important;
}

html body .trip-overview-content {
  color: #31485a !important;
  font-size: 18px !important;
  line-height: 1.82 !important;
}

html body #overview ul,
html body .trip-overview-content ul {
  display: grid;
  gap: 10px;
  padding-left: 0 !important;
}

html body #overview ul li::before,
html body #overview .overview-expand-btn {
  border-radius: 0 !important;
}

html body #overview .overview-expand-btn {
  background: var(--nt-logo-blue, #0878b8) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  padding: 12px 20px !important;
}

html body .itinerary-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  justify-content: space-between;
  margin-bottom: 18px;
}

html body .itinerary-title .trip-section-title {
  margin-bottom: 0 !important;
}

html body .all-expan,
html body .close-expan {
  background: #eef7fb !important;
  border: 0 !important;
  color: var(--nt-logo-navy, #0e2338) !important;
  font-weight: 900 !important;
  min-height: 44px;
  padding: 10px 16px !important;
}

html body .all-expan:hover,
html body .close-expan:hover {
  background: var(--nt-logo-blue, #0878b8) !important;
  color: #ffffff !important;
}

html body .trip-itinerary-accordion {
  margin-bottom: 12px !important;
}

html body .trip-itinerary-accordion .accordion-item {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(12, 41, 61, .08) !important;
  overflow: hidden;
}

html body .trip-itinerary-accordion .accordion-button {
  background: #f5fafc !important;
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  padding: 20px 24px !important;
}

html body .trip-itinerary-accordion .accordion-button:not(.collapsed),
html body .trip-itinerary-accordion .accordion-button:hover {
  background: var(--nt-logo-navy, #0e2338) !important;
  color: #ffffff !important;
}

html body .trip-itinerary-accordion .accordion-body {
  padding: 24px !important;
}

html body .icon-section {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 0 22px !important;
}

html body .icon-section .sec1 {
  background: #f6fafc !important;
  border: 0 !important;
  padding: 14px !important;
}

html body .icon-section .sec1 span {
  color: #617483 !important;
  display: block;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  margin-bottom: 5px !important;
  text-transform: uppercase;
}

html body .icon-section .itinerary-meta-value {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

html body .trip-cost-section {
  background: linear-gradient(180deg, #f8fbfd, #ffffff) !important;
  border: 0 !important;
  box-shadow: 0 22px 58px rgba(12, 41, 61, .09) !important;
  margin-top: 36px !important;
  padding: clamp(24px, 3vw, 36px) !important;
}

html body .package-cost {
  align-items: center !important;
  background: var(--nt-logo-navy, #0e2338) !important;
  color: #ffffff !important;
  display: flex !important;
  gap: 20px !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  padding: 24px !important;
}

html body .package-cost-label,
html body .package-cost-note,
html body .package-cost-price,
html body .package-cost-price span {
  color: #ffffff !important;
}

html body .package-cost-kicker {
  color: var(--nt-logo-yellow, #f2c94c) !important;
}

html body .cost-list-card {
  border: 0 !important;
  box-shadow: none !important;
  margin: 18px 0 !important;
  padding: 24px !important;
}

html body .cost-list-card.included {
  background: #eef8f2 !important;
}

html body .cost-list-card.excluded {
  background: #fff8ef !important;
}

html body .cost-rich-content li,
html body .trip-costs-rich-list li {
  background: rgba(255, 255, 255, .72) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .trip-booking-sidebar {
  position: sticky;
  top: 18px;
}

html body .trip-package-sidebar {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 24px 70px rgba(12, 41, 61, .14) !important;
  padding: 24px !important;
}

html body .trip-package-sidebar__single-card {
  background: linear-gradient(135deg, #eef8fd, #ffffff) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(8, 120, 184, .08);
  gap: 10px !important;
  padding: 20px !important;
}

html body .trip-package-sidebar__single-price {
  align-items: baseline;
  color: var(--nt-logo-blue, #0878b8) !important;
  display: flex !important;
  font-size: 30px !important;
  gap: 6px;
  justify-content: flex-end;
}

html body .trip-package-sidebar__single-price small {
  color: #607383 !important;
  font-size: 13px !important;
}

html body .trip-package-detail-link a {
  color: var(--nt-logo-blue, #0878b8) !important;
  font-weight: 900 !important;
}

html body .trip-package-sidebar__dates,
html body .trip-package-sidebar__qty,
html body .trip-package-sidebar__total {
  background: #f6fafc !important;
  border: 0 !important;
  margin-top: 14px !important;
  padding: 16px !important;
}

html body .trip-package-sidebar__date-row,
html body .trip-package-sidebar__total {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
}

html body .trip-package-qty__btn,
html body .trip-package-qty__input {
  border: 0 !important;
}

html body .trip-package-qty__btn {
  background: var(--nt-logo-navy, #0e2338) !important;
  color: #ffffff !important;
}

html body .trip-package-cta {
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  min-height: 52px;
}

html body .trip-package-cta--book {
  background: var(--nt-logo-blue, #0878b8) !important;
}

html body .trip-package-cta--inquire {
  background: var(--nt-logo-yellow, #f2c94c) !important;
  color: #071d2b !important;
}

html body .trip-package-help,
html body .trip-package-utilities,
html body .trip-package-rating {
  border: 0 !important;
  box-shadow: 0 16px 36px rgba(12, 41, 61, .08) !important;
}

html body .trip-costs-card,
html body .trip-costs-single-tier,
html body .trip-costs-booking-panel,
html body .trip-costs-package-details,
html body .trip-costs-calendar-wrap,
html body .trip-costs-group-panel {
  border: 0 !important;
}

html body .trip-costs-card {
  box-shadow: 0 22px 58px rgba(12, 41, 61, .10) !important;
}

@media (max-width: 1199.98px) {
  html body .trip-photo-hero,
  html body .trip-photo-hero__slider,
  html body .trip-photo-hero img {
    min-height: 440px;
  }

  html body .all-icon-detail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  html body .trip-conversion-hero {
    grid-template-columns: 1fr;
  }

  html body .trip-booking-sidebar {
    position: static;
  }

  html body .icon-section {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767.98px) {
  html body .pack-details {
    padding-bottom: 24px !important;
  }

  html body .trip-conversion-hero {
    margin-bottom: 22px !important;
    min-height: 0;
    padding: 30px 22px !important;
  }

  html body .trip-conversion-hero h1 {
    font-size: 38px !important;
  }

  html body .trip-conversion-hero__btn,
  html body .trip-conversion-hero__actions {
    width: 100%;
  }

  html body .trip-photo-hero,
  html body .trip-photo-hero__slider,
  html body .trip-photo-hero img {
    min-height: 300px;
  }

  html body .trip-main-content > .content,
  html body .trip-package-sidebar,
  html body .icon-all-top,
  html body .trip-cost-section {
    padding: 22px !important;
  }

  html body .all-icon-detail {
    grid-template-columns: 1fr !important;
  }

  html body .trip-overview-content {
    font-size: 16px !important;
    line-height: 1.72 !important;
  }

  html body .package-cost {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html body .trip-package-sidebar__single-card {
    grid-template-columns: 1fr !important;
  }

  html body .trip-package-sidebar__single-price {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-content: flex-start;
  }
}

/* Compact trip listing cards: remove blank lower space */
html body .activity-page .package,
html body .all-trips-page .package,
html body .packages .package,
html body .related-package .package,
html body .package {
  height: auto !important;
  min-height: 0 !important;
}

html body .package .all-down {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 24px !important;
}

html body .package-title {
  height: auto !important;
  margin-bottom: 16px !important;
  min-height: 0 !important;
}

html body .package-title a {
  min-height: 58px;
}

html body .package-meta__item {
  min-height: 96px !important;
}

html body .package-divider {
  margin: 18px 0 !important;
}

html body .package-footer {
  margin-top: 0 !important;
  min-height: 0 !important;
}

html body .package-price__from,
html body .package-price__label {
  line-height: 1.25 !important;
}

html body .package-price__current {
  align-items: baseline;
  background: #eaf7ff !important;
  box-shadow: inset 0 0 0 1px rgba(8, 120, 184, .18);
  display: inline-flex !important;
  gap: 4px;
  margin-top: 8px !important;
  padding: 8px 12px !important;
}

html body .package-img {
  overflow: hidden;
  position: relative !important;
}

html body .package-hover {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(7, 29, 43, .08), rgba(7, 29, 43, .88)) !important;
  bottom: 0;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  left: 0;
  min-height: 100%;
  opacity: 0;
  padding: 24px !important;
  pointer-events: none;
  position: absolute !important;
  right: 0;
  top: 0;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease;
  z-index: 3;
}

html body .package:hover .package-hover,
html body .package:focus-within .package-hover {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

html body .package-hover__text {
  color: #ffffff !important;
  margin: 0 0 18px !important;
}

@media (min-width: 1200px) {
  html body .activity-page .package,
  html body .all-trips-page .package,
  html body .packages .package {
    min-height: 0 !important;
  }
}

@media (max-width: 767.98px) {
  html body .package-title a {
    min-height: 0;
  }

  html body .package-meta__item {
    min-height: 0 !important;
  }
}

/* Booking funnel finish */
html body .booking-funnel-page {
  background:
    linear-gradient(180deg, #f3f9fc 0%, #ffffff 42%, #ffffff 100%),
    radial-gradient(circle at 12% 8%, rgba(242, 201, 76, .18), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(8, 120, 184, .14), transparent 28%);
  padding: clamp(34px, 5vw, 72px) 0;
}

html body .booking-funnel-page .container {
  max-width: 1320px;
}

html body .booking-breadcrumb {
  align-items: center;
  color: #667888;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 800;
  gap: 10px;
  margin: 0 0 22px;
}

html body .booking-funnel-grid {
  align-items: start;
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
}

html body .booking-funnel-card,
html body .booking-funnel-summary {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 26px 80px rgba(12, 41, 61, .12) !important;
  overflow: hidden;
}

html body .booking-funnel-card {
  padding: clamp(28px, 4vw, 52px) !important;
}

html body .booking-eyebrow {
  color: var(--nt-logo-blue, #0878b8);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .12em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

html body .booking-funnel-card h1 {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: clamp(42px, 4vw, 66px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 0 18px !important;
}

html body .booking-intro {
  color: #405768;
  font-size: 18px;
  line-height: 1.72;
  margin: 0 0 30px;
  max-width: 820px;
}

html body .booking-funnel-form {
  display: grid;
  gap: 24px;
}

html body .booking-funnel-form__section,
html body .booking-date-options,
html body .booking-funnel-form__consent {
  background: #f7fbfd !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(8, 120, 184, .07);
  padding: clamp(20px, 2.5vw, 28px) !important;
}

html body .booking-funnel-form__heading {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  margin: 0 0 18px !important;
}

html body .booking-funnel-form__lead,
html body .booking-date-options p {
  color: #53697a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
}

html body .booking-funnel-form label,
html body .booking-date-options label {
  color: var(--nt-logo-navy, #0e2338);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .04em;
  margin-bottom: 8px;
}

html body .booking-funnel-form .form-control,
html body .booking-date-options .form-control,
html body .booking-funnel-form textarea,
html body #endDate {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(14, 35, 56, .13) !important;
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: 16px !important;
  font-weight: 750;
  min-height: 52px;
  padding: 13px 15px !important;
}

html body .booking-funnel-form .form-control:focus,
html body .booking-date-options .form-control:focus,
html body .booking-funnel-form textarea:focus {
  box-shadow: inset 0 0 0 2px var(--nt-logo-blue, #0878b8), 0 10px 24px rgba(8, 120, 184, .12) !important;
  outline: 0;
}

html body .booking-date-options .form-check {
  align-items: flex-start;
  background: #ffffff;
  display: flex;
  gap: 10px;
  margin-bottom: 10px !important;
  padding: 14px 16px 14px 42px !important;
  position: relative;
}

html body .booking-date-options .form-check-input {
  border-radius: 0 !important;
  left: 16px;
  margin: 0;
  position: absolute;
  top: 18px;
}

html body .booking-date-options .ps-4 {
  padding-left: 0 !important;
}

html body .booking-completion-options {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body .booking-completion-option {
  background: #ffffff;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(14, 35, 56, .11);
  cursor: pointer;
  display: grid;
  gap: 10px;
  min-height: 190px;
  padding: 22px !important;
  position: relative;
}

html body .booking-completion-option input {
  position: absolute;
  right: 16px;
  top: 16px;
}

html body .booking-completion-option.is-selected {
  background: linear-gradient(180deg, #eef9ff, #ffffff);
  box-shadow: inset 0 0 0 2px var(--nt-logo-blue, #0878b8);
}

html body .booking-completion-option__badge {
  background: var(--nt-logo-yellow, #f2c94c);
  color: #071d2b;
  display: inline-flex;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  padding: 6px 8px;
  text-transform: uppercase;
  width: max-content;
}

html body .booking-completion-option__icon {
  align-items: center;
  background: var(--nt-logo-navy, #0e2338);
  color: #ffffff;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

html body .booking-completion-option__title {
  color: var(--nt-logo-navy, #0e2338);
  font-size: 19px;
  font-weight: 950;
  line-height: 1.2;
}

html body .booking-completion-option__text {
  color: #53697a;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
}

html body .booking-alert {
  background: #fff8df;
  color: #5f4a00;
  font-weight: 850;
  margin: 0 0 16px;
  padding: 14px 16px;
}

html body .booking-funnel-form__consent label {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  letter-spacing: 0;
  line-height: 1.55;
}

html body .booking-funnel-form__consent input {
  flex: 0 0 auto;
  margin-top: 5px;
}

html body .booking-funnel-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

html body .booking-continue-btn {
  background: var(--nt-logo-blue, #0878b8) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 16px 34px rgba(8, 120, 184, .24);
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 950;
  min-height: 56px;
  padding: 16px 28px !important;
}

html body .booking-continue-btn:hover {
  background: var(--nt-logo-navy, #0e2338) !important;
  transform: translateY(-1px);
}

html body .booking-funnel-actions__note {
  color: #607383;
  flex: 1 1 260px;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
  margin: 0;
}

html body .booking-funnel-loader {
  display: none;
}

html body .error,
html body .help-block {
  color: #c7392f !important;
  display: block;
  font-size: 13px;
  font-weight: 850;
  margin-top: 7px;
}

html body .booking-funnel-summary {
  position: sticky;
  top: 18px;
}

html body .booking-funnel-summary__media {
  aspect-ratio: 16 / 10;
  background: #dcecf3;
  overflow: hidden;
}

html body .booking-funnel-summary__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

html body .booking-funnel-summary__body {
  padding: 26px !important;
}

html body .booking-funnel-summary h2 {
  color: var(--nt-logo-navy, #0e2338) !important;
  font-size: clamp(26px, 2vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  margin: 0 0 20px !important;
}

html body .booking-funnel-summary__meta,
html body .booking-funnel-summary__price {
  align-items: center;
  background: #f6fafc;
  color: #53697a;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 14px 16px;
}

html body .booking-funnel-summary__meta strong,
html body .booking-funnel-summary__price strong {
  color: var(--nt-logo-navy, #0e2338);
  font-weight: 950;
}

html body .booking-funnel-summary__price span {
  color: var(--nt-logo-blue, #0878b8);
  font-size: 22px;
  font-weight: 950;
  white-space: nowrap;
}

html body .booking-funnel-discounts,
html body .booking-funnel-payments,
html body .booking-funnel-summary__secure {
  background: #f7fbfd;
  margin-top: 16px;
  padding: 18px;
}

html body .booking-funnel-discounts h3,
html body .booking-funnel-payments h3 {
  color: var(--nt-logo-navy, #0e2338);
  font-size: 18px;
  font-weight: 950;
  margin: 0 0 12px;
}

html body .booking-funnel-discounts ul {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

html body .booking-funnel-discounts li {
  align-items: center;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}

html body .booking-funnel-summary__secure {
  color: #17663c;
  font-weight: 900;
}

html body .booking-funnel-payments__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html body .booking-funnel-payments__logos img,
html body .booking-funnel-payments > img {
  background: #ffffff;
  max-height: 42px;
  object-fit: contain;
  padding: 6px;
}

@media (max-width: 991.98px) {
  html body .booking-funnel-grid {
    grid-template-columns: 1fr;
  }

  html body .booking-funnel-summary {
    position: static;
  }
}

@media (max-width: 767.98px) {
  html body .booking-funnel-page {
    padding: 28px 0;
  }

  html body .booking-funnel-card {
    padding: 24px 18px !important;
  }

  html body .booking-funnel-card h1 {
    font-size: 38px !important;
  }

  html body .booking-completion-options {
    grid-template-columns: 1fr;
  }

  html body .booking-funnel-actions,
  html body .booking-continue-btn {
    width: 100%;
  }

  html body .booking-funnel-summary__meta,
  html body .booking-funnel-summary__price {
    align-items: flex-start;
    flex-direction: column;
  }
}