@charset "utf-8";
/* CSS Document with Variables */

/* ================= Root Variables ================= */
:root {
  /* Fonts */
  --font-body: 'Open Sans', sans-serif;
  --font-heading: 'Oswald', sans-serif;
  --font-alt: "Trebuchet MS", Arial, sans-serif;
  --font-serif: Baskerville, "Times New Roman", serif;

  /* Colors */
  --color-body: #333;
  --color-bg: #DEDEDE;
  --color-primary: #FFD400;
  --color-secondary: #309946;
  --color-accent: #FF5E00;
  --color-link: #2693FF;
  --color-dark: #2A2A2A;
  --color-light: #fff;
  --color-muted: #5D5D5D;
  --color-green: #40B548;
  --color-orange: #F96813;
  --color-orange-dark: #f90;
  --color-gray: #F5F5F5;
  --color-gray-dark: #E7E9F0;
  --color-footer-bg: #282828;
  --color-footer-accent: #FFCE00;
  --color-title: #43484D;
  --color-title-alt: #13733a;
  --color-blue: #007bff;
  --color-blue-dark: #0056b3;

  /* Shadows & Borders */
  --shadow-strong: 0 0 8px rgba(0, 0, 0, 0.9);
  --shadow-soft: 0 0 6px rgba(0, 0, 0, 0.75);
  --shadow-box: 0 1px 1px 1px #A4CD38;

  /* Sizes */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 7px;
}

/* ================= Base ================= */
body { font-family:var(--font-body); font-size:16px; line-height:145%; color:var(--color-body); background:var(--color-bg); margin:0 auto; }
* { margin:0; padding:0; }
h1, h2, h3, h4 { font-family:var(--font-heading); }
li { list-style:none; display:inherit; }
a { text-decoration:none; }
.form-control { border-radius:0; }

