/*Global Reset & Base Styles*/
*,*::before,*::after {margin: 0;padding: 0;box-sizing: border-box;}
/*Root Variables (Theme)*/
:root {
    --theme-color: #FAB40A;
    --theme-color-dark: #05243e;
    --theme-color-hover: #E8A80B;
    --text-color: #535353;
    --title-color: #33312D;
    --light-color: #F5F5F5;
    --color-white:#FFFFFF;
    --border-radius-sm:6px;
    --border-radius-md:10px;
    --transition: all 0.3s ease-in-out ;

}
/*HTML & Body*/
html {scroll-behavior: smooth;font-family: sans-serif;line-height: 1.5;}
body {font-family: 'Poppins', sans-serif;background-color: #ffffff;color: var(--text-color);}
/*Typography (SEO Friendly)*/
h1, h2, h3, h4 {font-weight: 600;color: var(--title-color);line-height: 1.3;margin-bottom: 0.5em;}
h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.15rem; }
a{text-decoration: none;}
/*Horizontal Rule*/
hr {height: 1px;background-color: #ddd;border: none;margin: 20px 0;}

/* PRIMARY BUTTON */
.btn-primary {background: var(--theme-color);color: var(--color-white);border: none;padding: 8px 20px;border-radius: var(--border-radius-sm);font-size: 14px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;display: inline-flex;align-items: center;justify-content: center;gap: 8px;cursor: pointer;transition: var(--transition);}
.btn-primary:hover {background-color: var(--theme-color-hover);}
.btn{padding: 12px 26px;border-radius: 6px;font-size: 14px;font-weight: 600;text-decoration: none;transition: var(--transition);}
.btn-yellow {background: var(--theme-color);color: #000;}
.btn-yellow:hover {background: var(--theme-color-hover);}
.btn-blue {background: #1664a4;color: var(--color-white);}
.btn-blue:hover {background: var(--theme-color-hover);color: #000;}

/* ==============HEADER================= */
/* -------------TOP-HEADER------------- */
.top-header {background: var(--theme-color-dark);color: var(--light-color-text);font-size: 12px;position:relative;}

.top-header-inner {display: flex;justify-content: space-between;align-items: center;padding: 8px 0;}
/*  SOCIAL ICONS */
.top-social{padding-left: 210px;}
.top-social a {margin-right: 12px;font-size: 16px;color: var(--theme-color);}
/*  TOP LINKS  */
.top-links {display: flex;align-items: center;gap: 12px;}
.top-links a {color: var(--light-color);text-decoration: none;font-weight: 400;line-height: 1.5;font-size: 13px;letter-spacing: 0.025em;}
/* Divider */
.divider {width: 1px;height: 12px;background: rgba(255, 255, 255, 0.6);}
/*  MOVING BORDER (SEQUENTIAL) */
.highlight-border {position: relative;padding: 6px 16px;border-radius: var(--border-radius-sm);overflow: hidden;}
/* Language */
.language-selector {position: relative;}
.language-toggle {display: flex;align-items: center;gap: 8px;background: transparent;font-size: 14px;font-weight: 600;color: var(--theme-color-dark);text-decoration: none;transition: all 0.3s ease;z-index: 9991;}
.language-toggle .arrow {font-size: 12px;}
.language-menu {margin-top: 10px !important;padding: 8px;min-width: 180px;border-radius: 3px;border: none;animation: dropdownFade 0.25s ease-in-out;}
.language-menu .dropdown-item {display: flex;align-items: center;cursor: pointer; gap: 10px;padding: 10px 14px;font-size: 14px;font-weight: 500;border-radius: var(--border-radius-sm);color: var(--theme-color-dark);transition: all 0.25s ease;}
.language-menu .dropdown-item span {flex: 1;}
.language-menu .dropdown-item:hover {background: var(--color-white);transform: translateX(4px);}
/* Text */
.highlight-border span a{position: relative;text-transform: uppercase;letter-spacing: 0.2em; z-index: 2;color: var(--theme-color) !important;font-size: 12px;font-weight: 600;white-space: nowrap;}
/* Running Border */
.highlight-border::before {content: "";position: absolute;inset: 0;border-radius: var(--border-radius-sm);padding: 1px;
    background:
        linear-gradient(90deg, var(--theme-color) 0 0) top / 0% 1px no-repeat,
        linear-gradient(180deg, var(--theme-color) 0 0) right / 1px 0% no-repeat,
        linear-gradient(270deg, var(--theme-color) 0 0) bottom / 0% 1px no-repeat,
        linear-gradient(0deg, var(--theme-color) 0 0) left / 1px 0% no-repeat;
    animation: borderRun 3s linear infinite;
    /* Border-only mask */
    -webkit-mask:linear-gradient(var(--light-color-text) 0 0) content-box,linear-gradient(var(--light-color-text) 0 0) border-box;
    -webkit-mask-composite: destination-out;
    -webkit-mask-clip: content-box, border-box;
    mask:linear-gradient(var(--light-color-text) 0 0) content-box,linear-gradient(var(--light-color-text) 0 0) border-box;mask-composite: exclude;mask-clip: content-box, border-box;}
/* SEQUENCE ANIMATION */
@keyframes borderRun {
    /* Top: left → right */
    0% {background-size:0% 1px,1px 0%,0% 1px,1px 0%;}
    25% {background-size:100% 1px,1px 0%,0% 1px,1px 0%;}
    /* Right: top → bottom */
    50% {background-size:100% 1px,1px 100%,0% 1px,1px 0%;}
    /* Bottom: right → left */
    75% {background-size:100% 1px,1px 100%,100% 1px,1px 0%;}
    /* Left: bottom → top */
    100% {background-size:100% 1px,1px 100%,100% 1px,1px 100%;}
}
.highlight-border:hover::before {animation-play-state: paused;}

/*------ RESPONSIVE------- */
@media (max-width: 768px) {
    .top-header-inner {flex-direction: column;gap: 8px;text-align: center;}
    .top-social{padding-left: 0;}
    .top-links {flex-wrap: wrap;justify-content: center;}
}

/* ================= VIDEO HEADER ================= */
.navbar-bg-img {position: relative;height: 100vh;overflow: hidden;}
.navbar-bg-img video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);object-fit: cover;z-index: -2;}
.navbar-bg-img::after {content: "";position: absolute;inset: 0;top: 0;left: 0;background: rgba(8, 39, 64, 0.4);z-index: 1;width: 100%;height: 100%;}
/* ================= NAVBAR ================= */
.nav-bar-sticky{position: sticky;top: 0;z-index: 999;}
.navbar-wrapper {background: rgba(8, 39, 64, 0.35);transition: .3s;}
.navbar-wrapper:hover {background: var(--color-white);}
.navbar-brand {max-width: 145px;background: var(--theme-color-dark);padding: 20px;border-radius: 0 0 14px 14px;position: absolute;z-index: 2000;}
.navbar-brand img {width: 100%;}
.navbar-nav li a{cursor: pointer;}
.nav-link:hover{color: var(--theme-color) !important;}
.nav-link {color: var(--color-white);font-weight: 700;padding: 16px 14px;text-transform: uppercase;transition: .3s;}
.navbar-wrapper:hover .nav-link{color: var(--theme-color-dark);}
/* ========navbar-wrapper-header-second========= */
.navbar-wrapper-header-second{background-color: var(--color-white);color: var(--theme-color-dark);}
.navbar-wrapper-header-second li a{color: var(--theme-color-dark);}
/* ================= MEGA MENU ================= */
.mega-wrapper {position: static;}
.mega-menu {position: absolute;inset: 100% 0 auto 0;background: var(--color-white);padding: 25px 0 50px;border-bottom: 5px solid var(--theme-color-dark);opacity: 0;visibility: hidden;transform: translateY(25px);transition: .35s ease;z-index: 1500;}
.mega-wrapper:hover .mega-menu {opacity: 1;visibility: visible;transform: translateY(0);}
/* ================= FILTER BAR ================= */
.filter-scroll {display: flex;flex-wrap: wrap; align-items: center;gap: 10px;padding: 1rem 0;border-bottom: 2px solid #eee;}
.filter-btn {background: var(--light-color);border: none;padding: 7px 15px;font-weight: 600;border-radius: var(--border-radius-sm);border-right: 4px solid #ddd;transition: .3s;}
.filter-btn:hover {color: var(--theme-color);border-right-color: var(--theme-color);}
.filter-btn.active {background: var(--theme-color);color: var(--color-white);border-right-color: var(--theme-color-hover);}
.nav-arrows {margin-left: auto;display: flex;gap: 10px;}
.arrow-btn {width: 35px;height: 35px;border-radius: 50%;border: 2px solid var(--theme-color-dark);background: transparent;transition: .3s;}
.arrow-btn:hover {border-color: var(--theme-color);color: var(--theme-color);}
/* ================= SLIDER ================= */
.navbar-slider {margin-top: 2rem;display: none;}
.navbar-slider.active {display: block;}
.navbar-slider-card {height: 280px;border-radius: var(--border-radius-md);overflow: hidden;position: relative;margin: 0 12px;}
.navbar-slider-card img {width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease-in-out;}
.navbar-slider-card:hover img {transform: scale(1.15);}
.navbar-slider-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, .75), transparent 60%);}
.card-overlay {position: absolute;bottom: 1rem;left: 1rem;color: var(--light-color);z-index: 2;}
.card-overlay h5 {color: var(--color-white);font-size: 16px;font-weight: 700;letter-spacing: 0.04em;margin: 0;}
.card-overlay h6 {color: var(--theme-color);font-size: 14px;font-weight: 700;letter-spacing: 0.04em;margin: 0;}

/* ================= MOBILE ================= */
@media (max-width: 991px) {.navbar-wrapper{display: none;}.navbar-bg-img{height: 80vh;}}

 /*--------Activity-Card------ */
.activity-service-card {display: inline-flex;align-items: center;gap: 14px;background: var(--light-color);padding: 10px 20px 10px 12px;border-radius: var(--border-radius-md);cursor: pointer;transition: var(--transition);position: relative;overflow: hidden;width: 100%;margin: 1rem 0;}
/* Accent line */
.activity-service-card::before {content: "";position: absolute;left: 0;top: 0;width: 4px;height: 100%;background: var(--theme-color);transform: scaleY(0);transition: transform 0.35s ease;}
.activity-service-card:hover::before {transform: scaleY(1);}
/* Icon Box */
.activity-icon-box {width: 60px;height: 60px;background: var(--theme-color-dark);border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.activity-icon-box img {width: 100%;object-fit: contain;padding: 7px;}
.activity-service-title {font-size: 16px;font-weight: 600;color: var(--theme-color-dark);white-space: nowrap;transition: all 0.3s ease-in-out;}
.activity-service-card:hover .activity-service-title {color: var(--theme-color);}

/* Destinations-Card */
.destination-navbar-slider-card {position: relative;width: auto;height: 220px;border-radius: var(--border-radius-md);overflow: hidden;cursor: pointer;transition: transform 0.4s ease;}
.destination-navbar-slider-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}
.destination-card-overlay {position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0.2),transparent);
    display: flex;align-items: flex-end;justify-content: center;padding-bottom: 16px;transform: translateY(40%);transition: all 0.45s ease;}
