*{margin: 0;padding: 0;box-sizing: border-box;}
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont;
  background: #f8f9fc;
}

/* ------ ROOT VARIABLES ------- */
:root {
  --primary: #00468c;
  --secondary: #003366;
  --dark: #0f0f0f;
  --light:#ffffff;
  --text: #1f2937;
  --muted: #6b7280;
  --border: #e5e7eb;
  --bg-soft: #f5f7fa;
  --bg-dark: #eef4ff;
  --radius-sm:3px;
  --radius-lg: 10px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  color: #111;
  line-height: 1.3;
}
h1 { font-size: 34px; font-weight: 700; }
h2 { font-size: 26px; font-weight: 700; }
h3 { font-size: 22px; font-weight: 600; }
h4 { font-size: 18px; font-weight: 600; }
a{text-decoration: none;}
p  { font-size: 18px; }
small { font-size: 13px; color: #6b7280; }


/* ------Custom-buttons--------- */
.btn-primary {display: inline-flex;align-items: center;text-align: center; gap: 8px;padding: 10px 18px;font-size: 14px;font-weight: 600;letter-spacing: 0.3px;color: var(--light);text-decoration: none;background: var(--secondary);border-radius: 50px;border: none;transition: all 0.35s ease;}
.btn-primary i {font-size: 14px;transition: transform 0.35s ease;}
.btn-primary:hover {background: var(--primary);}
.btn-primary:hover i {transform: translate(2px, -2px);}
.btn-primary-outline {display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;font-size: 14px;font-weight: 600;letter-spacing: 0.3px;color: var(--primary);text-decoration: none;background: transparent;border-radius: 50px;border: 1px solid var(--primary);transition: all 0.35s ease;}
.btn-primary-outline i {font-size: 14px;transition: transform 0.35s ease;}
.btn-primary-outline:hover {background: var(--primary);color: var(--light);}
.btn-primary-outline:hover i {transform: translate(3px, -3px);}

/* ==============---- HEADER BASE -----============= */
.gofly-header {background: var(--light);border-bottom: 1px solid var(--dark);position: relative;z-index: 1000;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
/* ===== TOP BAR ===== */
.top-bar {background: var(--light);border-bottom: 1px solid var(--border);}
.topbar-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 1rem;padding: 10px 0;}
/* ===== LOGO ===== */
.navbar-brand {display: flex;align-items: center;white-space: nowrap;}
.navbar-brand img {width: 170px;}
/* ===== SEARCH ===== */
.search-wrap {flex: 1;max-width: 520px;}
.search-bar {display: flex;align-items: center;gap: 10px;padding: 10px 16px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: 999px;transition: 0.25s ease;}
.search-bar i {color: var(--muted);}
.search-bar input {border: none;outline: none;width: 100%;background: transparent;font-size: 14px;color: var(--text);}
.search-bar:focus-within {background: var(--light);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);}
/* ===== ACTIONS ===== */
.top-actions {display: flex;justify-content: space-between; align-items: center;gap: 1rem;}
.help-link {font-weight: 600;color: var(--primary);text-decoration: none;}
.help-link:hover {color: var(--secondary);text-decoration: underline;}
/* ===== LANGUAGE ===== */
.language-dropdown .dropdown-toggle {display: flex;align-items: center;gap: 6px;font-weight: 600;background: var(--light); color: var(--dark);text-decoration: none;}
.language-menu {min-width: 160px;padding: 6px 0;border-radius: var(--radius-lg);z-index: 9999;top: 10%;left: 50% !important;}
.language-menu .dropdown-item {padding: 8px 16px;font-size: 14px;}
.language-menu .dropdown-item:hover {background: var(--bg-soft);color: var(--primary);}
.lang-flag {font-size: 18px;margin-right: 6px;}
/* ===== LOGIN ===== */
.btn-login {display: flex;align-items: center;gap: 6px;padding: 7px 15px;border-radius: 999px;font-weight: 600;background: var(--secondary);color: var(--light);text-decoration: none;transition: 0.25s ease;}
.btn-login:hover {background: var(--primary);color: var(--light);}
/* ===== RESPONSIVE (KEY PART) ===== */
@media (max-width: 991px) {
  .topbar-wrapper {flex-wrap: wrap;gap: 12px;}
  .navbar-brand {display: none;}
  .top-actions {order: 1;width: 100%;justify-content: flex-end;}
  .search-wrap {order: 2;width: 100%;max-width: 100%;}}
