/* ==========================================================================
   Tripkart redesign layer (Oct 2026)
   Loaded AFTER main.css and only overrides it: no markup or PHP logic depends
   on this file, so removing its <link> restores the old look.
   ========================================================================== */

:root {
  /* palette: the logo's own orange (#f06c30) and blue (#00549a / navy #003058) */
  --theme: #f06c30;
  --theme-2: #dd4f16;
  --header: #062a4a;
  --text: #3c4a57;
  --border: #e2e9f0;
  --bg: #f4f8fc;
  --tk-ink: #062a4a;
  --tk-ink-2: #00549a;
  --tk-teal: #1a7fc4;
  --tk-grad: linear-gradient(135deg, #ff9a4d 0%, #f06c30 48%, #dd4f16 100%);
  --tk-grad-ink: radial-gradient(120% 140% at 0% 0%, #0a66b0 0%, #062a4a 55%, #001e3a 100%);
  --tk-grad-soft: linear-gradient(180deg, #fff6f0 0%, #eef6fc 100%);
  --tk-shadow-sm: 0 2px 10px rgba(6, 42, 74, .06);
  --tk-shadow: 0 14px 40px -12px rgba(6, 42, 74, .18);
  --tk-shadow-warm: 0 12px 26px -10px rgba(221, 79, 22, .55);
  --box-shadow: var(--tk-shadow);
  --tk-r-sm: 12px;
  --tk-r: 20px;
  --tk-r-lg: 28px;
  --tk-ease: cubic-bezier(.22, 1, .36, 1);

  /* type */
  --tk-head: "Outfit", "Segoe UI", system-ui, sans-serif;
  --tk-body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --fs-h1: clamp(2rem, 1.25rem + 3.2vw, 3.75rem);
  --fs-h2: clamp(1.5rem, 1.15rem + 1.5vw, 2.375rem);
  --fs-h3: clamp(1.125rem, 1.05rem + .35vw, 1.375rem);
  --fs-h4: clamp(1.0625rem, 1rem + .2vw, 1.1875rem);
  --fs-p: clamp(.9375rem, .9rem + .15vw, 1rem);
  --fs-sm: .875rem;

  --tk-bar-h: 0px; /* height reserved for the mobile bottom bar */
}

/* ---------- base ---------- */
html { scroll-behavior: smooth; scroll-padding-top: 96px; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--tk-body);
  font-size: var(--fs-p);
  line-height: 1.7;
  color: var(--text);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  padding-bottom: var(--tk-bar-h);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--tk-head);
  color: var(--tk-ink);
  letter-spacing: -.015em;
  text-wrap: balance;
  transition: color .3s var(--tk-ease);
}
h1 { font-size: var(--fs-h1); font-weight: 700; line-height: 1.08; letter-spacing: -.03em; }
h2 { font-size: var(--fs-h2); font-weight: 700; line-height: 1.16; letter-spacing: -.025em; }
h3 { font-size: var(--fs-h3); font-weight: 600; line-height: 1.3; }
h4 { font-size: var(--fs-h4); font-weight: 600; line-height: 1.35; }
h5 { font-size: 1rem; font-weight: 600; }
h6 { font-size: .875rem; font-weight: 600; }
p { font-size: var(--fs-p); line-height: 1.7; text-wrap: pretty; }
a, p, span { transition: color .25s var(--tk-ease), background-color .25s var(--tk-ease), opacity .25s var(--tk-ease); }
img { max-width: 100%; }
::selection { background: #ffd9c2; color: var(--tk-ink); }
:focus-visible { outline: 2px solid var(--theme); outline-offset: 3px; border-radius: 6px; }
a:focus-visible { outline: 2px solid var(--theme) !important; }

.section-padding { padding: clamp(48px, 6vw, 96px) 0; }
.section-bg, .bg-color { background: var(--tk-grad-soft); }

.section-title { margin-bottom: clamp(18px, 2.4vw, 32px); }
.section-title .sub-title,
.hero-3 .hero-content .sub-title {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: "Kalam", cursive; font-size: clamp(1rem, .95rem + .3vw, 1.25rem);
  color: var(--theme); margin-bottom: 8px;
}
.section-title .sub-title::before {
  content: ""; width: 28px; height: 2px; border-radius: 2px; background: var(--tk-grad);
}

/* ---------- buttons ---------- */
.theme-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--tk-body); font-size: .9375rem; font-weight: 700; letter-spacing: .005em;
  padding: 16px 28px; min-width: 0; border-radius: 999px;
  background: var(--tk-grad); background-size: 140% 140%; color: #fff;
  box-shadow: var(--tk-shadow-warm), inset 0 1px 0 rgba(255, 255, 255, .35);
  transition: transform .35s var(--tk-ease), box-shadow .35s var(--tk-ease), background-position .5s var(--tk-ease);
}
.theme-btn i { margin-left: 0; transition: transform .35s var(--tk-ease); }
.theme-btn::before { background: var(--tk-ink); transition: width .45s var(--tk-ease); }
.theme-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -12px rgba(6, 42, 74, .5); }
.theme-btn:hover i { transform: translateX(4px); }
.theme-btn:active { transform: translateY(0) scale(.98); }
.theme-btn.style-2 { background: rgba(255, 255, 255, .16); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); backdrop-filter: blur(8px); }
@media (max-width: 991px) { .theme-btn { padding: 15px 24px; } }
@media (max-width: 575px) { .theme-btn { padding: 14px 20px; font-size: .875rem; } }