.destination-card-overlay h5 {color: var(--color-white);font-size: 16px;font-weight: 700;letter-spacing: 0.04em;margin: 0;transform: translateY(15px);transition: transform 0.45s ease;}
.destination-navbar-slider-card:hover .destination-card-overlay {transform: translateY(0);background: rgba(0,0,0,0.75);}
.destination-navbar-slider-card:hover h5 {transform: translateY(-10px);}
/* ---------------- Menu Item ---------------- */
.general-menu-item {position: relative;list-style: none;}
/* Link */
.general-menu-link {display: flex;justify-content: space-between;align-items: center;padding: 12px 18px;font-weight: 600;color: var(--theme-color-dark);text-decoration: none;border-radius: var(--border-radius-sm);transition: background 0.3s, color 0.3s;}
.general-menu-link:hover {background: var(--theme-color);color: var(--color-white);}
/* --------------- Dropdown ---------------- */
.general-menu-dropdown {list-style: none; position: absolute;top: 100%;left: 0;min-width: 220px;background: var(--color-white);border-radius: 0 0 0 6px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: var(--transition);z-index: 1000;padding: 8px 0;border-bottom: 3px solid var(--theme-color);}
/* Show Dropdown */
.has-dropdown:hover > .general-menu-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
/* Dropdown Items */
.general-menu-dropdown li a {display: flex;justify-content: space-between;align-items: center;padding: 10px 16px;font-size: 14px;font-weight: 600; color: var(--theme-color-dark);text-decoration: none;transition: background 0.3s, color 0.3s;border-radius: var(--border-radius-sm);}
.general-menu-dropdown li a:hover {background: rgba(252, 180, 0, 0.1);color: var(--theme-color);}
/* ---------------- Submenu ---------------- */
.general-menu-submenu {list-style: none;position: absolute;top: 0;left: 100%;min-width: 200px;background: var(--color-white);border-radius: 0 6px 6px 6px ;opacity: 0;visibility: hidden;transform: translateX(10px);transition: var(--transition);padding: 8px 0;z-index: 1000;border-bottom: 3px solid var(--theme-color);}
.has-submenu:hover > .general-menu-submenu {opacity: 1;visibility: visible;transform: translateX(0);}

/* ======Mobile View Menu============= */
/* Navbar */
.mobile-show-navbar {display: none;background: rgba(8, 39, 64, 0.35);padding: 0.6rem 1rem;position: sticky;top: 0;z-index: 999;}
.mobile-show-navbar-header-second{background: transparent;}
/* Inner */
.mobile-show-inner {display: flex;justify-content: space-between;align-items: center;}
/* Logo */
.mobile-show-brand {display: flex;align-items: center;background: var(--theme-color-dark);padding:0 7px;border-radius: var(--border-radius-sm);}
.mobile-show-brand img {height: 60px;}
/* Hamburger */
.mobile-show-hamburger {display: inline-flex;align-items: center;background: var(--theme-color);border: none;padding: 12px;border-radius: var(--border-radius-sm);font-size: 30px;color: var(--theme-color-dark);cursor: pointer;}
/* Overlay */
.mobile-show-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.55);opacity: 0;visibility: hidden;transition: var(--mobile-transition);z-index: 998;}
.mobile-show-overlay.active {opacity: 1;visibility: visible;}
/* Menu */
.mobile-show-menu {position: fixed;top: 0;left: 0;width: 300px;height: 100%;background: var(--theme-color-dark);transform: translateX(-100%);transition: var(--transition);z-index: 999;}
.mobile-show-menu.active {transform: translateX(0);}
/* Close Button */
.mobile-show-close {position: absolute;display: inline-flex;justify-content: center;align-items: center;top: 15px;right: 15px;background: transparent;color: var(--color-white);border: 1px solid var(--color-white);border-radius: 50%;padding: 10px;font-size: 15px;font-weight: 500;cursor: pointer;}
/* Scroll */
.mobile-show-scroll {padding: 3rem 1rem 2rem;height: 100%;overflow-y: auto;}
/* Menu List */
.mobile-show-list {list-style: none;margin: 0;padding: 0;}
.mobile-show-list > li {border-bottom: 1px solid rgba(255,255,255,0.1);}
.mobile-show-list a {color: var(--color-white);padding: 12px 0;display: flex;justify-content: space-between;font-weight: 600;font-size: 14px;text-decoration: none;text-transform: uppercase;font-family: 'Poppins', sans-serif;}
.mobile-show-list a:hover,.mobile-show-list a.active {color: var(--theme-color);}
/* Submenu */
.mobile-show-has-sub > a::after {content: "+";font-weight: bold;}
.mobile-show-has-sub.open > a::after {content: "×";}
.mobile-show-submenu {display: none;padding-left: 12px;list-style: none;}
.mobile-show-submenu a{font-size: 12px;font-weight: 500;font-family: 'Poppins', sans-serif;}
.mobile-show-has-sub.open .mobile-show-submenu {display: block;}
/* Mobile Only */
@media (max-width: 991px) {.mobile-show-navbar {display: block;}}

/* =======Hero-Search============ */
.hero-section {position: relative;min-height: 100vh;width: 100%;display: flex;align-items: center;justify-content: center;color: var(--color-white);}
.hero-overlay {position: absolute;inset: 0;z-index: 1;}
.hero-container {position: relative;z-index: 2;text-align: center;background: rgba(12, 30, 45, 0.65);padding: 3rem 3.5rem;border-radius: var(--border-radius-md);max-width: 700px;width: 100%;}
.hero-content {display: flex;align-items: center;justify-content: center;gap: 30px;margin-bottom: 35px;}
.hero-logo img {width: 120px;background: var(--theme-color-dark);padding: 6px;border-radius: var(--border-radius-md);}
.hero-text .tagline {font-size: 2rem;font-weight: 600;letter-spacing: 1px;}
.hero-text .tagline strong {color: var(--theme-color);}
.hero-text h1 {font-size: 2.5rem;font-weight: 800;margin-top: 5px;color: var(--color-white);}
.hero-search {display: flex;background: var(--color-white);border-radius: var(--border-radius-sm);overflow: hidden;max-width: 800px;margin: 0 auto;}
.hero-search input {flex: 1;padding: 16px 20px;border: none;font-size: 16px;outline: none;}
.hero-search button {padding: 0 30px;border: none;font-weight: 600;cursor: pointer;}
/* RESPONSIVE DESIGN */
@media (max-width: 768px) {.hero-overlay{height: 80vh;}.hero-container {padding: 2.5rem 2rem;}
    .hero-text .tagline{font-size: 15px;}
    .hero-text h1 {font-size: 2.2rem;}
    .hero-search button {width: 100%;padding: 15px;}
}

/* ===== Intro Section ===== */
.intro-wrapper {background-color: var(--color-white);}
.intro-card {margin-top: 1rem;height: 100%;border-radius: 50%;background-color: transparent;}
.intro-icon {width: 160px;height: 160px;margin: 0 auto 18px;border-radius: 50%;border: 2px solid var(--light-color);display: flex;align-items: center;justify-content: center;transition: border-color 0.3s ease;}
.intro-icon img {width: 140px;height: 140px;padding: 2rem;border-radius: 50%;background-color: var(--light-color);transition: background-color 0.3s ease;}
.intro-icon:hover {border-color: var(--theme-color-hover);}
.intro-icon img:hover {background-color: var(--theme-color);}
.intro-number {font-size: 2.2rem;font-weight: 700;color: var(--theme-color-dark);margin-bottom: 4px;}
.intro-text {font-size: 1rem;font-weight: 500;color: var(--text-color);margin: 0;}

/* ===== About Company Section ===== */
.about-company-section {background: var(--color-white);}
.about-image img {width: 100%;height: 350px;border-radius: var(--border-radius-sm);object-fit: cover;}
.other-title h2 {font-size: 32px;font-weight: 800;letter-spacing: 0.025em;color: var(--theme-color-dark);}
.about-content p {margin-top: 1rem;font-size: 16px;line-height: 1.7;color: var(--text-color);text-align: justify;}
/* Mobile Optimization */
@media (max-width: 768px) {
.other-title h2 {font-size: 24px;}
.about-title {justify-content: center;}}