@media (max-width: 576px) {.top-actions {justify-content: space-evenly;}.btn-login {padding: 6px 14px;font-size: 14px;}.search-bar input::placeholder {font-size: 13px;}}
 /* ===== WHATSAPP MOBILE CTA ===== */
.whatsapp-box-mobile {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: var(--secondary);border-radius: 50%;cursor: pointer;transition: all 0.25s ease;}
.whatsapp-box-mobile i {font-size: 18px;color: var(--light);line-height: 1;}

/*-------------------- NAVBAR--------------------- */
.navbar .nav-link {font-family: 'Inter', sans-serif;font-weight: 600;font-size: 15px;letter-spacing: 0.3px;color: var(--dark);}
.navbar .nav-link:hover,.navbar .nav-link.active {color: var(--primary);}
.mega-dropdown {position: static;}
.mega-menu {width: 100%;padding: 30px;border: none;}
.mega-title {font-size: 16px;font-weight: 700;margin-bottom: 12px;color: var(--secondary);}
.mega-link {display: block;font-size: 14px;font-weight: 600;padding: 6px 0;color: var(--dark);text-decoration: none;transition: all .3s ease;}
.mega-link:hover {color: var(--secondary);padding-left: 5px;}
.dropdown-menu {border-bottom-left-radius: var(--radius-sm);border-bottom-right-radius: var(--radius-sm); border: none;}
/* MAIN DROPDOWN */
.main-dropdown {padding: 10px;border-radius: var(--radius-sm);min-width: 200px;background: var(--light);}
.main-dropdown > li > .dropdown-item {padding: 10px 15px;border-radius: var(--radius-sm);font-weight: 500;color: var(--dark);transition: all 0.25s ease;}
.main-dropdown > li > .dropdown-item:hover {background: var(--bg-soft);color: var(--secondary);}
.dropdown-submenu {position: relative;}
.submenu-toggle {display: flex;align-items: center;justify-content: space-between;}
.submenu-icon {font-size: 12px;transition: transform 0.25s ease;}
.submenu-card {display: block;top: 0;left: 100%;min-width: 300px;padding: 10px;border-radius: var(--radius-sm);background: var(--light);opacity: 0;transform: translateX(12px);pointer-events: none;transition: all 0.25s ease;z-index: 1050;}
.submenu-toggle:hover + .submenu-card,.submenu-card:hover {opacity: 1;transform: translateX(0);pointer-events: auto;}
.submenu-toggle:hover .submenu-icon {transform: translateX(5px);}
.submenu-card .dropdown-item {padding: 10px 12px;border-radius: var(--radius-sm);font-weight: 500;color: var(--dark);display: flex;flex-direction: column;transition: all 0.25s ease;}
.submenu-card .dropdown-item:hover {background: var(--bg-soft);color: var(--secondary);}
.dropdown-item:hover{color: var(--secondary);}
@media (max-width: 991px) {
.submenu-card {position: static;opacity: 1;transform: none;pointer-events: auto;box-shadow: none;margin-top: 8px;}
.submenu-icon {transform: rotate(90deg);}}
/* CTA */
.whatsapp-box {display: flex;gap: 5px;align-items: center;background: var(--primary);padding: 7px 15px;border-radius: 30px;font-size: 14px;font-weight: 600; transition: all 0.3s ease; z-index: 1;}
.whatsapp-box a{color: var(--light); text-decoration: none;}
.whatsapp-box i {font-size: 18px;}
.whatsapp-box:hover {background: var(--secondary);}

/* ===== MOBILE HEADER ===== */
.mobile-header {background: var(--light);width: 100vw;position: relative;}
.mobile-header-inner {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0 1rem 0 0;box-sizing: border-box;}
/* ===== LOGO ===== */
.navbar-brand-mobile {display: flex;align-items: center;min-width: 0;}
/* ===== TOGGLER ICON LOGIC ===== */
.custom-toggler{border: 1px solid var(--secondary);border-radius: var(--radius-sm); color: var(--secondary); font-size: 30px;font-weight: 700;}
.custom-toggler .icon-close {display: none;}
.custom-toggler[aria-expanded="true"] .icon-menu {display: none;}
.custom-toggler[aria-expanded="true"] .icon-close {display: block;}
@media (min-width: 992px) {.mobile-header {display: none;}}
@media (max-width: 400px) {.me-auto{margin: 0.5rem 1rem;}}