/* ================= Header ================= */
.header { background:var(--color-primary); padding:5px 0; }
.header p { font-size:16.2px; text-transform:uppercase; color:var(--color-secondary); font-weight:650; margin-top:42px; }
.logo { margin:4px 0 10px; }
.logo img { max-height:90px; }
.support { margin-top:20px; text-align:right; }
.support .fa-whatsapp { background:var(--color-green); padding:6px 8px; font-size:25px; color:var(--color-light); border-radius:50%; }
.support a { font-size:18px; color:#000; font-weight:bold; }
.support li { font-size:17px; margin-bottom:10px; }
.support li#phone { color:var(--color-link); }

/* ================= Social ================= */
.social_icon { padding-top:35px; margin-bottom:0; }
.social_icon ul li { display:inline-block; margin-right:5px; }
.social_icon ul li img { transition:all 1s ease-in-out; }
.social_icon ul li img:hover { box-shadow:0 0 0 3px #5675AE, 0 0 0 3px #CCC; }

/* Menu wrapper */
.menu { background:var(--color-dark); }

/* Navbar base */
.menu .navbar { background:var(--color-dark); }
.menu .navbar .nav-link { color:var(--color-light)!important; font-family:var(--font-heading); font-size:14px; text-transform:uppercase; padding:10px 15px; }
.menu .navbar .nav-link:hover, .menu .navbar .nav-link:focus { background:var(--color-accent); color:var(--color-light)!important; }

/* Dropdown hover (desktop only) */
@media (min-width:992px){ .menu .dropdown:hover > .dropdown-menu { display:block; } }

/* Dropdown menu */
.menu .dropdown-menu { background:#333; border:none; min-width:200px; margin-top:0; border-radius:0; }
.menu .dropdown-menu .dropdown-item { color:var(--color-light); font-size:14px; padding:8px 15px; }
.menu .dropdown-menu .dropdown-item:hover, .menu .dropdown-menu .dropdown-item:focus { background:var(--color-accent); color:var(--color-light); }

/* Submenu flyout */
.dropdown-submenu { position:relative; }
.dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-0.25rem; }
.dropdown-submenu > .dropdown-toggle::after { content:"\f105"; font-family:"FontAwesome"; float:right; margin-left:.3em; }

/* Mobile toggle adjustments */
.navbar-toggler { border:none; }
.navbar-toggler:focus { outline:none; box-shadow:none; }
@media (max-width:991px){ .menu .dropdown-menu { position:static; float:none; background:var(--color-dark); margin:0; } .menu .dropdown-menu .dropdown-item { padding-left:30px; } .dropdown-submenu > .dropdown-menu { left:0; margin-top:0; } }

/* ================= Search ================= */
.searchpannel { width:100%; margin-top:25px; }
.searchpannel .searchbox { color:#B4B4B4; width:77%; padding:8px 4px; background:var(--color-light); box-shadow:var(--shadow-box); border-radius:var(--radius-md) 0 0 var(--radius-md); border:none; }
.searchpannel .searchbuttom { background:url(../images/search.fw.png) no-repeat; border:none; color:var(--color-light); font-size:14px; width:20%; padding-top:8px; }
.searchpannel .searchbuttom:hover { background:url(../images/search_hover.fw.png) no-repeat; }

/* ================= About Trip ================= */
.abt-trip { margin-top:-88px; position:relative; padding-bottom:8px; text-align:center; color:var(--color-light); }
.abt-trip h4 { font-family:Helvetica; font-size:20px; text-shadow:2px 2px #000; }
.selectList { padding:6px 5px; border:2px solid var(--color-primary); color:#666; border-radius:var(--radius-sm); text-align:center; }
.btm_green { background:var(--color-orange); padding:6px 7px; border:1px solid var(--color-light); border-radius:var(--radius-sm); color:#000; }
.btm_green:hover { background:var(--color-green); color:var(--color-light); }

/* ================= Offers ================= */
.background_offer_feature { background:var(--color-gray); padding:10px 0; }
.offer { margin-top:25px; padding:12px; margin-bottom:20px; text-align:center; }
.offer h2 { font-family:var(--font-alt); color:#575654; font-size:40px; font-weight:bold; }
.offer .box h2 { font-size:22px; color:#393939; letter-spacing:1px; }
.offer .box .readmore { margin-top:30px; }

/* ================= Featured ================= */
.featured { margin-top:25px; }
.featured h2 { color:var(--color-muted); font-size:20px; text-transform:uppercase; text-align:center; padding-bottom:3px; border-bottom:1px solid var(--color-muted); }
.featured h2:before { content:url(../images/feature_icon.fw.png); margin-right:5px; }
.featured .short { background:var(--color-light); box-shadow:var(--shadow-strong); padding:3px; margin-bottom:25px; text-align:center; position:relative; }
.featured h3 { color:#2A6496; font-size:20px; font-weight:400; }
.featured ul li { font-size:14px; color:var(--color-muted); margin-bottom:8px; }
.featured img { width:100%; min-height:220px; }
.featured .package .cost { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 15px; margin-bottom:15px; font-size:16px; font-family:var(--font-serif); }
.featured .package .cost span { color:#090; font-size:22px; font-family:var(--font-serif); }

/* ================= Process ================= */
.process { padding:50px 0; }
.process h2 { font-family:Titillium; font-size:21px; border-bottom:1px solid var(--color-green); color:#C59B30; text-transform:uppercase; padding-bottom:3px; margin-bottom:30px; }
.process h3 { font-family:Titillium; font-size:18px; text-align:center; color:#0070B8; }
.process ul li { display:inline-block; margin-right:120px; }
.process ul li.box41 { margin-right:0; }
.process img:hover { transform:rotate(360deg) scale(1.1); }
@media(max-width:550px) { .process ul li.box41 { margin-right:120px; } .support { margin-top:3px; font-size:16px; } }

/* ================= Flights ================= */
.flights { padding:50px 0; background:var(--color-light); }
.bg-gray { background-color:var(--color-gray-dark); }
.flights .heading { text-align:center; }
.flights .flight-list ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.flights .flight-list ul li { margin-bottom:5px; flex-grow:1; margin-right:5px; width:32%; text-align:center; border:1px solid black; background-color:#484d5b; padding:12px 16px; border-radius:var(--radius-md); }
.flights .flight-list ul li a { color:var(--color-light); }
.flights .flight-list ul li a:hover { color:#E5BC00; }
@media(max-width:780px) { .flights .flight-list ul li { width:49%; } }

/* ================= Page ================= */
.page { background:var(--color-light); }
.page .breadcrum { border-bottom:1px solid #ccc; padding:15px; font-size:13px; background-color:#FEFBF3; }
.page .breadcrum a { color:#000; font-size:14px; }
.page .breadcrum a:hover { color:#C60; }
.page h1 { color:var(--color-title); font-size:2em; margin-bottom:30px; }
.page .info h2 { color:var(--color-title); font-size:18px; margin-bottom:20px; }
.page .info h2 a { color:var(--color-title-alt); }
.page .slider { margin-bottom:20px; }
.page .slider img { max-height:500px; width:100%; }
.page .package { margin:20px 0; border:1px solid #CCC; border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); padding:5px; }
.page .package h3 { font-size:14px; text-align:center; background:rgb(232,247,253); padding:8px 0; }
.page .package h3 a { color:var(--color-title-alt); }
.page .package .cost { position:absolute; bottom:26px; background:#F60; padding:5px 15px; color:var(--color-light)!important; }

/* ================= Table + Load More ================= */
#containerDiv { margin:20px 0; padding:15px; background:#fafafa; border:1px solid #eee; border-radius:var(--radius-md); }
.loadable-div { font-size:16px; line-height:1.6; color:var(--color-body); margin-bottom:10px; }
#div2 { font-size:15px; line-height:1.6; color:#444; margin-top:10px; }
#toggleButton { display:inline-block; margin-top:15px; padding:8px 18px; background:var(--color-blue); border:none; border-radius:var(--radius-md); color:var(--color-light); font-weight:500; font-size:14px; cursor:pointer; transition:all 0.3s ease-in-out; }
#toggleButton:hover { background:var(--color-blue-dark); transform:translateY(-1px); }
#toggleButton:active { background:#004080; transform:scale(0.98); }
.table { width:100%; border-collapse:collapse; margin-bottom:1.5rem; background:var(--color-light); font-size:15px; }
.table th, .table td { padding:12px 10px; border:1px solid #ddd; text-align:center; }
.table th { background:#f7f7f7; font-weight:600; color:var(--color-body); }
.table td a { color:var(--color-blue); }
.table td a:hover { text-decoration:underline; }
.table .btn { padding:8px 15px; border-radius:var(--radius-md); font-size:15px; display:inline-block; transition:background .3s ease; }
.table .btn-primary { background:var(--color-blue); border:1px solid #006ae6; color:var(--color-light); }
.table .btn-primary:hover { background:var(--color-blue-dark); }

/* Responsive Table */
@media(max-width:768px) {
  .table, .table thead, .table tbody, .table th, .table td, .table tr { display:block; width:100%; }
  .table thead { display:none; }
  .table tr { margin-bottom:15px; border:1px solid #ddd; border-radius:var(--radius-md); box-shadow:0 2px 6px rgba(0,0,0,0.05); padding:12px; background:var(--color-light); }
  .table td { display:flex; justify-content:space-between; align-items:center; border:none; border-bottom:1px solid #eee; padding:8px 0; font-size:14px; }
  .table td:last-child { border-bottom:none; }
  .table td:before { content:attr(data-label); flex:0 0 50%; font-weight:600; color:#444; text-align:left; }
  .table td .btn { width:100%; text-align:center; padding:10px; font-size:16px; }
}

/* ================= Footer ================= */
/* ================= Footer ================= */

/* Top Footer Icons */
.top-footer { background: #f9f9f9; border-top: 3px solid var(--color-accent, #FF5E00); }
.top-footer .travel-services, 
.top-footer .information, 
.top-footer .social, 
.top-footer .vehicle-rental { padding: 10px; }
.top-footer h2 { font-size: 1.1rem; margin-bottom: 15px; font-weight: 600; color: var(--color-dark, #222); }
.top-footer ul { list-style: none; padding: 0; margin: 0; }
.top-footer ul li { margin-bottom: 8px; }
.top-footer ul li a { color: var(--color-dark, #333); text-decoration: none; transition: all 0.3s ease; }
.top-footer ul li a:hover { color: var(--color-accent, #FF5E00); padding-left: 5px; }

/* Social Icons */
.top-footer .social a { display: inline-block; margin: 0 5px; font-size: 1.2rem; color: var(--color-dark, #333); transition: all 0.3s ease; }
.top-footer .social a:hover { color: var(--color-accent, #FF5E00); transform: translateY(-3px); }

/* Main Footer Background */
.footer_background { background: var(--color-dark, #2A2A2A); color: #ddd; font-size: 0.95rem; }
.footer_background h2 { font-size: 1.1rem; margin-bottom: 15px; font-weight: 600; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 5px; }
.footer_background a { color: #bbb; text-decoration: none; transition: color 0.3s ease; }
.footer_background a:hover { color: var(--color-accent, #FF5E00); }

/* Contact block */
.footer_background .contact p { margin-bottom: 8px; line-height: 1.6; }

/* Copyright */
.design_by { font-size: 0.9rem; color: #bbb; background: #1a1a1a; }
.design_by a { color: var(--color-accent, #FF5E00); text-decoration: none; font-weight: 600; }
.design_by a:hover { color: #fff; }

/* Responsive tweaks */
@media (max-width: 767px) {
  .top-footer .col-6, .footer_background .col-12 { text-align: center; }
  .footer_background { text-align: center; }
  .design_by .text-md-end { text-align: center !important; margin-top: 10px; }
}

/* ================= Booking Form ================= */
.bookingform { box-shadow:var(--shadow-soft); padding:15px; margin-bottom:20px; }

/* ================= Responsive ================= */
@media(max-width:767px) { .header { text-align:center; } }
@media(max-width:770px) { .page .info .shorts .box .image img { width:100%; } }
@media(max-width:680px) { .abt-trip { visibility:hidden; } }

/* ================= Right Sidebar ================= */
.rightMenu { background: #f8f9fa; border: 1px solid #e1e1e1; border-radius: 6px; padding: 15px; margin-bottom: 20px; box-shadow: 0 2px 6px rgba(0,0,0,.05); }
.rightMenu h2 { font-size: 1.1rem; font-weight: 600; color: #fff; background: var(--color-dark, #2A2A2A); padding: 8px 12px; border-radius: 4px; margin: -15px -15px 15px -15px; text-align: center; }
.rightMenu ul { list-style: none; padding: 0; margin: 0; }
.rightMenu ul li { padding: 8px 0; border-bottom: 1px solid #eee; font-size: 0.95rem; }
.rightMenu ul li:last-child { border-bottom: none; }
.rightMenu ul li a { text-decoration: none; color: #333; display: block; transition: all 0.3s ease; }
.rightMenu ul li a:hover { color: var(--color-accent, #FF5E00); padding-left: 5px; }

/* How-to-book special section */
.rightMenu.how-to-book { border: 2px solid var(--color-accent, #FF5E00); }
.rightMenu.how-to-book h2 { background: var(--color-accent, #FF5E00); }

/* Quotation box specific */
.rightMenu .quickcontact form { font-size: 0.9rem; }
.rightMenu .quickcontact label { font-weight: 600; margin-bottom: 5px; display: block; }
.rightMenu .quickcontact input,
.rightMenu .quickcontact textarea { margin-bottom: 10px; }

/* Small screens adjustments */
@media (max-width: 767px) {.rightMenu { margin-top: 20px; }}

/* Standard table design */
table { width: 100%;  border-collapse: collapse;  font-family: Arial, Helvetica, sans-serif;  font-size: 14px;
  margin: 20px 0;}

/* Table header */
th {  background-color: #190063;   /* brand color */  color: #ffffff;  text-align: left;
  padding: 12px 15px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 0.5px;  border: 1px solid #ddd;}

/* Table cells */
td {  padding: 12px 15px;  border: 1px solid #ddd;  vertical-align: middle;}

/* Zebra striping */
tr:nth-child(even) {  background-color: #f9f9f9;}

/* Hover effect */
tr:hover {  background-color: #f1f5ff;  transition: background 0.3s ease;}