/* ================= HERO BACKGROUND ================= */
.exp-hero {position: relative;height: 100vh;background: url("../images/img-3.jpg") center / cover no-repeat;overflow: hidden;}
/* ================= OVERLAY ================= */
.exp-overlay {width: 100%;height: 100%;background: linear-gradient(180deg,rgba(5, 15, 35, 0.85),rgba(5, 15, 35, 0.65));display: flex;align-items: center;justify-content: center;}
/* ================= CONTENT ================= */
.exp-content {position: relative;width: 100%;max-width: 1200px;height: 100%;color: var(--color-white);}
/* ================= CENTER CONTENT ================= */
.exp-center {position: absolute;top: 72%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 5;}
.exp-center img {max-width: 250px;margin: 5px;}
.exp-center p {font-size: 12px;letter-spacing: 1.9px;font-weight: 800;color: var(--theme-color);}
/* ================= EXP CIRCLES ================= */
.exp-circle {position: absolute;width: 250px;height: 250px;padding: 5px;border-radius: 50%;border: 1px solid var(--light-color);transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);cursor: pointer;}
/* ================= INNER CIRCLE ================= */
.circle-inner {width: 100%;height: 100%;border-radius: 50%;background: var(--color-white);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;transition: all 0.45s ease;}
.circle-inner span,.circle-inner small {font-size: 2rem;font-weight: 800;padding: 0;margin: 0; letter-spacing: 0.025em;color: var(--theme-color-dark);}
.circle-inner h3 {font-size: 2rem;font-weight: 800;padding: 0;margin: 0;color: var(--theme-color-dark);}
/* ================= HOVER EFFECT ================= */
.exp-circle:hover {border-color: var(--theme-color);}
.exp-circle:hover .circle-inner {background: var(--theme-color); color: #FFFFFF;}
/* ================= POSITIONS (DESKTOP) ================= */
.exp-circle.top {top: calc(50% - 200px);left: 50%;transform: translateX(-50%);}
.exp-circle.left {top: 72%;left: calc(50% - 400px);transform: translateY(-50%);}
.exp-circle.right {top: 72%;left: calc(50% + 200px);transform: translateY(-50%);}
/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {
    .exp-hero {height: 80vh;}
    .exp-content {display: flex;flex-direction: column;align-items: center;padding-top: 1rem;height: auto;}
    .exp-center {position: relative;text-align: center;order: 1;margin: 0;transform: none;top: 0;left: 0; margin-bottom: 1rem;}
    .exp-center img {max-width: 150px;}
    .exp-center h2 {font-size: 28px;}
    .exp-center p {font-size: 12px;letter-spacing: 2px;}
    /* TOP CIRCLE SECOND */
    .exp-circle.top {position: relative;order: 2;top: auto;left: auto;transform: none;margin-bottom: 12px;}
    /* LEFT + RIGHT THIRD */
    .exp-circle.left,.exp-circle.right {position: relative;order: 3;top: auto;left: auto;right: auto;transform: none;margin:  12px;}
    .exp-circle {width: 130px;height: 130px;}
    .circle-inner h3 {font-size: 24px;}
    .circle-inner span{font-size: 12px;}
}

/* ================= 14PEAKS SECTION ================= */
.eightk-section{padding: 3rem 0;}
.eightk-container {display: grid;grid-template-columns: 1fr 1.5fr;gap: 3rem;align-items: start;}
/* ================= LEFT LIST ================= */
.eightk-list h2 {font-size: 2.5rem;font-weight: 800;margin-bottom: 2rem;}
.eightk-list ul {list-style: none;display: flex;flex-direction: column;}
.eightk-list li {display: flex;align-items: center;gap: 10px;padding: 1rem 0;cursor: pointer;transition: var(--transition);}
.eightk-list small {font-size: 14px;font-weight: 600;color: var(--theme-color-dark);}
.eightk-list strong {font-size: 22px;font-weight: 700;display: block;color: var(--title-color);}
/* ================= ICON (OUTLINE + PADDING) ================= */
.icon {width: 80px;height: 80px;border-radius: 50%;border: 2px solid #d9e1e8;background: transparent;padding: 3px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: var(--transition);}
.icon img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
/* hover icon */
.eightk-list li:hover .icon {border-color: var(--theme-color);}
/* active icon */
.eightk-list li.active .icon {background: var(--theme-color);border-color: var(--theme-color);}
/* ================= RIGHT CARD ================= */
.eightk-card {height: 500px;border-radius: var(--border-radius-md);overflow: hidden;background: url("../images/img-1.jpg") center / cover no-repeat;position: sticky;top: 5rem;transition: background-image 0.4s ease;}
.card-overlay {position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0.8));display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding: 34px;color: var(--color-white);}
.card-overlay h3 {font-size: 22px;font-weight: 700;margin-bottom: 22px;text-align: center;color: var(--color-white);}
/* ================= BUTTONS ================= */
.card-buttons {display: flex;gap: 15px;}
/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {.eightk-container {grid-template-columns: 1fr;gap: 3rem;}
    .eightk-card {position: relative;top: auto;height: 320px;}.eightk-list h2{text-align: center;}.eightk-section{padding: 0;}}

/* ===== Package Title ===== */
.package-title-wrap {background: var(--theme-color-dark);text-align: center;padding: 3rem 0;position: relative;}
.package-title-wrap h2 {font-size: 2rem;font-weight: 800;color: var(--color-white);letter-spacing: 0.025em;}
.package-title-wrap h2 span {color: var(--theme-color); position: relative;}
.package-title-wrap h5{color: var(--theme-color);font-weight: 700;font-size: 16px;display: block;}
@media (max-width: 768px){.package-title-wrap h2{font-size: 25px;}}
/* ================= CARD ================= */
.expedition-card {background: transparent;overflow: hidden;}
/* ================= IMAGE ================= */
.card-image {position: relative;height: 300px;border-radius: var(--border-radius-md);overflow: hidden;}
.card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}
.expedition-card:hover .card-image img {transform: scale(1.08);}
.card-image::after {content: "";position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(0, 0, 0, 0.05),rgba(0, 0, 0, 0.75));z-index: 1;}
/* ================= RIBBON ================= */
.card-ribbon {position: absolute;top: 18px;left: -70px;width: 260px;text-align: center;background: #1664a4;color: var(--color-white);padding: 12px 0;font-size: 16px;font-weight: 500;letter-spacing: 0.4px;transform: rotate(-30deg);z-index: 3;}
/* ================= IMAGE INFO ================= */
.card-info {position: absolute;bottom: 15px;left: 15px;z-index: 2;color: var(--light-color);}
.card-info .country {font-size: 14px;font-weight: 400;color: var(--theme-color);letter-spacing: 0.5px;}
.card-info .duration {font-size: 16px;font-weight: 800;}
.card-body {padding-top: 20px;}
.card-body h3 {font-size: 18px;font-weight: 800;line-height: 1.5;margin-bottom: 1rem;color: var(--title-color);transition: color 0.3s ease;}
.card-body h3:hover{color: var(--theme-color-hover);}
/* ================= ACTIONS ================= */
.card-actions {display: flex;justify-content: space-between;align-items: center;}
.card-actions h6{color: var(--theme-color-dark);font-size: 14px; font-weight: 500;}
.details-link {color: var(--theme-color);font-weight: 600;font-size: 15px;text-decoration: none;letter-spacing: 0.3px;transition: color 0.3s;}
.details-link:hover {color: var(--theme-color-hover);}

/* ================= Our Activities SECTION ================= */
.activity-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;}
.activity-card {position: relative;height: 320px;border-radius: var(--border-radius-md);background-size: cover;background-position: center;overflow: hidden;cursor: pointer;transition: all 0.45s ease;}
.activity-card::before {content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0.25),rgba(0,0,0,0.05));z-index: 1;}
.activity-card:hover::before {opacity:1;}
/* ================= CONTENT ================= */
.card-content {position: absolute;inset: 0;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: var(--light-color);}
.card-content .icon {width: 80px;height: 80px;background: rgba(255,255,255,0.1);backdrop-filter: blur(3px);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;transition: transform 0.4s ease;}
.card-content .icon img {width: 42px;height:42px;}
.card-content h4 {font-size: 20px;font-weight: 600;letter-spacing: 0.6px;color: var(--color-white);transition: color 0.3s ease;}
.card-content h4:hover{color: var(--theme-color);}
.activity-card:hover .icon {transform: scale(1.15) ;}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {.activity-grid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 576px) {.activity-grid {grid-template-columns: 1fr;}}

/* =========Explore Packages============ */
.package-title-wrap-explore{padding: 70px 0;text-align: left;}
.season-tabs {position: absolute;left: 50%;bottom: 0;transform: translate(-120%, 50%); z-index: 2;}
.season-tab {display: flex;gap: 1rem;}
.season-icon {width: 100px;background: var(--color-white);border-radius: var(--border-radius-sm);padding: 15px 10px 12px;text-align: center;cursor: pointer;box-shadow: 0 2px 3px rgba(0,0,0,0.1);transition: var(--transition);}
.season-icon:hover,.season-icon.active {background: var(--theme-color);}
.season-icon svg {width: 30px;height: 30px;stroke: var(--theme-color-dark);fill: none;stroke-width: 1.8;margin-bottom: 10px;transition: stroke 0.3s ease;}
.season-icon:hover svg,.season-icon.active svg {stroke: var(--color-white);}
.season-icon span {font-weight: 600;color: var(--title-color);transition: color 0.3s ease;}
.season-icon:hover span,.season-icon.active span {color: var(--color-white);}
.explore-packages {padding-bottom: 90px; }
@media (max-width: 768px) {
    .season-tabs {left: auto;bottom: auto;transform: none;margin-top: 20px;width: 100%;}
    .season-tab {display: flex;justify-content: center;flex-wrap: nowrap;overflow-x: auto;padding: 10px 0;}
    .season-icon {min-width: 75px;width: 60px;flex-shrink: 0;padding: 10px 8px;}
    .season-icon svg {width: 30px;height: 30px;}
    .season-icon span {font-size: 13px;}
}
/* ================= Why Expeditions SECTION ================= */
.why-exp-section {padding: 5rem 0;}
.why-exp-main-grid {display: grid;grid-template-columns: 1fr 1.5fr 1fr;gap: 2rem;align-items: center;}
.why-exp-center {text-align: center;}
.why-exp-title {font-size: 40px;font-weight: 800;letter-spacing: 0.025em;color: var(--title-color);}
.why-exp-subtitle {font-size: 16px;font-weight: 700;max-width: 260px;margin: 30px auto;color: var(--theme-color);}
.why-exp-side {display: flex;flex-direction: column;gap: 2rem;align-items: center;}
.why-exp-feature-card {text-align: center;transition: transform 0.3s ease;}
.why-exp-feature-title {font-size: 18px;font-weight: 700;margin-top: 20px;color: var(--title-color);cursor: pointer;transition: color 0.3s ease;}
.why-exp-feature-title:hover {color: var(--theme-color-hover);}
/* ================= DESKTOP OFFSET EFFECT ================= */
@media (min-width: 993px) {
    .why-exp-side:first-child .why-exp-feature-card:nth-child(2) {transform: translateX(150px);}
    .why-exp-side:last-child .why-exp-feature-card:nth-child(2) {transform: translateX(-150px);}
}
/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .why-exp-main-grid {grid-template-columns: 1fr;gap: 3rem;text-align: center;}
    .why-exp-center {order: 1;}
    .why-exp-side:first-child {order: 2;}
    .why-exp-side:last-child {order: 3;}
    .why-exp-feature-card {transform: none !important;}}