/* =============================================================== */
/* ====================main-start============= */
/* --------hero------ */
.hero {min-height: 80vh;background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)),url("../images/img-4.jpg") center/cover no-repeat;color: var(--light);display: flex;align-items: center;}
@media (max-width: 576px) {.hero {min-height: 50vh;padding-top: 10rem;}}
/* ================= Search-SECTION ================= */
.travel-search {padding: 2rem 0 3rem;background: var(--bg-soft);}
.travel-search-card {margin-top: 1rem;display: grid;grid-template-columns: repeat(4, 1fr) auto;gap: 16px;padding: 20px;background: var(--light);backdrop-filter: blur(10px);border-radius: var(--radius-lg);box-shadow: 0 1px 3px rgba(0,0,0,.08);}
.ts-field {display: flex;align-items: center;gap: 14px;background: var(--light);border-radius: var(--radius-lg);padding: 10px 15px;border: 1px solid var(--border);transition: 0.3s;}
.ts-field:hover {border-color: var(--primary);}
.ts-icon {display: flex;align-items: center;justify-content: center;color: var(--secondary);font-size: 20px;}
.ts-input {display: flex;flex-direction: column;width: 100%;}
.ts-input label {font-size: 13px;font-weight: 600;color: var(--dark);}
.ts-input select,.ts-input input {border: none;padding: 0;font-size: 15px;color: var(--text);background: transparent;outline: none;}
/* ----- BUTTON ------ */
.ts-btn {background: var(--secondary);color: var(--light);border: none;border-radius: var(--radius-lg);padding: 0 2rem;font-size: 16px;font-weight: 700;display: flex;align-items: center;gap: 10px;cursor: pointer;transition: all 0.3s ease;}
.ts-btn:hover {background: var(--primary);}
@media (max-width: 992px) {.travel-search-card {grid-template-columns: 1fr;}.ts-btn {height: 56px;justify-content: center;}}

/* =================-Popular Sections======================== */
.popular-section{background: var(--bg-dark);}
.section-title {font-size: 2.2rem;font-weight: 800;color: var(--dark);}
.section-subtitle {max-width: 620px;margin: 10px auto 0;color: var(--muted);}
.swiper-wrapper {transition-timing-function: linear !important;}
.package-card {background: var(--light);border-radius: var(--radius-lg);overflow: hidden;transition: all .35s ease;}
.package-image {position: relative;height: 250px;overflow: hidden;}
.package-image img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.package-card:hover img {transform: scale(1.08);}
.package-tag {position: absolute;top: 15px;left: 15px;padding: 6px 14px;font-size: 12px;font-weight: 600;border-radius: 30px;color: var(--light);background: var(--primary);z-index: 2;}
.package-content {padding: 1rem;}
.package-title {font-size: 22px;font-weight: 700;margin-bottom: 6px;color: var(--dark);transition: color 0.3s;}
.package-title:hover{color: var(--primary);}
.package-meta {font-size: 14px;color: var(--muted);margin-bottom: 15px;}
.package-action {display: flex;justify-content: space-between;align-items: center;}
.package-price small {display: block;font-size: 12px;color: var(--muted);}
.package-price span {font-size: 20px;font-weight: 700;color: var(--secondary);}

/* Swiper Pagination Centering */
.swiper-pagination {display: flex;justify-content: center;align-items: center;position: relative;margin-top: 20px;}
.swiper-pagination-bullet {background: var(--secondary);opacity: 0.7;width: 10px;height: 10px;margin: 0 4px;transition: all 0.3s ease;}
.swiper-pagination-bullet-active {background: var(--primary);width: 14px;height: 14px;opacity: 1;}