/* every button group stays on one row on phones */
@media (max-width: 575px) {
  .about-button, .hero-3 .hero-content .about-button, .tk-btn-row {
    display: flex; flex-wrap: nowrap !important; gap: 10px; align-items: stretch;
  }
  .about-button > .theme-btn, .tk-btn-row > .theme-btn, .tk-btn-row > .btn {
    flex: 1 1 0; min-width: 0; padding: 14px 10px; font-size: .8125rem; gap: 6px; white-space: nowrap;
  }
}

/* ---------- header: top strip + floating glass bar ---------- */
.header-section-10 { position: sticky; top: 0; z-index: 1001; }
.header-section-10::before, .header-section-10 .header-logo { display: none !important; }
.header-11 .logo-2 { display: block !important; }
.header-top-section-new { padding-left: 0; background: var(--tk-grad-ink); }
.header-top-wrapper-new { padding: 6px 0; min-height: 44px; }
.header-top-wrapper-new .top-right { gap: 26px; }
.header-top-wrapper-new .top-right li, .header-top-wrapper-new .top-right li a { color: rgba(255, 255, 255, .86); font-size: .8125rem; font-weight: 500; }
.header-top-wrapper-new .top-right li a:hover { color: #fff; }
.header-top-wrapper-new .top-right li i { color: #ffb37e; }
.header-top-wrapper-new .social-icon img { height: 26px !important; transition: transform .3s var(--tk-ease); }
.header-top-wrapper-new .social-icon a:hover img { transform: translateY(-2px) scale(1.06); }
@media (min-width: 1200px) { .header-section-10 { top: -44px; } } /* strip scrolls away, bar stays */

#header-sticky.header-11,
#header-sticky.sticky {
  position: relative !important; top: auto !important; left: auto; width: auto;
  animation: none !important; -webkit-animation: none !important;
  margin: 12px clamp(12px, 2.2vw, 40px) 0; max-width: 1400px;
  background: rgba(255, 255, 255, .78);
  -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%);
  border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 10px 30px -14px rgba(6, 42, 74, .28);
  transition: box-shadow .4s var(--tk-ease), background-color .4s var(--tk-ease);
}
@media (min-width: 1440px) { #header-sticky.header-11 { margin-inline: auto; } }
#header-sticky.sticky { background: rgba(255, 255, 255, .9); box-shadow: 0 1px 0 #fff inset, 0 18px 40px -16px rgba(6, 42, 74, .35); }
.header-11 .container-fluid { padding: 0 10px 0 22px !important; }
.header-main { min-height: 68px; gap: 16px; }
.header-main .logo img { height: 52px; width: auto; display: block; }
.header-main .header-right { gap: clamp(12px, 1.6vw, 28px); }
.header-main .main-menu ul { display: flex; align-items: center; gap: 2px; }
.header-main .main-menu ul li { margin-inline-end: 0; }
.header-main .main-menu ul li a {
  font-family: var(--tk-body); font-size: .9375rem; font-weight: 600; color: var(--tk-ink);
  padding: 9px 14px; border-radius: 999px;
}
.header-main .main-menu ul li a:hover { color: var(--theme) !important; background: rgba(240, 108, 48, .08); }
.header-main .main-menu ul li.active > a { color: #fff !important; background: var(--tk-grad); box-shadow: var(--tk-shadow-warm); }
.header-11 .theme-btn { padding: 14px 22px; }
@media (max-width: 1399px) { .header-11 .theme-btn { display: inline-flex; } }
.header-main .header__hamburger .header-bar img { height: 40px; border-radius: 12px; transition: transform .35s var(--tk-ease); }
.header-main .header__hamburger .header-bar:hover img { transform: rotate(90deg); }
.header-main .sidebar__toggle { display: grid; place-items: center; }
.header-main .header__hamburger.d-xl-none .sidebar__toggle {
  width: 44px; height: 44px; border-radius: 50%; background: var(--tk-ink); color: #fff; font-size: 1rem;
}
@media (max-width: 1199px) {
  #header-sticky.header-11, #header-sticky.sticky { margin: 8px 10px 0; border-radius: 22px; }
  .header-11 .container-fluid { padding: 0 10px 0 14px !important; }
  .header-main { min-height: 60px; }
  .header-main .logo img { height: 44px; }
  .header-main .header__hamburger.d-block { display: none !important; } /* grid icon: desktop only */
  .header-11 .theme-btn { padding: 12px 16px; font-size: .8125rem; }
}
@media (max-width: 420px) { .header-11 .theme-btn i { display: none; } }

/* offcanvas panel */
.offcanvas__info { border-radius: var(--tk-r-lg) 0 0 var(--tk-r-lg); box-shadow: -30px 0 60px -30px rgba(6, 42, 74, .5); }
.offcanvas__overlay { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.offcanvas__logo img { height: 56px; width: auto; }
.offcanvas__close button { border-radius: 50% !important; background: var(--tk-grad) !important; color: #fff !important; }
.offcanvas__contact h4 { font-family: var(--tk-head); }
.offcanvas__contact .theme-btn { width: 100%; }
.mean-container .mean-nav ul li a { font-family: var(--tk-body); font-weight: 600; font-size: 1rem; }

/* ---------- hero ---------- */
.hero-section.hero-3 {
  z-index: 1; margin: 12px clamp(10px, 2.2vw, 40px) 0; border-radius: var(--tk-r-lg); overflow: hidden;
  isolation: isolate;
}
.hero-3 .hero-image::before {
  background: linear-gradient(180deg, rgba(0, 30, 58, .25) 0%, rgba(0, 30, 58, .35) 45%, rgba(0, 30, 58, .78) 100%),
              radial-gradient(80% 60% at 50% 45%, rgba(0, 30, 58, .35), transparent 70%);
}
.hero-3 .hero-content { padding-block: clamp(84px, 13vw, 190px); }
.hero-3 .hero-content .sub-title {
  font-family: var(--tk-body); font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: #fff; padding: 7px 16px; border-radius: 999px; margin-bottom: 18px;
  background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.hero-3 .hero-content h1 { color: #fff; margin-bottom: 18px; text-shadow: 0 2px 30px rgba(0, 0, 0, .35); }
.hero-3 .hero-content p { color: rgba(255, 255, 255, .92); font-size: clamp(.9375rem, .9rem + .3vw, 1.125rem); max-width: 62ch; margin-inline: auto; }
.hero-3 .hero-content .about-button { margin-top: clamp(24px, 3vw, 40px); gap: 14px; }
.hero-3 .swiper-dot { bottom: 22px; }
.hero-3 .hero-content .input-group, .hero-3 .hero-content form { margin-inline: auto; }

/* inner page banner */
.breadcrumb-wrapper { margin: 12px clamp(10px, 2.2vw, 40px) 0; border-radius: var(--tk-r-lg); overflow: hidden; }
.breadcrumb-wrapper.hero-3 { margin-top: 12px; }

/* ---------- cards & surfaces ---------- */
.feature-card-items, .destination-card-items, .testimonial-card-items, .news-card-items-2, .news-card-items,
.contact-box-items, .single-sidebar-widget, .team-card-item, .airlines-items, .faq-items .accordion-item,
.package-card, .country-card, .activities-details-content .alert {
  border-radius: var(--tk-r) !important;
}
.destination-card-items, .testimonial-card-items, .news-card-items-2, .contact-box-items, .single-sidebar-widget,
.package-card, .country-card {
  border: 1px solid var(--border); background: #fff; box-shadow: var(--tk-shadow-sm);
  transition: transform .5s var(--tk-ease), box-shadow .5s var(--tk-ease), border-color .5s var(--tk-ease);
}
.destination-card-items:hover, .news-card-items-2:hover, .contact-box-items:hover, .package-card:hover, .country-card:hover {
  transform: translateY(-6px); box-shadow: var(--tk-shadow); border-color: transparent;
}
.destination-card-items { overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.destination-card-items .destination-content { flex: 1; display: flex; flex-direction: column; }
.destination-card-items .destination-content > :last-child { margin-top: auto; }
.destination-card-items .destination-image, .news-card-items-2 .news-image, .new-destination-items, .destination-category-item .category-image,
.team-card-item .team-image, .airlines-items .airlines-image, .instagram-banner-items .banner-image {
  overflow: hidden; border-radius: calc(var(--tk-r) - 4px);
}
.destination-card-items .destination-image img, .news-card-items-2 .news-image img, .new-destination-items img,
.destination-category-item .category-image img, .team-card-item .team-image img, .airlines-items .airlines-image img,
.instagram-banner-items .banner-image img {
  transition: transform .9s var(--tk-ease);
}
.destination-card-items:hover .destination-image img, .news-card-items-2:hover .news-image img, .new-destination-items:hover img,
.destination-category-item:hover .category-image img, .team-card-item:hover .team-image img, .airlines-items:hover .airlines-image img,
.instagram-banner-items:hover .banner-image img {
  transform: scale(1.06);
}

.feature-card-items { padding: 22px 16px; transition: transform .5s var(--tk-ease), background-color .5s var(--tk-ease), box-shadow .5s var(--tk-ease); }
.feature-card-items:hover { transform: translateY(-6px); background: #fff; box-shadow: var(--tk-shadow); }

.testimonial-card-items { padding: clamp(22px, 2.4vw, 34px); height: 100%; }
.testimonial-section .swiper-slide { height: auto; }

/* stat band */
.counter-wrapper-2 { background-color: var(--tk-ink); border-radius: var(--tk-r-lg); overflow: hidden; box-shadow: var(--tk-shadow); }
.counter-wrapper-2 .counter-items-2 .counter-content h2 { font-size: clamp(2.125rem, 1.6rem + 2vw, 3.375rem); }
.counter-wrapper-2 .counter-items-2 .counter-content p { font-size: var(--fs-p); opacity: .85; }
@media (max-width: 767px) {
  .counter-section-2 .container-fluid { padding: 0 12px; }
  .counter-wrapper-2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 28px 14px; text-align: center; }
  .counter-wrapper-2 .counter-items-2 .counter-content h2 { font-size: 1.625rem; }
  .counter-wrapper-2 .counter-items-2 .counter-content p { font-size: .75rem; line-height: 1.35; }
}
.counter-wrapper-2 h2, .counter-wrapper-2 .count { font-family: var(--tk-head); font-variant-numeric: tabular-nums; }

.choose-us-content > h3, .choose-us-content > h4, .choose-us-wrapper .section-title + p + h3 { margin-top: 18px; }

/* FAQ */
.faq-items .accordion-item { border: 1px solid var(--border) !important; box-shadow: var(--tk-shadow-sm); overflow: hidden; margin-bottom: 12px; }
.faq-items .accordion-button { font-family: var(--tk-head); font-size: var(--fs-h4); font-weight: 600; }
.faq-items .accordion-button:not(.collapsed) { color: var(--theme); }

/* forms */
.form-clt input, .form-clt textarea, .form-clt select, .form-clt .nice-select,
.search-widget input, .desti-booking-form input, .desti-booking-form select, .desti-booking-form textarea {
  font-family: var(--tk-body); font-size: 1rem; border-radius: var(--tk-r-sm) !important;
  transition: border-color .25s var(--tk-ease), box-shadow .25s var(--tk-ease), background-color .25s var(--tk-ease);
}
.form-clt input:focus, .form-clt textarea:focus, .form-clt select:focus,
.desti-booking-form input:focus, .desti-booking-form select:focus, .desti-booking-form textarea:focus, .search-widget input:focus {
  border-color: var(--theme) !important; box-shadow: 0 0 0 4px rgba(240, 108, 48, .14) !important; outline: 0;
}
.btn-search, .input-group .btn-search { background: var(--tk-grad) !important; border: 0 !important; color: #fff !important; font-weight: 700; }
.alert { border-radius: var(--tk-r-sm); border: 0; }
.modal-content { border-radius: var(--tk-r-lg); border: 0; overflow: hidden; }

/* pagination */
.page-nav-wrap ul li .page-numbers { border-radius: 50%; transition: all .3s var(--tk-ease); }
.page-nav-wrap ul li .page-numbers.active, .page-nav-wrap ul li .page-numbers:hover, .page-nav-wrap ul li.active .page-numbers { background: var(--tk-grad); color: #fff; border-color: transparent; }

/* ---------- footer ---------- */
.footer-section { position: relative; margin: clamp(32px, 5vw, 72px) clamp(10px, 2.2vw, 40px) 12px; border-radius: var(--tk-r-lg); overflow: hidden; isolation: isolate; }
.footer-section::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 30, 58, .9), rgba(0, 30, 58, .96)); }
.footer-widget-wrapper-new::before { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .08); border-top: 0; border-radius: 0 0 var(--tk-r) var(--tk-r); }
.footer-widget-wrapper-new .single-widget-items .widget-head h4::before { background: var(--tk-grad); height: 3px; border-radius: 3px; width: 44px; }
.footer-section .contact-info .content p, .footer-section .contact-info .content a { font-size: .875rem; line-height: 1.6; }
.footer-section .contact-info .content p + p { margin-top: 8px; }
.footer-section .single-widget-items .widget-head h4 { font-family: var(--tk-head); font-size: 1.125rem; color: #fff; }
.footer-section .list-items li a { color: rgba(255, 255, 255, .78); font-size: .9375rem; }
.footer-section .list-items li a:hover { color: #fff; padding-left: 4px; }
.footer-section .footer-content p { color: rgba(255, 255, 255, .78); }
.footer-section .contact-info .icon { background: var(--tk-grad) !important; border-radius: 12px !important; color: #fff !important; }
.footer-section .social-icon img { transition: transform .3s var(--tk-ease); }
.footer-section .social-icon a:hover img { transform: translateY(-3px) scale(1.06); }
.footer-bottom .footer-wrapper p span { color: var(--theme); }

/* ---------- floating helpers ---------- */
.back-to-top { background: var(--tk-grad); box-shadow: var(--tk-shadow-warm); right: 24px; bottom: 24px; width: 46px; height: 46px; line-height: 46px; }
.back-to-top:hover { background: var(--tk-ink); }
.floating_btn { bottom: 84px; right: 6px; }
.text_icon { font-family: var(--tk-body); font-weight: 600; font-size: .75rem; color: var(--tk-ink); margin-top: 16px; }
@media (hover: none), (pointer: coarse) { .mouse-cursor { display: none !important; } }

/* ---------- mobile bottom bar ---------- */
.tk-bottom-bar { display: none; }
@media (max-width: 991px) {
  :root { --tk-bar-h: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .tk-bottom-bar {
    position: fixed; z-index: 1000; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; height: 64px; padding: 0 6px;
    background: rgba(6, 42, 74, .9); -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%);
    border: 1px solid rgba(255, 255, 255, .12); border-radius: 22px;
    box-shadow: 0 18px 40px -14px rgba(0, 30, 58, .7), inset 0 1px 0 rgba(255, 255, 255, .12);
  }
  .tk-bottom-bar a, .tk-bottom-bar button {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    height: 52px; border-radius: 16px; color: rgba(255, 255, 255, .72);
    font-family: var(--tk-body); font-size: .6875rem; font-weight: 600; line-height: 1; letter-spacing: .01em;
    -webkit-tap-highlight-color: transparent; transition: color .25s var(--tk-ease), background-color .25s var(--tk-ease), transform .25s var(--tk-ease);
  }
  .tk-bottom-bar i { font-size: 1.125rem; }
  .tk-bottom-bar a:active, .tk-bottom-bar button:active { transform: scale(.94); }
  .tk-bottom-bar .is-active { color: #fff; background: rgba(255, 255, 255, .1); }
  .tk-bottom-bar .is-active i { color: #ffb37e; }
  .tk-bottom-bar .tk-bar-cta { color: #fff; }
  .tk-bottom-bar .tk-bar-cta i {
    display: grid; place-items: center; width: 50px; height: 50px; margin-top: -26px; border-radius: 50%;
    font-size: 1.5rem; background: linear-gradient(135deg, #3ee08f, #12b76a); border: 4px solid #062a4a;
    box-shadow: 0 10px 22px -8px rgba(18, 183, 106, .8);
  }
  .floating_btn { display: none; }               /* WhatsApp lives in the bar on phones */
  .back-to-top { right: 14px; bottom: calc(var(--tk-bar-h) + 6px); width: 42px; height: 42px; line-height: 42px; }
  .footer-section { margin-bottom: 8px; }
}

/* ---------- motion ---------- */
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 28px, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -28px, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-32px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(32px, 0, 0); } to { opacity: 1; transform: none; } }
.wow, .animated { animation-duration: .85s; animation-timing-function: var(--tk-ease); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .wow { visibility: visible !important; }
}

/* ---------- small screens ---------- */
@media (max-width: 767px) {
  .section-title { text-align: center; }
  .section-title .sub-title::before { display: none; }
  .hero-section.hero-3, .breadcrumb-wrapper, .footer-section { border-radius: 22px; }
  .footer-bottom .footer-wrapper { gap: 8px; text-align: center; justify-content: center; }
}

/* ---------- page-level refinements ---------- */
.mean-container .mean-nav ul li.active > a { color: var(--theme) !important; }
@media (max-width: 767px) {
  .feature-section .row > [class*="col-"] { width: 50%; }
  .feature-card-items { padding: 16px 8px; }
  .feature-card-items h3, .feature-card-items h4 { font-size: .9375rem; }
}

/* Holidays / Visa banners: the "sub-title" there is really the headline, followed by a search pill */
.hero-3 .hero-content[style*="padding"] { padding-block: clamp(64px, 9vw, 130px) !important; }
.hero-3 .hero-content .sub-title[style*="font-size"] {
  display: block; padding: 0; margin-bottom: 10px; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  font-family: var(--tk-head); font-size: var(--fs-h1) !important; font-weight: 700; line-height: 1.08;
  letter-spacing: -.03em; text-transform: none; text-shadow: 0 2px 30px rgba(0, 0, 0, .35);
}
.hero-3 .hero-content .sub-title[style*="font-size"] + h3 { font-family: var(--tk-body); font-weight: 500; font-size: clamp(.9375rem, .9rem + .3vw, 1.125rem); letter-spacing: 0; opacity: .92; }
.hero-3 .hero-content .about-button > a:has(.input-group) { display: block; width: 100%; max-width: 560px; }
.hero-3 .hero-content .input-group {
  display: flex; flex-wrap: nowrap; align-items: center; width: 100%; max-width: 560px; margin: 0 auto;
  padding: 6px; background: rgba(255, 255, 255, .96); border-radius: 999px;
  box-shadow: 0 20px 50px -18px rgba(0, 30, 58, .7), inset 0 0 0 1px rgba(255, 255, 255, .6);
}
.hero-3 .hero-content .input-group .form-control {
  flex: 1 1 auto; min-width: 0; height: 46px; border: 0; background: transparent; box-shadow: none;
  padding: 0 16px; font-family: var(--tk-body); font-size: 1rem; color: var(--tk-ink); border-radius: 999px !important;
}
.hero-3 .hero-content .input-group .form-control::placeholder { color: #7b8b92; }
.hero-3 .hero-content .input-group .btn-search {
  height: 46px; padding: 0 22px; border-radius: 999px !important; white-space: nowrap; font-size: .9375rem;
  box-shadow: var(--tk-shadow-warm); transition: transform .3s var(--tk-ease);
}
.hero-3 .hero-content .input-group .btn-search:hover { transform: translateY(-1px); }
@media (max-width: 575px) {
  .hero-3 .hero-content .about-button:has(.input-group) { display: block; }
  .hero-3 .hero-content .input-group .btn-search { padding: 0 14px; font-size: .8125rem; }
}
.contact-box-items .content h4 { font-family: var(--tk-body); line-height: 1.5; }
.contact-box-items .content h4 span[style] { font-size: .8125rem !important; font-weight: 500; color: var(--text); }
.contact-box-items .content h4 a[style] { font-size: 1rem !important; font-weight: 700; white-space: nowrap; }
.hero-section.breadcrumb-wrapper { height: auto !important; }
.package-detail-content table, .news-details-area table, .blog-description table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.package-detail-content img, .blog-description img { height: auto; border-radius: var(--tk-r-sm); }
@media (max-width: 575px) {
  .section-title-area .nav { flex-wrap: nowrap; width: 100%; gap: 6px; }
  .section-title-area .nav .nav-item { flex: 1 1 auto; }
  .section-title-area .nav .nav-item .nav-link { width: 100%; padding: 11px 8px; font-size: .75rem; white-space: nowrap; border-radius: 999px; }
}
.section-title-area .nav .nav-item .nav-link { border-radius: 999px; font-weight: 600; transition: all .3s var(--tk-ease); }
.section-title-area .nav .nav-item .nav-link.active { background: var(--tk-grad); box-shadow: var(--tk-shadow-warm); }

/* ==========================================================================
   v2 (Oct 2026): logo-colour gradients, contact hover, testimonial clamp
   ========================================================================== */
:root {
  --tk-blue: #00549a;
  --tk-grad-blue: linear-gradient(135deg, #1a7fc4 0%, #00549a 50%, #003058 100%);
  --tk-grad-brand: linear-gradient(100deg, #00549a 0%, #0a66b0 38%, #f06c30 100%);
  --tk-shadow-blue: 0 12px 26px -10px rgba(0, 84, 154, .55);
}

/* brand gradient accents */
.header-top-section-new { background: linear-gradient(100deg, #003058 0%, #00549a 62%, #0a66b0 82%, #f06c30 135%); }
.section-title h2 { background: linear-gradient(100deg, #062a4a 0%, #00549a 55%, #f06c30 120%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #062a4a; padding-bottom: .08em; }
.section-title .sub-title::before { background: var(--tk-grad-brand); }
.section-bg, .bg-color {
  background: radial-gradient(60% 80% at 100% 0%, rgba(240, 108, 48, .10), transparent 60%),
              radial-gradient(60% 80% at 0% 100%, rgba(0, 84, 154, .10), transparent 60%), #f8fbfe;
}
.hero-3 .hero-image::before {
  background: linear-gradient(180deg, rgba(0, 30, 58, .30) 0%, rgba(0, 48, 88, .32) 45%, rgba(0, 30, 58, .80) 100%),
              linear-gradient(110deg, rgba(0, 84, 154, .28), transparent 55%, rgba(240, 108, 48, .16));
}
.theme-btn.style-2:not(.hero-content *) { background: var(--tk-grad-blue); box-shadow: var(--tk-shadow-blue), inset 0 1px 0 rgba(255, 255, 255, .3); -webkit-backdrop-filter: none; backdrop-filter: none; }
.theme-btn::before { background: #003058; }
.counter-wrapper-2 { position: relative; isolation: isolate; }
.counter-wrapper-2::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(0, 48, 88, .92) 0%, rgba(0, 84, 154, .82) 55%, rgba(240, 108, 48, .55) 130%); }
.counter-wrapper-2 .counter-image { z-index: 1; }
.footer-section::before { background: linear-gradient(180deg, rgba(0, 36, 68, .93), rgba(0, 24, 48, .97)); }
.footer-section::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--tk-grad-brand); }
.tk-bottom-bar { background: linear-gradient(120deg, rgba(0, 48, 88, .94), rgba(0, 84, 154, .94)) !important; }
.tk-bottom-bar .tk-bar-cta i { border-color: #004579 !important; }
.header-main .header__hamburger.d-xl-none .sidebar__toggle { background: var(--tk-grad-blue); }
.faq-items .accordion-button:not(.collapsed) { color: var(--tk-blue); }
.modal .modal-header { background: var(--tk-grad-blue); }
.airlines-items:hover { border-color: var(--theme) !important; }
html { scrollbar-color: #00549a #eaf1f8; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #eaf1f8; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #00549a, #f06c30); border-radius: 10px; border: 2px solid #eaf1f8; }

/* contact page: phone / email / branch cards.
   The template flooded the outer box orange on hover while the inner card stayed white, hiding the text. */
.contact-us-main { padding: 0; background: transparent !important; border-radius: var(--tk-r); height: 100%; }
.contact-us-main .contact-box-items {
  position: relative; isolation: isolate; overflow: hidden; height: 100%; min-height: 15rem; padding: 28px 18px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  transform: none !important;
}
.contact-us-main .contact-box-items::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--tk-grad-blue); opacity: 0; transition: opacity .45s var(--tk-ease);
}
.contact-us-main .contact-box-items .icon { margin-bottom: 16px; }
.contact-us-main .contact-box-items .icon img { transition: filter .45s var(--tk-ease), transform .45s var(--tk-ease); }
.contact-us-main .contact-box-items .content h4, .contact-us-main .contact-box-items .content h4 a,
.contact-us-main .contact-box-items .content h4 span, .contact-us-main .contact-box-items .content p, .contact-us-main .contact-box-items .content p a {
  transition: color .35s var(--tk-ease);
}
.contact-us-main .contact-box-items .content p { font-size: .9375rem; line-height: 1.6; }
.contact-us-main:hover { background: transparent !important; }
.contact-us-main:hover .contact-box-items { box-shadow: var(--tk-shadow-blue); border-color: transparent; }
.contact-us-main:hover .contact-box-items::before { opacity: 1; }
.contact-us-main:hover .contact-box-items .icon img { filter: brightness(0) invert(1); transform: translateY(-3px); }
.contact-us-main:hover .contact-box-items .content h4, .contact-us-main:hover .contact-box-items .content h4 a,
.contact-us-main:hover .contact-box-items .content h4 span[style], .contact-us-main:hover .contact-box-items .content p,
.contact-us-main:hover .contact-box-items .content p a, .contact-us-main:hover .contact-box-items .content a { color: #fff !important; }
.contact-us-section .row > [class*="col-"] { margin-bottom: 24px; }
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt input,
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt textarea,
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt select { border-color: #cfdbe8; background: #fff; }
.map-area iframe, .google-map iframe { max-width: 100%; border-radius: var(--tk-r); }

/* home testimonials: compact, equal-height cards; long reviews end in "…" and open on tap */
.testimonial-card-items { display: flex; flex-direction: column; cursor: pointer; }
.testimonial-card-items > p {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; overflow: hidden;
  min-height: calc(1.7em * 5);
}
.testimonial-card-items.is-open > p { -webkit-line-clamp: unset; line-clamp: unset; display: block; }
.testimonial-card-items .client-info-items { margin-top: auto; padding-top: 18px; }
.testimonial-card-items .client-info-items h4 { text-transform: capitalize; }
.testimonial-card-items .client-info-items .icon svg { width: 34px; height: 34px; }
.testimonial-card-items .client-info-items .icon svg path { fill: var(--theme); }

/* ---------- responsive extremes ---------- */
@media (min-width: 1900px) {
  .header-top-section-new .container-fluid { max-width: 1400px; padding: 0 22px; }
  .hero-section.hero-3, .breadcrumb-wrapper, .footer-section { max-width: 1840px; margin-inline: auto; }
}
@media (max-width: 1199px) and (min-width: 992px) { .header-main .main-menu { display: none; } }
@media (max-width: 380px) {
  .header-main .logo img { height: 38px; }
  .header-11 .theme-btn { padding: 10px 12px; font-size: .75rem; }
  .tk-bottom-bar a, .tk-bottom-bar button { font-size: .625rem; }
  .about-button > .theme-btn { font-size: .75rem; padding-inline: 6px; }
  .about-button > .theme-btn i { display: none; }
  .hero-3 .hero-content .input-group .btn-search i { display: none; }
}

/* wheel smoothing (redesign.js) drives scrolling itself */
html.tk-smooth { scroll-behavior: auto; }
.testimonial-section .swiper-slide .testimonial-card-items { padding: 26px 26px 22px; margin-top: 0; height: 100%; }
.testimonial-section .testimonial-card-items .client-info-items { margin-top: auto; padding-top: 16px; }
.testimonial-section .swiper { padding-block: 10px 26px; }

/* mobile bottom bar hides during scroll (class toggled in redesign.js) */
.tk-bottom-bar { transition: transform .4s var(--tk-ease), opacity .3s var(--tk-ease); will-change: transform; }
.tk-bottom-bar.is-hidden { transform: translateY(calc(100% + 28px)); opacity: 0; pointer-events: none; }

/* headings on photo/dark bands keep solid white (the gradient heading is for light sections only) */
.section-title h2.text-white, .cta-offer-section .section-title h2, .deals-offer-section .section-title h2 {
  background: none; -webkit-text-fill-color: #fff; color: #fff !important; text-shadow: 0 2px 24px rgba(0, 30, 58, .45);
}
.cta-offer-section .section-title .sub-title, .section-title .sub-title.text-white { color: #ffc59e !important; }
.cta-offer-section .section-title .sub-title::before { background: #ffc59e; }