@media (max-width: 576px) {.why-exp-title {font-size: 32px;}}

/* ======= Social Media Sections ======= */
.social-media-section {background: var(--light-color);text-align: center;padding: 5rem 0;}
.social-section-title {font-size: 40px;font-weight: 800;margin-bottom: 30px;color: var(--title-color);letter-spacing: 0.025em;display: inline-block;position: relative;}
.social-embeds {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1rem;}
.social-embed {flex: 1;min-width: 300px;max-width: 33.33%;background: transparent;padding: 10px;border-radius: var(--border-radius-sm);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);transition: transform 0.4s, box-shadow 0.4s;}
.social-embed iframe,.social-embed blockquote.instagram-media {width: 100%;height: 600px;border-radius: var(--border-radius-sm);}
.social-embed:hover {transform: translateY(-3px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);}
/* Responsive adjustments */
@media (max-width: 992px) {.social-embed {max-width: 48%;}}
@media (max-width: 768px) {
    .social-embed {flex: 1 1 100%;max-width: 100%;}
    .social-embed iframe,.social-embed blockquote.instagram-media {height: 500px;}
}

/* ================= Review SECTION ================= */
.testimonials-section {background: var(--light-color);}
.testimonials-slider .slick-track {display: flex !important;}
.testimonials-slider .slick-slide {height: auto;transition: transform 0.7s ease-in-out;}
.testimonials-slider {margin: 0 -14px;}
.testimonial-card {background: var(--color-white);border-radius: var(--border-radius-md);overflow: hidden;box-shadow: 0 3px 5px rgba(0,0,0,0.1);margin: 0 14px;height: 100%;display: flex;flex-direction: column;}
.testimonial-cover img {width: 100%;height: 220px;object-fit: cover;}
.testimonial-content {padding: 1.5rem 1.5rem 0;flex-grow: 1;}
.testimonial-card-title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;height: 70px;overflow:hidden;}
.testimonial-card-title h5 {font-size: 18px;font-weight: 700;color: var(--title-color);margin: 0;max-width:calc(100% - 110px);}
.testimonial-rating {color: var(--theme-color);font-size: 18px;letter-spacing: 1px;min-width:105px;}
.testimonial-text {font-size: 14px;font-weight: 400;letter-spacing: 0.025em;text-align: justify; line-height: 1.5;height: 200px;overflow-y: auto;padding-right: 1rem; color: var(--text-color);}
.testimonial-footer {display: flex;align-items: center;gap: 14px;padding: 1.25rem 1.5rem;border-top: 1px solid rgba(0,0,0,0.06);}
.testimonial-footer img {width: 52px;height: 52px;border-radius: 50%;object-fit: cover;border: 2px solid var(--theme-color-dark);}
.testimonial-footer strong {display: block;color: var(--title-color);font-size: 15px;}
.testimonial-footer small {color: var(--text-color);font-size: 13px;}
@media (max-width: 767.98px) {.testimonial-card {width: 100%;margin: 0;}
}
/* ==============FOOTER============= */
.big-footer{background-color: rgba(5, 28, 46, 0.9);padding-top: 90px;}

/* -------Affiliations------ */
/* ================= TITLE ================= */
.affiliation-title{color:var(--color-white);font-size:22px;font-weight:600;letter-spacing: 0.1em;margin-bottom:1rem;margin-left: 1rem;}
/* ================= SLIDER ================= */
.affiliation-slider-wrapper{position:relative;}
/* ================= CARD ================= */
.affiliation-card{background:var(--color-white);border-radius:var(--border-radius-sm);padding:15px;height:100px;display:flex !important;align-items:center;justify-content:center;margin:0 10px;}
.affiliation-card img{max-width:100%;max-height:70px;object-fit:contain;}
/* ================= ARROWS ================= */
.affiliation-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:var(--theme-color);color:var(--light-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;visibility:hidden;transition:var(--transition);}
.partner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:var(--theme-color);color:var(--light-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;visibility:hidden;transition:var(--transition);}
/* Arrow positions */
.affiliation-arrow.left{left:-25px;}
.affiliation-arrow.right{right:-25px;}
/* SHOW ARROWS ON HOVER */
.affiliation-slider-wrapper:hover .affiliation-arrow{opacity:1;visibility:visible;}
.affiliation-slider-wrapper:hover .affiliation-arrow.left{left:-10px;}
.affiliation-slider-wrapper:hover .affiliation-arrow.right{right:-10px;}
/* Arrow positions */
.partner-arrow.left{left:-25px;}
.partner-arrow.right{right:-25px;}
/* SHOW ARROWS ON HOVER */
.affiliation-slider-wrapper:hover .partner-arrow{opacity:1;visibility:visible;}
.affiliation-slider-wrapper:hover .partner-arrow.left{left:-10px;}
.affiliation-slider-wrapper:hover .partner-arrow.right{right:-10px;}
/* ================= REMOVE SLICK DEFAULT ================= */
.slick-prev,.slick-next{display:none !important;}

/* ----main-footer---- */
.main-footer {padding: 4rem 0;}
.main-footer-container {display: grid;grid-template-columns: 2fr 1fr 1fr 1.2fr 1.2fr;gap: 2rem;}
/* LEFT */
.main-footer-left h5 {margin: 1.5rem 0 0.7rem;color: var(--color-white);font-size: 1.1rem;font-weight: 700;color: var(--color-white);}
.company-name {color: var(--theme-color);font-size: 20px;font-weight: 700;margin: 15px 0;}
.payments i {font-size: 3rem;color: var(--color-white);padding: 5px;}
.tripadvisor {margin-top: 8px;display: flex;align-items: center;gap: 8px;}
.tripadvisor i {font-size: 3rem;color: var(--theme-color);}
.tripadvisor span{color: var(--theme-color); font-size: 25px;font-weight: 600; font-family: cursive;}
/* COLUMNS */
.main-footer-column h4 {margin-bottom: 15px;color: var(--color-white);font-size: 20px;font-weight: 700;transition: none;}
.main-footer-column ul {list-style: none;padding: 0;}
.main-footer-column ul li {margin-bottom: 10px;color: var(--light-color);}
.main-footer-column ul li a {color: var(--light-color);text-decoration: none;font-size: 15px;font-weight: 500;}
.main-footer-column ul li a:hover {color: var(--theme-color-hover);}
/* SHOW MORE */
#moreLinks {max-height: 120px;overflow: hidden;transition: max-height 0.4s ease;}
#moreLinks.expanded {max-height: 500px;}
.show-more {display: inline-block;margin-top: 10px;color: var(--theme-color);cursor: pointer;font-weight: bold;}
/* RESPONSIVE */
@media (max-width: 900px) {.main-footer-container {grid-template-columns: 1fr 1fr;}}
@media (max-width: 600px) {.main-footer-container {grid-template-columns: 1fr;}}