/* ============== ABOUT SECTION ========= */
.about-gofly {background: var(--bg-soft);}
.about-title {font-size: 2.2rem; font-weight: 700;color: var(--dark);margin-bottom: 0.8rem;line-height: 1.2;}
.about-subtitle {font-size: 1.1rem;font-weight: 500;margin-bottom: 1.5rem;color: var(--text);}
.about-subtitle em {font-style: italic;font-weight: 600;color: var(--secondary);}
.about-subtitle .highlight {font-weight: 700;color: var(--primary);}
.about-text {font-size: 18px;color: var(--muted);line-height: 1.8;margin-bottom: 1rem;text-align: justify;}
.about-link {font-weight: 700;color: var(--secondary);text-decoration: none;display: inline-flex;align-items: center;gap: 6px;transition: all 0.3s ease;}
.about-link:hover {color: var(--primary);}
.about-link span {transition: transform 0.3s ease;}
.about-link:hover span {transform: translate(3px, -3px);}
.about-media {position: relative;border-radius: var(--radius-lg);overflow: hidden;transition: transform 0.3s ease;height: 320px;}
.about-media img {width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius-lg);}
.play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;background: var(--primary);border-radius: 50%;border: none;color: var(--light);font-size: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.3s ease, transform 0.3s ease;}
.play-btn:hover {background: var(--secondary);transform: translate(-50%, -50%) scale(1.1);}
/* Responsive Adjustments */
@media (max-width: 991px) {
  .about-title {font-size: 1.8rem;}
  .about-subtitle {font-size: 1rem;}
  .play-btn {width: 60px;height: 60px;font-size: 24px;}
  .media-decoration {width: 100px;height: 100px;}
}
/* ================= STATS ========================== */
.about-stats {margin-top: 3rem;}
.stat-box {background: var(--light);border-radius: var(--radius-lg);padding: 20px 24px;display: flex;align-items: center;gap: 16px;box-shadow: 0 2px 5px rgba(0,0,0,.06);}
.stat-icon {width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 22px;color: var(--light);background: var(--primary);transition: all 0.25s ease-in-out;}
.stat-icon:hover{background: var(--secondary); transform: scale(1.01);}
.stat-box h3 {font-size: 26px;font-weight: 800;margin-bottom: 2px;color: var(--dark);}
.stat-box p {margin: 0;font-size: 14px;color: var(--muted);}
/* Responsive */
@media (max-width: 991px) {.about-title {font-size: 32px;}.about-media {margin-top: 40px;}}

/* ============ HIGHLIGHTS SECTION ================ */
.highlights-section {background: var(--bg-dark);}
.highlight-card {border-radius: var(--radius-lg);transition: transform 0.3s, box-shadow 0.3s;}
.highlight-card:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.highlight-icon i {color: var(--primary);}