/* =================Talk to Experts SECTION ================= */
.footer-talk-expert-title {font-size: 22px;font-weight: 700;margin-bottom: 2rem;color: var(--color-white);}
/* ================= CARDS ================= */
.footer-talk-expert-card,.footer-talk-expert-info-card {background-color: rgba(255, 255, 255, 0.1);border-radius: var(--border-radius-md);padding: 10px;display: flex;align-items: center;gap: 15px;height: 100%;}
.footer-talk-expert-card img {width: 70px;height: 80px;border-radius: var(--border-radius-sm);object-fit: cover;}
.footer-talk-expert-name {font-weight: 600;font-size: 16px;color: var(--color-white);}
.footer-talk-expert-phone {color: var(--theme-color);font-weight: 600;font-size: 15px;}
.footer-talk-expert-social a {font-size: 22px;margin-right: 0.5rem;}
.footer-talk-expert-whatsapp {color: #25d366;}
.footer-talk-expert-viber {color: #665cac;}
.footer-talk-expert-messenger {color: #00b2ff;}
/* ================= INFO CARDS ================= */
.footer-talk-expert-info-icon {font-size: 2rem;color: var(--theme-color);}
.footer-talk-expert-info-text small {color: var(--theme-color);font-size: 14px;font-weight: 500;}
.footer-talk-expert-info-text strong {display: block;font-size: 16px;color: var(--color-white);}
/* ===== FOOTER NEWSLETTER ===== */
.footer-newsletter{background-color: rgba(255, 255, 255, 0.05);padding: 3rem 0;border-top: 1px solid rgba(255,255,255,0.08);border-bottom: 1px solid rgba(255,255,255,0.08);}
.newsletter-wrapper{display: flex;align-items: center;justify-content: space-between;gap: 2rem;}
.newsletter-tag{display: inline-block;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: var(--theme-color);margin-bottom: 10px;}
.newsletter-text h4{font-size: 26px;font-weight: 700;color: var(--color-white);margin-bottom: 10px;}
.newsletter-text p{font-size: 15px;line-height: 1.6;color: rgba(255,255,255,0.75);}
.newsletter-form{background: rgba(8, 39, 64, 0.6);backdrop-filter: blur(8px);padding: 30px;border-radius: var(--border-radius-md);}
.newsletter-input-group{display: flex;align-items: center;background: rgba(255,255,255,0.08);border-radius: var(--border-radius-sm);padding: 8px 8px 8px 18px;}
.newsletter-input-group i{color: var(--theme-color);font-size: 16px;margin-right: 10px;}
.newsletter-input-group input{flex: 1;background: transparent;border: none;outline: none;color: var(--color-white);font-size: 14px;}
.newsletter-input-group input::placeholder{color: rgba(255,255,255,0.6);}
.newsletter-form small{display: block;margin-top: 12px;font-size: 12px;color: rgba(255,255,255,0.5);}
/* RESPONSIVE */
@media(max-width: 991px){.newsletter-input-group button{padding: 8px 10px; font-size: 11px; margin-left: -6rem};.newsletter-input-group input::placeholder{font-size: 12px}  .newsletter-wrapper{flex-direction: column;text-align: center;}.newsletter-form{width: 100%;min-width: auto;}}
/* ===== FOOTER COPYRIGHT ===== */
.footer-copyright{padding: 1rem 0;}
.copyright-wrapper{display: flex;flex-direction: column;align-items: center;gap: 15px;font-size: 14px;}
.footer-copyright p{margin: 0;color: rgba(255,255,255,0.7);}
.footer-copyright p strong{color: var(--color-white);font-weight: 600;}
.footer-copyright h6{margin: 0;font-size: 13px;font-weight: 400;color: rgba(255,255,255,0.6);}
.footer-copyright h6 a{color: var(--theme-color);font-weight: 500;text-decoration: none;transition: var(--transition);}
.footer-copyright h6 a:hover{color: var(--theme-color-hover);text-decoration: underline;}
@media(max-width: 768px){.copyright-wrapper{flex-direction: column;text-align: center;}}

/* ====Back to Top===== */
.back-to-top-wrapper {position: fixed;right: 20px;bottom: calc(env(safe-area-inset-bottom, 12px) + 20px);width: 60px;height: 60px;z-index: 1000;opacity: 0;pointer-events: none;transform: translateY(20px) scale(.95);transition: opacity .3s,var(--transition);}
.back-to-top-wrapper.show {opacity: 1;pointer-events: auto;transform: translateY(0) scale(1);}
.progress-ring {position: absolute;inset: 0;transform: rotate(-90deg);}
.progress-ring circle {fill: none;stroke: var(--theme-color-hover);stroke-width: 2px;stroke-linecap: round;stroke-dasharray: 0 999;transition: stroke-dasharray .25s linear;}
.back-to-top {position: absolute;inset: 6px;background: transparent;color: var(--theme-color-hover);border: none;border-radius: 50%;font-size: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background .2s, transform .2s;}

/* ===================================================================================================== */
/* --------- ABOUT US PAGE--------------- */
.about-hero {width: 100%;height: 60vh;overflow: hidden;position: relative;}
.about-hero img {width: 100%;height: 100%;object-fit: cover;}
.about-hero-content {position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;background: rgba(0, 0, 0, 0.5);}
.about-hero-content h1 {font-size: 40px;font-weight: 800;letter-spacing: 0.025em;color: var(--color-white);margin-bottom: 8px; font-family: 'Poppins', sans-serif;}
.about-hero-content span {font-size: 16px;font-weight: 700;letter-spacing: 0.025em;color: var(--theme-color); font-family: 'Inter', system-ui, -apple-system, sans-serif;}
.about-section {padding: 2rem;}
.about-content p {font-size: 15px;line-height: 1.5rem;color: var(--text-color);font-weight: 400;text-align: justify; font-family: 'Poppins', sans-serif;}
.about-block {margin-top: 50px;}
.about-block h2 {font-size: 1.5rem;margin-bottom: 20px;font-weight: 800;color: var(--theme-color-dark);}
.about-block ul {padding-left: 20px;}
.about-block li {margin-bottom: 12px;color: var(--text-color);}
@media(max-width: 991px){.about-hero{height: 50vh;}}
/* --- CTA ---- */
.about-cta {width: 500px;margin: 0 auto;margin-top: 60px;padding: 3rem;background: var(--theme-color-dark);color: var(--color-white);border-radius: var(--border-radius-sm);text-align: center;}
.about-cta h4 {margin-bottom: 15px;font-weight: 700;color: var(--theme-color);}
.about-cta p{font-size: 14px; font-weight: 600;font-family: 'Inter', system-ui, -apple-system, sans-serif;}
/* -------trip-destination----- */
.trip-destination h2{font-size: 2rem;margin-bottom: 2rem;font-weight: 800;color: var(--theme-color-dark);}

/* =================================================================================================== */
/* ---------------Trip Details Page-------------- */
/* Slider- SECTION  */
.trip-details-hero {padding: 5rem 0 4rem;background: #011424;}
.trip-details-container {display: grid;grid-template-columns: 1fr 1.5fr;gap: 2rem;align-items: center;}
/*  LEFT CONTENT  */
.trip-details-content h1 {font-size: 2.5rem;font-weight: 800;color: var(--color-white);line-height: 1.2;margin: 0;}
.trip-details-content span {color: var(--light-color);font-size: 2.2rem;}
.trip-details-rating {margin: 1rem 0;color: var(--theme-color-hover);}
.trip-details-rating small {color: var(--light-color);margin-left: 0.5em;}
.trip-details-features {margin: 25px 0;list-style: none;padding-left: 0.5rem;}
.trip-details-features li {margin-bottom: 12px;padding-left: 1rem;position: relative;color: var(--light-color);font-size: 14px;list-style:none;}
.trip-details-features li::before {content: "•";position: absolute;top: -5px;left: 0;color: var(--theme-color);font-size: 22px;}
.trip-details-btn span{display: inline-flex;align-items: center;gap: 0.5rem;background: var(--theme-color);color: var(--theme-color-dark);padding: 12px 25px;border-radius: var(--border-radius-sm);font-size: 14px; font-weight: 700;text-decoration: none;transition: 0.3s;}
.trip-details-btn span:hover {background: var(--theme-color-hover);}
.trip-details-btn span i{font-size: 20px;}
/* share-social */
.trip-details-share {display: flex;align-items: center;gap: 14px;margin-top: 1.2rem;}
.trip-details-share a {background: var(--color-white);color: var(--theme-color-dark);width: 40px;height: 40px;border-radius: 4px;display: flex;align-items: center;justify-content: center;transition: background 0.3s ease;}
.trip-details-share a:hover{background: var(--theme-color-hover);}
/* Right- SLIDER  */
.trip-details-slider {position: relative;width: 100%;}
.trip-details-viewport {width: 100%;height: 70vh;overflow: hidden;}
.trip-details-track {display: flex;height: 100%;transition: transform 0.7s ease-in-out;}
.trip-details-slide {flex: 0 0 70%;height: 100%;padding-right: 0.5rem;}
.trip-details-slide img {width: 100%;height: 100%;object-fit: cover;border-radius: var(--border-radius-md);}
/*  NAV  */
.trip-details-nav {position: absolute;top: 50%;transform: translateY(-50%);background: var(--theme-color);border: none;width: 44px;height: 44px;border-radius: 50%;font-size: 22px;font-family: 700;cursor: pointer;z-index: 10;color: var(--light-color);transition: 0.3s;}
.trip-details-nav:hover {background: var(--theme-color-hover);}
.trip-details-prev {left: 10px;}
.trip-details-next {right: 10px;}
/*  RESPONSIVE  */
@media (max-width: 992px) {
.trip-details-hero{padding: 2rem 0;}
.trip-details-content h1{font-size: 2rem;}
.trip-details-container {grid-template-columns: 1fr;}
.trip-details-viewport {height: 45vh;}
.trip-details-slide {flex: 100%;}
.trip-details-slide {flex: 0 0 100%;padding-right: 0;}}
/* -----------------------trip-info------------------- */
/* ================= TOP NAV ================= */
.trip-top-nav {background: var(--color-white);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);z-index: 9999;}
.trip-nav-wrapper {display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;min-height: 4rem;}
.trip-nav-tabs {display: flex;list-style: none;margin: 0;padding: 0;}
.trip-nav-tabs li{margin-right: 10px;}
.trip-nav-tabs li a {text-decoration: none;font-weight: 700;font-size: 15px;letter-spacing: 0.025em; color: var(--theme-color-dark);position: relative; transition: color 0.3s ease;}
.trip-nav-tabs li a:hover {color: var(--theme-color);}
.tab-section{padding-top: 2rem;}
/* Responsive */
@media (max-width: 992px) {.trip-top-nav {display: none;}.tab-section{padding-top: 0;}.trip-info-box h6{font-size: 13px;}.trip-subtitle{padding-top: 1.5rem;}}
/* ================= TRIP OVERVIEW ================= */
.trip-subtitle {font-size: 30px;font-weight: 800;color: var(--theme-color-dark);margin-bottom: 2rem;}
.trip-paragraph{font-size: 15px;line-height: 20px;color: var(--text-color);font-family: 400; text-align: justify;}
/* Info Boxes */
.trip-info-box {display: flex;gap: 15px;align-items: center;background: var(--light-color);padding: 15px;border-radius: var(--border-radius-sm);}
.trip-info-box i {font-size: 26px;color: var(--theme-color);}
.trip-info-box h6 {margin: 0;font-weight: 700;font-size: 16px;}
.trip-info-box p {margin: 0;font-size: 14px;color: var(--title-color);}

/* ----- MAP IMAGE  --------*/
.trip-map-image {position: relative;cursor: zoom-in;}
.trip-map-image img {width: 100%; border-radius: var(--border-radius-sm);}
.trip-map-hint {position: absolute;bottom: 12px;right: 12px;background: rgba(0,0,0,0.6);color: var(--light-color);font-size: 12px;padding: 4px 10px;border-radius: var(--border-radius-md);}
/* POPUP */
.trip-map-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.85);display: none;align-items: center;justify-content: center;z-index: 50000;}
.trip-map-zoomed {max-width: 100%;max-height: 100%;border-radius: var(--border-radius-md);cursor: zoom-out;}
/* Close */
.trip-map-close {position: absolute;top: 20px;right: 30px;font-size: 32px;color: var(--light-color);cursor: pointer;}
/* ===== Video Thumbnail Wrapper === */
.trip-video-thumbnail {position: relative;border-radius: var(--border-radius-sm);overflow: hidden;cursor: pointer;}
.trip-video-inline {width: 100%;height: 330px;border: none;display: block;pointer-events: none; }
.trip-video-play {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 35px;color: var(--theme-color);background: rgba(0,0,0,0.35);}
.trip-video-label {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);background: rgba(110, 110, 110, 0.75);color: var(--color-white);padding: 5px 15px;border-radius: var(--border-radius-md);font-size: 12px;}
/*  Popup Overlay  */
.trip-video-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.94);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: 0.4s ease;z-index: 9999;}
.trip-video-overlay.active {opacity: 1;visibility: visible;}
/* Popup Video */
.trip-video-container {width: 100%;max-width: 1100px;aspect-ratio: 16 / 9;}
.trip-video-container iframe {width: 100%;height: 100%;border-radius: var(--border-radius-md);border: none;}
.trip-video-close {position: absolute;top: 24px;right: 36px;font-size: 44px;color: var(--color-white);cursor: pointer;}

/* ===== TRIP DETAILS SIDEBAR ===== */
/* Top Section */
.trip-details-top {display: flex;align-items: center;justify-content: space-between;padding: 1rem;color: var(--theme-color-dark);border-bottom: 1px solid var(--light-color);}
.trip-meta {text-align: center;flex: 1;}
.meta-label {font-size: 13px;opacity: 0.8;text-transform: uppercase;letter-spacing: 0.6px;}
.trip-price,.trip-duration {font-size: 20px;font-weight: 700;margin: 0.3rem 0 0;color: var(--theme-color-dark);}
.trip-details-sidebar {position: sticky;top: 4rem;}
.trip-details-card {background: var(--color-white);border-radius: var(--border-radius-sm);box-shadow: 0 5px 10px rgba(0,0,0,0.08);overflow: hidden;}
.trip-details-image img {width: 100%;display: block;}
.trip-details-actions {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.5rem;padding: 1rem 0;}
.trip-details-action-btn {display: flex;flex-direction: column; align-items: center;text-align: center; gap: 0.25rem;padding: 0.6rem 0;font-size: 10px;font-weight: 600;color: var(--theme-color-dark);border: 1px solid #6a96b9;border-radius: var(--border-radius-sm);text-decoration: none;transition: var(--transition);}
.trip-details-action-btn i {font-size: 18px;color: var(--theme-color-dark);}
.trip-details-action-btn:hover {background: var(--theme-color-hover);color: var(--color-white);border-color: var(--theme-color-hover);}
.trip-details-cta {padding: 1rem;display: grid;gap: 0.6rem;}
.trip-details-primary-btn {background: var(--theme-color);color: var(--theme-color-dark);padding: 0.7rem;font-size: 14px; font-weight: 600;text-align: center;border-radius: var(--border-radius-sm);text-decoration: none;transition: var(--transition);}
.trip-details-primary-btn:hover {background: var(--theme-color-hover);}
.trip-details-outline-btn {background: transparent;border: 1px solid #527897;color: var(--theme-color-dark);padding: 0.65rem;font-size: 14px; font-weight: 600;border-radius: var(--border-radius-sm);cursor: pointer;transition: var(--transition);}
.trip-details-outline-btn:hover {background: var(--theme-color-dark);color: var(--light-color);}
/* POPUP */
.trip-details-popup-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.5);backdrop-filter: blur(4px);display: none;justify-content: center;align-items: center;z-index: 3000;}
.trip-details-popup-box {position: relative;background: var(--color-white);width: 450px;padding: 35px;border-radius: var(--border-radius-md);}
.trip-details-popup-close {position: absolute;top: 15px;right: 20px;font-size: 24px;cursor: pointer;}
.trip-details-submit-btn {border: none;background: var(--theme-color);color: var(--theme-color-dark);padding: 0.65rem;font-weight: 600;border-radius: var(--border-radius-sm);}
     
/* ---------------ITINERARY---------------- */
.itinerary-image-style {background: transparent}
.itinerary-card {background: var(--color-white);border-radius: var(--border-radius-sm);padding: 1rem 0;margin-bottom: 1rem;}.itinerary-img {width: 100%;height: 220px;object-fit: cover;border-radius: var(--border-radius-sm);}
.day-badge {display: inline-block;background: var(--theme-color);color: var(--color-white);font-size: 12px;font-weight: 700;padding: 6px 12px;border-radius: 30px;margin-bottom: 10px;}
.itinerary-text-wrapper {max-height: 80px;overflow: hidden;transition: max-height 0.45s ease;}
.itinerary-text-wrapper.expanded {max-height: 600px;}
.itinerary-card h4 {font-size: 18px;font-weight: 700;margin-bottom: 10px;color: var(--theme-color-dark);}
.itinerary-text {font-size: 15px;line-height: 1.7;color: var(--text-color);margin-bottom: 0;text-align: justify;}
.read-more-btn {background: none;border: none;color: var(--theme-color);font-weight: 600;padding: 0;margin-top: 6px;cursor: pointer;}
.itinerary-meta {display: flex;gap: 20px;flex-wrap: wrap;margin-top: 14px;font-size: 14px;color: var(--title-color);}

/* ---------- Includes & Excludes  ---------- */
.trip-subtitle {display: flex;align-items: center;gap: 12px;font-size: 24px;font-weight: 800;margin-bottom: 25px;}
.cost-card.includes .trip-subtitle {color: var(--theme-color-dark);}
.cost-card.excludes .trip-subtitle {color: var(--theme-color);}
.trip-subtitle .icon {width: 36px;height: 36px;border-radius: 50%;font-size: 18px;display: inline-flex;align-items: center;justify-content: center;color: var(--color-white);border-color: transparent;}
.cost-card.includes .icon {background: var(--theme-color-dark);}
.cost-card.excludes .icon {background: var(--theme-color);}
.cost-list {list-style: none;padding: 0;margin: 0;}
.cost-list li {position: relative;padding-left: 30px;margin-bottom: 14px;font-size: 15px;line-height: 1.6;color: var(--text-color);}
.cost-card.includes .cost-list li::before {content: "✔";position: absolute;left: 0;top: 2px;color: var(--theme-color-dark);font-weight: 700;}
.cost-card.excludes .cost-list li::before {content: "✖";position: absolute;left: 0;top: 2px;color: var(--theme-color);font-weight: 700;}
@media (max-width: 576px) {.trip-subtitle {font-size: 20px;}}

/* -------------- FAQ's ----------- */
.faq-item{background: var(--light-color);backdrop-filter: blur(6px);border-radius: var(--border-radius-sm);margin-bottom: 10px;overflow: hidden;transition: var(--transition);}
.faq-question{width:100%;padding: 1rem;border:none;background:none;font-size:16px;font-weight:500;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color: var(--theme-color-dark);}
.faq-icon{font-size:22px;font-weight:300;color: var(--theme-color-hover);transition: 0.3s;}
.faq-item.active .faq-icon{transform: rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;padding:0 25px;font-size:15px;color: var(--text-color);}
.faq-item.active .faq-answer{padding:0 25px 20px;max-height:300px;}

/* ---------------Fixed - Departures  ---------------*/
.KGT-treks-departure-filter{text-align:right;margin-bottom:2rem;}
.KGT-treks-departure-filter select{padding: 7px 15px;border-radius:var(--border-radius-sm);border:1px solid var(--theme-color-dark);outline:none;background-color: transparent;}
.KGT-treks-departure-card{background: var(--light-color);padding: 1rem;border-radius: var(--border-radius-md);margin-bottom:1rem;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:var(--transition);}
.KGT-treks-departure-top{display:flex;justify-content:space-between;align-items:center;margin-bottom: 5px;}
.KGT-treks-departure-date{font-weight:600;color:var(--theme-color-dark);}
.KGT-treks-departure-price{font-size:20px;font-weight:bold;color:var(--theme-color-dark);}
.KGT-treks-departure-progress{height:5px;background: transparent;border-radius:50px;overflow:hidden;margin:5px 0;}
.KGT-treks-departure-progress-bar{height:100%;background:var(--theme-color);}
.KGT-treks-departure-seats{font-size:14px;margin-bottom:15px;}
.KGT-treks-departure-btn{background:var(--theme-color-dark);color:var(--color-white);padding:10px 20px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);}
.KGT-treks-departure-btn:hover{background:var(--theme-color-hover);}
@media (max-width: 576px){.KGT-treks-departure-filter select{padding: 7px 30px;}}

/* ---------- Reviews --------- */
.trip-details-testimonials-section{padding: 0; background-color: transparent;}
/*  TESTIMONIAL SLIDER ARROWS  */
.testimonial-slider-nav {display: flex;justify-content: center;gap: 16px;margin-top: 30px;}
.testimonial-slider-nav button {width: 46px;height: 46px;border-radius: var(--border-radius-md);border: none;background: var(--theme-color-dark);color: var(--color-white);font-size: 22px;cursor: pointer;transition: all 0.3s ease;}
.testimonial-slider-nav button:hover {background: var(--theme-color);color: var(--theme-color-dark);}

/*  ADD REVIEW Buttons  */
.trip-reviews-add-btn{background:var(--theme-color-dark);color:var(--color-white);font-weight:500;padding:10px 15px;border-radius:var(--border-radius-sm);border:none;}
/*  FORM  */
.trip-reviews-form .form-control,.trip-reviews-form .form-select{background: var(--light-color);border:none;border-radius:var(--border-radius-sm);padding: 1rem;}
.trip-reviews-form .form-control:focus,.trip-reviews-form .form-select:focus{box-shadow:none;border:1px solid var(--theme-color-dark);background:var(--color-white);}
.trip-reviews-form label{font-weight:600;color: var(--title-color);padding-bottom: 10px;}
.trip-reviews-form .form-check a{color:var(--theme-color);text-decoration:none;}
/*  REVIEW POPUP  */
.trip-review-popup{position: fixed;inset: 0;background: rgba(0,0,0,.65);display: none;align-items: center;justify-content: center;z-index: 9999;padding: 1rem;}
.trip-review-popup.active{display: flex;}
.trip-review-popup-inner{background: var(--color-white);width: 100%;max-width: 820px;border-radius: var(--border-radius-sm);padding: 2rem;position: relative;animation: reviewPopup .3s ease;}
.trip-review-popup-inner h4{width: 100%;margin: 0 auto; background-color: var(--theme-color-dark);color: var(--light-color);padding: 8px;border-radius: var(--border-radius-sm); font-weight: 700;}
.trip-review-close{position: absolute;bottom: 10px;left: 20px;font-size: 40px;background: none;border: none;color: var(--theme-color-dark);cursor: pointer;}
@keyframes reviewPopup{from{opacity:0; transform:translateY(20px);}to{opacity:1; transform:translateY(0);}}
@media (max-width: 576px) {
  .trip-reviews-form .form-control,.trip-reviews-form .form-select {padding: 0.75rem;font-size: 14px;}
  .trip-reviews-form label {font-size: 14px;padding-bottom: 6px;}
  .trip-review-popup {align-items: flex-start;padding: 0;}
  .trip-review-popup-inner {max-width: 90%;width: 100%;padding: 1rem;margin-top: 1rem;max-height: calc(100vh - 4rem);overflow-y: auto;border-radius: var(--border-radius-sm);}
  .trip-review-popup-inner h4 {width: 100%;font-size: 15px;padding: 10px;text-align: center;}
  .trip-review-close {position: absolute; bottom: -16rem;left: 25px;font-size: 30px;color: var(--theme-color-dark);}
}
/* ------Trip-details-WHY ------------- */
.trip-details-why-exp-section{padding: 2rem 0 3rem;}