/* ============= Review Section Ten ============ */
.ten-review-section {background: var(--bg-dark);}
.ten-review-card {background: var(--light);border-radius: var(--radius-lg);padding: 30px 25px;display: flex;flex-direction: column;}
.ten-review-stars i {color: #fbbf24;font-size: 15px;}
.ten-review-card h6 {font-size: 18px;font-weight: 600;margin: 12px 0;color: var(--dark);}
.ten-review-card p {font-size: 16px;color: var(--text);line-height: 1.5;flex-grow: 1;}
.ten-review-user {display: flex;align-items: center;gap: 12px;margin-top: 20px;}
.ten-review-user img {width: 50px;height: 50px;border-radius: 50%;object-fit: cover;border: 2px solid var(--primary);}
.ten-review-user strong {font-size: 14px;color: var(--primary);}
.ten-review-user span {font-size: 12px;color: var(--muted);}
/* Navigation Arrows Below Swiper */
.ten-review-navigation {display: flex;justify-content: center;gap: 15px;}
.ten-review-btn-prev,.ten-review-btn-next {width: 45px;height: 45px;border-radius: 50%;background: var(--secondary);border: none;color: var(--light);font-size: 18px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.ten-review-btn-prev:hover,.ten-review-btn-next:hover {background: var(--primary);transform: scale(1.05);}
.ten-review-trust {margin-top: 60px;display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;}
.ten-score {display: flex;align-items: center;gap: 15px;}
.ten-score span {font-size: 30px;font-weight: 700;color: var(--secondary);}
.ten-score strong {display: block;font-size: 14px;color: var(--primary);}
.ten-stars i {color: #fbbf24;font-size: 14px;}
.ten-review-trust small {font-size: 12px;color: var(--muted);}

/* =============== TRAVEL BLOG SECTION ============ */
.blog-card {background: transparent;border-radius: var(--radius-lg);overflow: hidden;height: 100%;}
.blog-image {position: relative;overflow: hidden;}
.blog-image img {width: 100%;height: 250px;object-fit: cover;  transition: all .4s ease-in-out;}
.blog-card:hover .blog-image img{transform: scale(1.05);}
.location-badge {position: absolute;top: 14px;left: 14px;background: var(--light);color: var(--dark);padding: 6px 14px;border-radius: 30px;font-size: 14px;font-weight: 600;display: flex;align-items: center;gap: 6px;}
.location-badge i {color: var(--primary);}
.blog-date {display: flex;justify-content: space-between;font-size: 14px;color: var(--muted);padding: 10px;}
.blog-date i{color: var(--secondary);}
.blog-content p {font-size: 16px;color: var(--muted);line-height: 1.8;}
@media (max-width: 575px) {.blog-image img {height: 200px;}}

/* ========================================================================== */
/* ================== Footer contact ===========================*/
/* --------------- TOP INQUIRY BAR -------------------- */
.top-inquiry-modern {background: var(--secondary);padding: 1rem 0;color: var(--light);position: relative;overflow: hidden;}
.inquiry-box {display: flex;align-items: center;gap: 14px;padding: 12px 16px;border-radius: var(--radius-lg);background: var(--secondary);}
.inquiry-icon {width: 42px;height: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;background: var(--bg-dark);color: var(--primary);}
.inquiry-text strong {display: block;font-size: 16px;font-weight: 600;letter-spacing: .3px;color: var(--light);}
.inquiry-text span {font-size: 14px;color: var(--light);font-weight: 600;letter-spacing: .3px;}
@media (max-width: 767px) {.inquiry-box {justify-content: center;text-align: center;}}

/* -------------------main-FOOTER-------------------- */
.gofly-footer {background: var(--secondary);color: var(--light);padding-top: 5rem;position: relative;font-size: 14px;box-shadow: inset 0 2px 10px rgba(0,0,0,0.2);}
.footer-brand h4 {color: var(--light);font-size: 24px;font-weight: 700;margin-bottom: 0;}
.footer-text {margin: 1rem 0;line-height: 1.8;color: var(--border);font-size: 17px;}
.footer-social {display: flex;gap: 12px;margin-bottom: 20px;}
.footer-social a {width: 36px;height: 36px;border-radius: 50%;background: transparent;display: flex;align-items: center;justify-content: center;color: var(--light);font-size: 15px;transition: all .4s ease-in-out;}
.footer-social a:hover {background: var(--primary);color: var(--light);}
.footer-title {color: var(--light);font-size: 18px;font-weight: 700;margin-bottom: 1rem;}
.footer-links {list-style: none;padding: 0;margin: 0;}
.footer-links li a {position: relative;display: inline-block; padding: 6px 0;font-size: 15px;font-weight: 500;color: var(--light);text-decoration: none;transition: color 0.4s ease;}
.footer-links li a:hover {color: var(--muted);}
.footer-links li a::before {content: '';position: absolute;left: -15px;top: 50%;width: 6px;height: 6px;background-color: var(--muted);border-radius: 50%;opacity: 0;transform: translateY(-50%) scale(0.6);transition: opacity 0.25s ease, transform 0.25s ease;}
.footer-links li a:hover::before {opacity: 1;transform: translateY(-50%) scale(1.2);}

/* ===== Footer Bottom ===== */
.footer-bottom-modern {margin-top: 3rem;padding: 1rem; border-top: 1px solid rgba(255,255,255,0.08);display: flex;justify-content: space-between;align-items: center;gap: 1.2rem;flex-wrap: wrap;}
.footer-copy {font-size: 0.9rem;color: var(--light);letter-spacing: 0.3px;}
.footer-copy strong {color: var(--light);font-weight: 600;}
.footer-payments {display: flex;align-items: center;gap: 12px;}
.footer-payments span {font-size: 0.85rem;color: var(--light);white-space: nowrap;}
.footer-payments img {height: 3rem;width: 100%;background: var(--light);padding: 0.5rem;border-radius: var(--radius-sm);}
/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {.footer-bottom-modern {text-align: center;justify-content: center;}.footer-payments {justify-content: center;flex-wrap: wrap;}.footer-payments img{height: 4rem;}}
/* Scroll Top */
.scroll-top {position: absolute;right: 30px;bottom: 15px;width: 46px;height: 46px;background: var(--primary);color: var(--light);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;text-decoration: none;}

/* ===== Breadcrumb ===== */
.breadcrumb-wrap {background: var(--bg-dark);padding: 14px 20px;border-radius: var(--radius-sm);}
.custom-breadcrumb {margin: 0;font-size: 14px;font-weight: 500;--bs-breadcrumb-divider: "›";}
.custom-breadcrumb .breadcrumb-item a {color: var(--primary);font-weight: 500;transition: all 0.3s ease;}
.custom-breadcrumb .breadcrumb-item a:hover {color: var(--dark);text-decoration: underline;}
.custom-breadcrumb .breadcrumb-item.active {color: var(--muted);font-weight: 600;}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {color: var(--muted);font-weight: 600;}
#loader{display:none;}
.contact-form{margin:30px 0;}
.form-group{margin-bottom:1rem;}
.contact-form label{display:block;margin-bottom:5px;}
.error{color: #810c0c !important;font-size:0.85rem !important;}