/* -------Similar Trips------- */
.expedition-slider {margin: 0 -12px;}
.expedition-slide {padding: 0 12px;}
.slick-dots {position: relative;bottom: -42px;display: flex !important;justify-content: center;gap: 12px;list-style: none;}
.slick-dots li button {width: 10px;height: 10px;padding: 0;border-radius: 50%;background: var(--theme-color-dark);border: none;font-size: 0;color: transparent;line-height: 0;transition: all .35s ease;}
.slick-dots li button::before {display: none !important;}
.slick-dots li.slick-active button {width: 32px;border-radius: 20px;background: var(--theme-color);}
@media (max-width: 576px) {.expedition-slider {margin: 0 -8px;}.expedition-slide {padding: 0 8px;}}

/* ============================================================ */
/* ----------------Contact-Us-------------------- */
.contact-hero {position: relative;min-height: 65vh;background-size: cover;background-position: center;display: flex;align-items: center;}
.contact-hero-overlay {position: absolute;inset: 0;background-color: rgba(8, 39, 64, 0.4);display: flex;align-items: center;}
.contact-hero-title {font-size: 38px;font-weight: 800;color: var(--color-white);margin-bottom: 20px;text-transform: uppercase;letter-spacing: 0.025em;}
.contact-hero-text {font-size: 1rem;color: var(--theme-color);line-height: 1.5;max-width: 820px;margin: 0 auto 35px;font-family: 'Inter', system-ui, -apple-system, sans-serif;}
.contact-hero-social {display: flex;justify-content: center;gap: 1rem;}
.contact-hero-social a {width: 48px;height: 48px;background: rgba(255, 255, 255, 0.12);color: var(--theme-color);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;transition: all 0.3s ease;backdrop-filter: blur(6px);}
.contact-hero-social a:hover {color: var(--theme-color-dark);background: var(--theme-color);}
@media (max-width: 768px) {.contact-hero {min-height: 50vh;padding: 2rem 0;}.contact-hero-text {font-size: 0.95rem;}}
/* --------------info-form----------------- */
.contact-cards-title {font-size: 1.8rem;font-weight: 800;color: var(--title-color);letter-spacing: 0.025em;}
.contact-info-card {background: transparent;padding: 30px 24px;border-radius: var(--border-radius-sm);text-align: center;height: 100%;box-shadow: 0 1px 2px rgba(0,0,0,0.08);transition: all 0.35s ease;}
.contact-info-card:hover {box-shadow: 0 2px 3px rgba(0,0,0,0.12);}
.contact-info-card h5 {margin-top: 14px;font-weight: 700;font-size: 17px;color: var(--theme-color-dark);}
.contact-info-card p {font-size: 13px;color: var(--text-color);margin-top: 8px;font-weight: 600;}
.contact-info-card a {color: inherit;text-decoration: none;}
.card-icon {width: 50px;height: 50px;margin: 0 auto;background: var(--theme-color);color: var(--color-white);border-radius: var(--border-radius-sm);display: flex;align-items: center;justify-content: center;font-size: 25px;}
.contact-form-card {background: transparent;padding: 2rem;border-radius: var(--border-radius-sm);box-shadow: 0 1px 2px rgba(0,0,0,0.12);}
.contact-form-card .form-control {padding: 13px;border-radius: var(--border-radius-sm);border: 1px solid #ddd;}
.contact-form-card .form-control:focus {border-color: var(--theme-color);box-shadow: none;}
@media (max-width: 768px) {.contact-form-card {padding: 1.5rem;}}

/* ================================================================== */
/* ---------------booking form-------------------------- */
.booking-wrapper {padding: 3rem;}
.booking-card {background: var(--color-white);padding: 2rem;border-radius: var(--border-radius-md);}
.booking-title {font-size: 1.5rem;font-weight: 700;margin-bottom: 5px;color: var(--theme-color-dark);}
.booking-subtitle {color: var(--text-color);font-size: 15px;margin-bottom: 25px;font-weight: 500;}
.form-control,.form-select {height: 48px;border-radius: var(--border-radius-sm);font-size: 14px;}
textarea.form-control {height: auto;}
label {font-weight: 600;font-size: 14px;margin-bottom: 6px; color: var(--theme-color-dark);}
.booking-terms {font-size: 13px;}
.booking-terms a {color: var(--theme-color);text-decoration: none;font-weight: 600;}

/* ==================================================================== */
/* ----------------Membership-form------------------- */
.register-section {padding: 3rem 0;background: var(--light-color);}
.register-card {background: var(--color-white);padding: 2rem;border-radius: var(--border-radius-md);}
.register-title {font-weight: 800;color: var(--theme-color-dark);}
.register-title span {color: var(--theme-color);}
.form-floating label {font-size: 14px;}
.photo-upload {border: 1px dashed var(--theme-color-dark);padding: 10px 15px;text-align: center;border-radius: var(--border-radius-sm);cursor: pointer;}

/* ============================================================== */
/* -------------Legal Documents---------------------------- */
.section-title {font-size: 2rem;font-weight: 700;color: var(--theme-color-dark);}
.section-subtitle {font-size: 1rem;font-weight:600;color: var(--title-color);max-width: 900px;margin: 0 auto;}
.legal-card {padding: 0 10px 5px;overflow: hidden;background-color: transparent;border: 1px solid var(--theme-color-dark);border-radius: var(--border-radius-sm);}
.legal-card .card-img-container {width: 100%;height: 350px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.legal-card img {width: 100%;height: 100%;object-fit: contain;transition: all 0.5s ease;}
.legal-card:hover img {transform: scale(1.05);}
.card-title {font-size: 1.1rem;font-weight: 600;margin-bottom: 8px;color: var(--theme-color-dark);}
.card-text {font-size: 14px;color: var(--text-color);}
@media (max-width: 767px) {.legal-card .card-img-container {height: 200px;}}

/* ================================================================= */
/* -----------------team-details--------------------------- */
.team-badge {display: inline-block;background: var(--theme-color-dark);color: var(--color-white);padding: 6px 16px;border-radius: 30px;font-weight: 600;margin-bottom: 10px;}
.team-title {font-size: 2.5rem;font-weight: 800;color:var(--title-color);}
.team-featured-card {display: flex;gap: 30px;background: transparent;border-radius: var(--border-radius-md);padding: 30px;box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.team-featured-img img {width: 100%;height: 100%;object-fit: cover;border-radius: var(--border-radius-sm);}
.team-featured-content h3 {font-weight: 700;margin-bottom: 5px;color: var(--title-color);}
.team-role {color: var(--theme-color);font-weight: 600;}
.team-social {display: flex;gap: 12px;margin: 15px 0;}
.team-social a {width: 40px;height: 40px;background: transparent;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all .3s;color: var(--theme-color-dark);border: 1px solid var(--theme-color-dark);}
.team-social a:hover {background: var(--theme-color);color: var(--color-white);border-color: var(--theme-color);}
.team-contact {display: flex;flex-direction: column;gap: 6px;margin-bottom: 15px;}
.team-contact a {color: var(--theme-color);font-weight: 500;}
.team-desc {color: var(--text-color);line-height: 1.7;}
/* SIDEBAR */
.team-sidebar {background: transparent;padding: 25px;border-radius: var(--border-radius-md);box-shadow: 0 1px 2px rgba(0,0,0,0.07);}
.team-sidebar-title{padding: 8px 16px;background: var(--theme-color-dark);color: var(--color-white);border-radius: var(--border-radius-sm);margin-bottom: 20px;}
.team-sidebar-title h5{font-size: 17px;font-weight: 700;margin: 0;}
.team-mini-card {display: flex;align-items: center;gap: 15px;padding: 12px 0;border-bottom: 1px solid #eee;}
.team-mini-card:last-child {border-bottom: none;}
.team-mini-card img {width: 55px;height: 55px;border-radius: 50%;object-fit: cover;}
.team-mini-card h6 {margin: 0;font-weight: 600;color: var(--title-color);}
.team-mini-card span {font-size: 14px;color: var(--text-color);}
@media (max-width: 991px) {.team-featured-card {flex-direction: column;}.team-featured-img img {width: 100%;height: 300px;}}

/* ===================================================================== */
/* ------------------blog-------------------- */
.blog-card {background: transparent;}
.blog-title {font-size: 2rem;font-weight: 800;color: var(--title-color);}
.blog-meta .meta-item i {color: var(--theme-color);}
.blog-meta span {display: flex;align-items: center;font-size: 14px;color: var(--text-color);}
.blog-meta span i {margin-right: 5px;}
.blog-card img {border-radius: var(--border-radius-sm);}
.blog-content p{text-align: justify;color: var(--text-color);}
.blog-content h3 {margin-top: 30px;font-weight: 800;color: var(--theme-color-dark);}
.blog-content ul li {margin-bottom: 10px;padding-left: 5px;color: var(--text-color);}
blockquote {background: var(--color-white);padding: 25px 30px;border-left: 6px solid var(--theme-color);border-radius: var(--border-radius-md);margin: 2rem 0;font-style: italic;}
.author-box {display: flex;gap: 18px;background: var(--color-white);padding: 25px;border-radius: 16px;align-items: center;}
.author-box img {width: 85px;height: 85px;border-radius: 50%;object-fit: cover;}
.comment-box {background: var(--color-white);padding: 22px;border-radius: var(--border-radius-sm);margin-top: 22px;display: flex;gap: 15px;}
.comment-box img {width: 48px;height: 48px;border-radius: 50%;object-fit: cover;}
.comment-form {background: var(--color-white);padding: 2rem;border-radius: var(--border-radius-sm);margin-top: 45px;}
.comment-form input,.comment-form textarea {border-radius: var(--border-radius-sm);padding: 12px 15px;}
.comment-form input:focus,.comment-form textarea:focus {border-color: var(--theme-color);box-shadow: none;}
/* ================= SIDEBAR ================= */
.blog-sidebar {position: sticky;top: 1rem;}
.sidebar-box {background: transparent;}
.sidebar-title {font-weight: 800;font-size: 18px;margin-bottom: 20px;background: var(--theme-color-dark);padding: 12px;color: var(--color-white);border-radius: var(--border-radius-sm);}
.similar-card {display: flex;gap: 14px;margin-bottom: 18px;align-items: center;cursor: pointer;}
.similar-card img {width: 90px;height: 65px;border-radius: var(--border-radius-sm);object-fit: cover;}
.similar-card h6 {font-size: 15px;font-weight: 700;margin-bottom: 3px;color: var(--theme-color-dark);transition: all 0.3s ease;}
.similar-card span {font-size: 13px;color: var(--text-color);}
.similar-card:hover h6 {color: var(--theme-color);}
/* ------------------Blog Recent Post Card --------------------*/
.blog-recent-post {position: relative;width: 450px;border-radius: var(--border-radius-sm);overflow: hidden;cursor: pointer;}
.blog-recent-post img {width: 100%;height: 200px;object-fit: cover;transition: transform 0.5s;}
.blog-recent-post:hover img {transform: scale(1.05);}
.post-overlay {position: absolute;bottom: 0;width: 100%;padding: 20px;background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);color: var(--color-white);text-align: left;transition: all 0.3s;}
.post-overlay h6 {margin: 0 0 5px;font-size: 1.3rem;font-weight: 700;}
.post-overlay span {font-size: 0.9rem;color: var(--theme-color);}
.post-nav {position: absolute;top: 15px;left: 15px;font-size: 0.85rem;color: var(--theme-color-dark);background: var(--theme-color);padding: 5px 10px;border-radius: var(--border-radius-sm);transition: background 0.3s;}
.blog-recent-posts-wrapper {gap: 20px;}
@media (max-width: 768px) {.blog-recent-posts-wrapper {flex-direction: column;align-items: center;}.blog-recent-post {width: 90%;}}
@font-face {
  font-family: 'xtn-icons';
  src:  url('fonts/xtn-icons.eot?sy7egf');
  src:  url('fonts/xtn-icons.eot?sy7egf#iefix') format('embedded-opentype'),
    url('fonts/xtn-icons.ttf?sy7egf') format('truetype'),
    url('fonts/xtn-icons.woff?sy7egf') format('woff'),
    url('fonts/xtn-icons.svg?sy7egf#xtn-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xtn-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xtn-compropago:before {
  content: "\e92b";
}
.icon-xtn-facebook:before {
  content: "\e92c";
}
.icon-xtn-garmin:before {
  content: "\e92d";
}
.icon-xtn-instagram:before {
  content: "\e92e";
}
.icon-xtn-linkedin:before {
  content: "\e92f";
}
.icon-xtn-messenger:before {
  content: "\e930";
}
.icon-xtn-star-color:before {
  content: "\e931";
}
.icon-xtn-shopify:before {
  content: "\e932";
}
.icon-xtn-tiktok:before {
  content: "\e933";
}
.icon-xtn-tripadvisor:before {
  content: "\e934";
}
.icon-xtn-x:before {
  content: "\e935";
}
.icon-xtn-viber:before {
  content: "\e936";
}
.icon-xtn-whatsapp:before {
  content: "\e937";
}
.icon-xtn-youtube:before {
  content: "\e938";
}
.icon-xtn-zingat:before {
  content: "\e939";
}
.icon-telegram:before {
  content: "\ec3a";
}
.icon-xtn-map:before {
  content: "\e025";
}
.icon-xtn-mail-open:before {
  content: "\e028";
}
.icon-xtn-streetsign:before {
  content: "\e029";
}
.icon-xtn-pricetags:before {
  content: "\e02f";
}
.icon-xtn-pencil:before {
  content: "\e032";
}
.icon-xtn-caution:before {
  content: "\e03d";
}
.icon-xtn-recycle:before {
  content: "\e03e";
}
.icon-xtn-alarmclock:before {
  content: "\e059";
}
.icon-xtn-refresh:before {
  content: "\e05a";
}
.icon-xtn-googleplus:before {
  content: "\e05f";
}
.icon-xtn-quote:before {
  content: "\e900";
}
.icon-xtn-calendar:before {
  content: "\e901";
}
.icon-xtn-coffee:before {
  content: "\e902";
}
.icon-xtn-checkmark:before {
  content: "\e903";
}
.icon-xtn-cancel:before {
  content: "\e904";
}
.icon-xtn-plus:before {
  content: "\e905";
}
.icon-xtn-minus:before {
  content: "\e906";
}
.icon-xtn-notice:before {
  content: "\e907";
}
.icon-xtn-library:before {
  content: "\e909";
}
.icon-xtn-info:before {
  content: "\e90a";
}
.icon-xtn-pictures:before {
  content: "\e90b";
}
.icon-xtn-heart:before {
  content: "\e90c";
}
.icon-xtn-card:before {
  content: "\e90d";
}
.icon-xtn-mail-open-bold:before {
  content: "\e90e";
}
.icon-xtn-information:before {
  content: "\e90f";
}
.icon-xtn-lock:before {
  content: "\e910";
}
.icon-xtn-lock-open:before {
  content: "\e911";
}
.icon-xtn-thumb-up:before {
  content: "\e912";
}
.icon-xtn-pdf:before {
  content: "\e913";
}
.icon-xtn-global:before {
  content: "\e052";
}
.icon-xtn-directions_walk:before {
  content: "\e914";
}
.icon-xtn-person-seat:before {
  content: "\e915";
}
.icon-xtn-person:before {
  content: "\e916";
}
.icon-xtn-flight_land:before {
  content: "\e917";
}
.icon-xtn-flight_takeoff:before {
  content: "\e918";
}
.icon-xtn-elderly:before {
  content: "\e919";
}
.icon-xtn-arrow-down:before {
  content: "\e91a";
}
.icon-xtn-arrow-left:before {
  content: "\e91b";
}
.icon-xtn-arrow-left-circle:before {
  content: "\e91c";
}
.icon-xtn-arrow-right:before {
  content: "\e91d";
}
.icon-xtn-arrow-right-circle:before {
  content: "\e91e";
}
.icon-xtn-arrow-up:before {
  content: "\e91f";
}
.icon-xtn-play-button:before {
  content: "\e920";
}
.icon-xtn-add-outline:before {
  content: "\e921";
}
.icon-xtn-airplane:before {
  content: "\e922";
}
.icon-xtn-arrow-down-long:before {
  content: "\e923";
}
.icon-xtn-arrow-left-long:before {
  content: "\e924";
}
.icon-xtn-arrow-right-long:before {
  content: "\e925";
}
.icon-xtn-arrow-up-long:before {
  content: "\e926";
}
.icon-xtn-cheveron-down:before {
  content: "\e927";
}
.icon-xtn-cheveron-left:before {
  content: "\e928";
}
.icon-xtn-cheveron-right:before {
  content: "\e929";
}
.icon-xtn-cheveron-up:before {
  content: "\e92a";
}
.icon-xtn-home:before {
  content: "\e93a";
}
.icon-xtn-phone:before {
  content: "\e942";
}
.icon-xtn-clock:before {
  content: "\e94e";
}
.icon-xtn-google-plus-circle:before {
  content: "\ea8d";
}
.icon-xtn-twitter:before {
  content: "\ea96";
}
.icon-xtn-search:before {
  content: "\f002";
}
.icon-xtn-download:before {
  content: "\f019";
}
.icon-xtn-tags:before {
  content: "\f02c";
}
.icon-xtn-list:before {
  content: "\f03a";
}
.icon-xtn-share-square-o:before {
  content: "\f045";
}
.icon-xtn-phone-square:before {
  content: "\f098";
}
.icon-xtn-credit-card:before {
  content: "\f09d";
}
.icon-xtn-briefcase:before {
  content: "\f0b1";
}
.icon-xtn-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-xtn-truck:before {
  content: "\f0d1";
}
.icon-xtn-pinterest-square:before {
  content: "\f0d3";
}
.icon-xtn-google-plus-square:before {
  content: "\f0d4";
}
.icon-xtn-envelope:before {
  content: "\f0e0";
}
.icon-xtn-cutlery:before {
  content: "\f0f5";
}
.icon-xtn-angle-double-left:before {
  content: "\f100";
}
.icon-xtn-angle-double-right:before {
  content: "\f101";
}
.icon-xtn-angle-left:before {
  content: "\f104";
}
.icon-xtn-angle-right:before {
  content: "\f105";
}
.icon-xtn-angle-up:before {
  content: "\f106";
}
.icon-xtn-angle-down:before {
  content: "\f107";
}
.icon-xtn-wifi:before {
  content: "\f1eb";
}
.icon-xtn-visa:before {
  content: "\f1f0";
}
.icon-xtn-mastercard:before {
  content: "\f1f1";
}
.icon-xtn-discover:before {
  content: "\f1f2";
}
.icon-xtn-amex:before {
  content: "\f1f3";
}
.icon-xtn-paypal:before {
  content: "\f1f4";
}
.icon-xtn-street-view:before {
  content: "\f21d";
}
.icon-xtn-bed:before {
  content: "\f236";
}
.icon-hotel:before {
  content: "\f236";
}
.icon-xtn-sticky-note:before {
  content: "\f249";
}
.icon-xtn-handshake-o:before {
  content: "\f2b5";
}
.icon-xtn-bath:before {
  content: "\f2cd";
}
.icon-bathtub:before {
  content: "\f2cd";
}
.icon-s15:before {
  content: "\f2cd";
}
#loader{display:none;}
img{max-width:100%;height:auto;}