/*-----------------------------------------------------------------------------------

    Template Name: Bahon - Travel Agency HTML5 Template
    Template URI: https://www.stthemes.com/tf/bahon
    Description: Bahon - Travel Agency HTML5 Template
    Author: TemplateMonster
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS	
    02. Header CSS
    03. Slider CSS
    04. About CSS
    05. Tour CSS
    06. Best Money CSS
    07. Best Things CSS
    08. Team CSS
    09. Package CSS
    10. Testimonial CSS
    11. Blog CSS
    12. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Poppins:wght@400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #252e45;
  line-height: 26px; }

.w-img img {
  width: 100%; }

.m-img img {
  max-width: 100%; }

.transition-3,
span {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

*::after,
*::before,
input,
textarea {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.after::after,
.before::before {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  content: ''; }

a,
.btn {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

a:focus,
.button:focus {
  text-decoration: none;
  outline: none; }

a:focus,
a:hover {
  color: inherit;
  text-decoration: none; }

a,
button {
  color: inherit;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

button:focus {
  outline: 0;
  border: 0; }

.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #252e45;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s; }

h1 {
  font-size: 40px;
  font-weight: 700; }

h2 {
  font-size: 35px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

ul {
  margin: 0px;
  padding: 0px; }

li {
  list-style: none; }

p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #252e45;
  margin-bottom: 15px;
  line-height: 26px; }

*::-moz-selection {
  background: #ff6600;
  color: #ffffff;
  text-shadow: none; }

::-moz-selection {
  background: #ff6600;
  color: #ffffff;
  text-shadow: none; }

::selection {
  background: #ff6600;
  color: #ffffff;
  text-shadow: none; }

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #252e45;
  font-size: 14px;
  opacity: 1; }

*::placeholder {
  color: #252e45;
  font-size: 14px;
  opacity: 1; }

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden; }

.clear {
  clear: both; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f7faff; }

.grey-bg-2 {
  background: #ebf8ff; }

.grey-bg-4 {
  background: #f9f9f9; }

.white-bg {
  background: #ffffff; }

.black-bg {
  background: #252e45; }

.black-soft-bg {
  background: #b0b0b0; }

.footer-bg {
  background: #001940; }

.footer-bottom-bg {
  background: #00122f; }

.theme-bg {
  background: #ff6600; }

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff; }

.white-color {
  color: #ffffff; }

.black-color {
  color: #252e45; }

.theme-color {
  color: #ff6600; }

.nice-select ul li {
  display: block; }

/* btn */
.btn {
  font-size: 14px;
  color: #ffffff;
  background-color: #ff6600;
  font-family: "Poppins", sans-serif;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  height: 42px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid transparent; }

.btn:hover {
  background: #252e45;
  color: #ffffff; }

.btn.btn-border {
  border: 1px solid #ffffff;
  background: transparent; }

.btn.btn-border:hover {
  background: #ffffff;
  color: #252e45; }

.btn.btn-half-square {
  background: #ff6600;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn.btn-half-square:hover {
  background: #252e45;
  color: #ffffff; }

.btn.btn-square {
  background: #ff6600;
  border-radius: 0; }

.btn.btn-square:hover {
  background: #252e45;
  color: #ffffff; }

/* section title */
.sec-title h1 {
  font-size: 42px;
  line-height: 70px;
  margin-bottom: 4px; }

.sec-title p {
  padding: 0 40px;
  font-size: 16px;
  line-height: 25px; }

/* social */
.social ul li {
  display: inline-block;
  margin-right: 13px; }

.social ul li a {
  font-size: 13px; }

.social ul li a:hover {
  color: #ff6600; }

/* scroll to top */
#scroll a {
  position: fixed;
  right: 10px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #252e45;
  list-style-type: none;
  background: transparent;
  margin-right: 20px;
  border: 1px solid #252e45;
  z-index: 999; }

#scroll a:hover {
  background: #252e45;
  color: #ffffff; }

/* page title */
.page-title {
  position: relative; }

.page-title-inner {
  position: relative;
  min-height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.page-title-inner::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

.page-breadcrumb h1 {
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: -5px; }

.page-breadcrumb .breadcrumb {
  background: transparent; }

.page-breadcrumb .breadcrumb-item {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff; }

.page-breadcrumb .breadcrumb-item.active::before {
  color: #ffffff; }

.page-details {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.page-details-breadcrumb .breadcrumb {
  background: #f5f5f5;
  border-radius: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  margin-bottom: 0;
  padding: 20px 30px; }

.page-details-breadcrumb .breadcrumb-item {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #333b55; }

.page-details-breadcrumb .breadcrumb-item.active::before {
  content: '|';
  color: #ff6600; }

.page-details-breadcrumb .breadcrumb-item.active {
  color: #ff6600; }

/*----------------------------------------*/
/*  02. HEADER CSS START 
/*----------------------------------------*/
.header-area {
  background: rgba(0, 0, 0, 0.5);
  z-index: 11; }

.header-area.header-2 {
  background: transparent;
  padding: 45px 0; }

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%; }

.header-top {
  padding-top: 6px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d3d4; }

.header-top-left span {
  color: #ffffff;
  margin-right: 25px;
  font-family: "Poppins", sans-serif; }

.header-top-left span i {
  margin-right: 8px; }

.header-lang .nice-select,
.header-currency .nice-select {
  background-color: transparent;
  padding-right: 25px;
  padding-left: 0; }

.header-lang .nice-select .list,
.header-currency .nice-select .list {
  margin-top: 10px; }

.header-lang .nice-select::after,
.header-currency .nice-select::after {
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff; }

.header-lang .nice-select span,
.header-currency span {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  line-height: 24px; }

.header-action {
  margin-left: 7px; }

.header-action a {
  display: inline-block;
  color: #ffffff;
  position: relative;
  padding-right: 10px;
  margin-right: 4px;
  font-family: "Poppins", sans-serif;
  font-weight: 400; }

.header-action a:hover {
  color: #ff6600; }

.header-action a:last-child {
  padding-right: 0;
  margin-right: 0px; }

.header-action a::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 2px;
  height: 12px;
  background-color: #d1d3d4;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.header-action a:last-child::after {
  display: none; }

/* main menu area start */
.main-menu ul li {
  position: relative;
  margin-right: 30px;
  display: inline-block; }

.main-menu ul li a {
  position: relative;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  padding: 30px 0;
  padding-top: 32px;
  display: block; }

.main-menu ul li a.arrow {
  position: relative;
  padding-right: 15px; }

.main-menu ul li a.arrow::after {
  position: absolute;
  content: '\f0dd';
  right: 0px;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-family: "Font Awesome 5 Pro"; }

.main-menu ul li:hover > a {
  color: #ff6600; }

.main-menu ul li > a::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  height: 2px;
  background-color: #ff6600; }

.main-menu ul li:hover > a::before {
  width: 100%; }

/* submenu area */
.main-menu ul li ul.submenu {
  position: absolute;
  top: 120%;
  left: 0;
  min-width: 200px;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
  -moz-box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
  box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.main-menu ul li ul.submenu li {
  display: block;
  margin-right: 0;
  border-bottom: 1px solid rgba(89, 92, 94, 0.7); }

.main-menu ul li ul.submenu li:last-child {
  border-bottom: none; }

.main-menu ul li ul.submenu li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #252e45;
  padding: 10px 15px; }

.main-menu ul li ul.submenu li a::before {
  top: 50%;
  left: 0;
  right: auto;
  bottom: auto;
  margin: auto;
  height: 0%;
  width: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.main-menu ul li ul.submenu li:hover > a {
  color: #ff6600; }

.main-menu ul li ul.submenu li:hover > a::before {
  height: 100%; }

.main-menu ul li:hover ul.submenu {
  top: 100%;
  visibility: visible;
  opacity: 1; }

/* search box */
.search-box a {
  font-size: 18px;
  color: #ffffff; }

/* search bar  */
.search-bar-wrapper {
  position: fixed;
  top: 20%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99999999999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.search-bar-wrapper .search-close {
  position: absolute;
  font-size: 40px;
  color: #ffffff;
  position: absolute;
  right: 40px;
  top: 40px; }

.search-bar-wrapper.search-bar-open {
  top: 0;
  opacity: 1;
  visibility: visible; }

.search-bar-wrapper.search-bar-open .search-inner {
  top: 50%;
  opacity: 1;
  visibility: visible; }

.search-inner {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.search-inner input {
  width: 100%;
  font-size: 20px;
  line-height: 60px;
  margin-bottom: 0;
  padding: 8px 40px;
  color: #fff;
  border-radius: 50px;
  background-color: transparent;
  border: 2px solid #ffffff; }

.search-inner input:focus {
  border: 2px solid #ffffff; }

.search-inner input::placeholder {
  color: #ffffff; }

.search-inner button {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #ffffff;
  background-color: transparent;
  border: 0; }

.search-inner button:hover {
  cursor: pointer; }

/*----------------------------------------*/
/*  03. SLIDER CSS START 
/*----------------------------------------*/
.single-slider {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.single-slider::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.slider-height {
  min-height: 895px; }

.slider-content h1 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 17px; }

.slider-content p {
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  font-weight: 400;
  padding-right: 215px;
  margin-bottom: 40px; }

.slider-btn-wrapper .btn {
  margin-right: 20px;
  margin-bottom: 30px; }

/* slider arrow */
.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  border-radius: 50%;
  color: #252e45;
  visibility: hidden;
  opacity: 0; }

.hero-slider .slick-arrow:hover {
  background: #252e45;
  color: #ffffff; }

.hero-slider .slick-arrow.slick-next {
  right: 50px;
  left: auto; }

.hero-slider:hover .slick-arrow {
  left: 25px;
  visibility: visible;
  opacity: 1; }

.hero-slider:hover .slick-arrow.slick-next {
  right: 25px;
  left: auto; }

/*----------------------------------------*/
/*  04. ABOUT CSS START 
/*----------------------------------------*/
.about-us {
  position: relative;
  margin-bottom: 127px;
  margin-top: -130px;
  z-index: 11; }

.about-us-inner {
  position: relative;
  padding-right: 15px; }

.about-us-inner::after {
  position: absolute;
  content: '';
  top: -50px;
  left: -80px;
  width: calc(100% + 132px);
  height: calc(100% + 100px);
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
  -moz-box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
  box-shadow: 0px 5px 37px 0px rgba(16, 145, 255, 0.15);
  border-top-left-radius: 61px;
  border-bottom-right-radius: 61px; }

.about-us-tab ul.nav {
  display: block; }

.about-us-tab ul.nav-tabs {
  border-bottom: none; }

.about-us-tab ul li a.nav-link {
  font-size: 18px;
  color: #252e45;
  border: none;
  padding: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  border-bottom: 1px solid #dddddd; }

.about-us-tab ul li:last-child a.nav-link {
  border-bottom: none; }

.about-us-tab ul li a i {
  font-size: 22px;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #b0b0b0;
  text-align: center; }

.about-us-tab ul li a.nav-link.active {
  border-bottom: 1px solid #dddddd;
  color: #ff6600;
  text-decoration: none; }

.about-us-tab ul li:last-child a.nav-link.active {
  border-bottom: none; }

.about-us-tab ul li a.nav-link.active i {
  color: #b0b0b0; }

/* about us content */
.about-thumb {
  position: relative; }

.about-thumb a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  font-size: 35px;
  z-index: 1; }

.about-thumb a:hover {
  color: #ff6600; }

.about-text h3 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 7px; }

.about-text p {
  font-size: 15px;
  color: #252e45;
  margin-bottom: 10px; }

.about-text ul.about-features li {
  position: relative;
  padding-left: 21px;
  margin-bottom: 6px; }

.about-text ul.about-features li::before {
  position: absolute;
  content: '\f101';
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  color: #252e45; }

/*----------------------------------------*/
/*  05. TOUR CSS START 
/*----------------------------------------*/
.single-tour .tour-img {
  position: relative; }

.single-tour .tour-img .tour-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  padding: 25px 35px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.single-tour:hover .tour-img .tour-content {
  background-color: rgba(255, 102, 0, 0.7); }

.single-tour .tour-img .tour-content h4 {
  font-size: 20px;
  color: #ffffff; }

.single-tour .tour-img .tour-content p {
  color: #ffffff; }

.link-btn {
  font-size: 20px;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  text-transform: inherit;
  text-transform: capitalize;
  position: relative; }

.link-btn::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff; }

.link-btn:hover::after {
  bottom: 43%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.link-btn:hover {
  color: #ffffff; }

/*----------------------------------------*/
/*  06. BEST MONEY CSS START 
/*----------------------------------------*/
.best-money-content {
  margin-top: 16px; }

.best-money-content h1 {
  font-size: 39px;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 20px; }

.best-money-content p {
  padding-right: 50px;
  margin-bottom: 9px; }

.best-money-price {
  margin-bottom: 22px; }

.best-money-content .best-money-price span {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600; }

.best-money-content .best-money-price span.old-price {
  color: #ff6600;
  text-decoration: line-through; }

.best-mone-img {
  position: relative; }

.best-money-countdown {
  position: absolute;
  bottom: -28px;
  left: 53px;
  right: 53px;
  background: #ff6600;
  padding: 30px 0px;
  padding-bottom: 0; }

.best-money-countdown ul li {
  font-size: 17px;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 27px;
  margin-bottom: 30px;
  position: relative; }

.best-money-countdown ul li::before {
  position: absolute;
  content: '';
  right: -28px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #ffb380;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  transform: skewX(-15deg); }

.best-money-countdown ul li:last-child::before {
  display: none; }

.best-money-countdown ul li span {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  display: block; }

/*----------------------------------------*/
/*  07. Best Things CSS
/*----------------------------------------*/
.things-img {
  position: relative; }

.things-img::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

.things-content {
  position: absolute;
  left: 30px;
  bottom: 30px; }

.things-content h4 {
  color: #ffffff;
  font-size: 20px; }

.things-content h4:hover a {
  color: #ff6600; }

.things-content span {
  color: #ffffff;
  font-size: 20px;
  font-family: "Poppins", sans-serif; }

.things-btn {
  position: absolute;
  top: 30px;
  right: -100px;
  visibility: hidden;
  opacity: 0; }

.things-img:hover .things-btn {
  right: 0;
  visibility: visible;
  opacity: 1; }

/*----------------------------------------*/
/*  08. TEAM CSS START 
/*----------------------------------------*/
.team-thumb {
  position: relative;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }

.team-thumb::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0; }

.team-content {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  visibility: hidden;
  opacity: 0; }

.team-content h4 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 5px; }

.team-content span {
  font-size: 15px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px; }

.team-social ul li {
  display: inline-block;
  margin: 0 2px; }

.team-social ul li a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #ffffff;
  color: #252e45;
  display: block;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.team-social ul li a:hover {
  background: #ff6600;
  color: #ffffff; }

.single-team:hover .team-thumb {
  border-radius: 50%; }

.single-team:hover .team-thumb::before {
  visibility: visible;
  opacity: 1; }

.single-team:hover .team-content {
  top: 50%;
  visibility: visible;
  opacity: 1; }

/*----------------------------------------*/
/*  09. TEAM CSS START 
/*----------------------------------------*/
.single-package {
  position: relative; }

.single-package::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.package-person {
  position: absolute;
  top: 20px;
  left: 30px; }

.package-person img {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.package-content {
  position: absolute;
  left: 30px;
  bottom: 23px;
  right: 30px; }

.package-info {
  border-bottom: 1px solid #a4abb1;
  margin-bottom: 13px; }

.package-info h3 {
  font-size: 24px;
  color: #ffffff; }

.package-info h3:hover a {
  color: #ff6600; }

.package-info p {
  color: #ffffff; }

.package-bottom span {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff; }

.package-bottom .rating li {
  display: inline-block;
  margin-left: 7px; }

.package-bottom .rating li span {
  font-size: 14px;
  color: #ffffff; }

/*----------------------------------------*/
/*  10. TESTIMONIAL CSS START 
/*----------------------------------------*/
.single-testi {
  padding: 40px 25px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.single-testi:hover {
  background: #ff6600; }

.single-testi:hover span.quote {
  color: #ffbd91; }

.single-testi:hover p {
  color: #ffffff; }

.single-testi span.quote {
  font-size: 50px;
  color: #f6f6f6;
  display: inline-block;
  margin-bottom: 19px; }

.single-testi p {
  font-family: "Poppins", sans-serif;
  line-height: 24px;
  margin-bottom: 23px; }

.testi-thumb img {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.testi-info h4 {
  font-size: 18px;
  margin-bottom: 3px; }

.testi-info span {
  text-transform: capitalize;
  font-weight: 400; }

.single-testi:hover .testi-person .testi-info h4 {
  color: #ffffff; }

.single-testi:hover .testi-person .testi-info span {
  color: #ffffff; }

/*----------------------------------------*/
/*  11. BLOG CSS START 
/*----------------------------------------*/
.single-blog {
  position: relative; }

.blog-thumb {
  position: relative; }

.blog-thumb img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.blog-thumb::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.blog-tag {
  position: absolute;
  top: 20px;
  left: 20px; }

.blog-tag a {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  background-color: #252e45; }

.single-blog:hover .blog-tag a {
  color: #ffffff;
  background-color: #ff6600; }

.single-blog:hover .blog-thumb img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.blog-content {
  position: absolute;
  left: 30px;
  bottom: 30px;
  right: 60px; }

.blog-content h1 {
  font-size: 25px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 9px; }

.blog-content h1:hover {
  color: #ff6600; }

.blog-content p {
  color: #ffffff;
  margin-bottom: 0; }

.blog-meta {
  margin-top: 26px; }

.blog-avater img {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.aveter-info h4 {
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  padding-right: 10px;
  margin-right: 13px;
  position: relative; }

.aveter-info h4::before {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(10deg);
  -moz-transform: translateY(-50%) rotate(10deg);
  -ms-transform: translateY(-50%) rotate(10deg);
  transform: translateY(-50%) rotate(10deg);
  width: 1px;
  height: 18px;
  background: #ffffff; }

.aveter-info a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  margin-right: 30px; }

.aveter-info a:hover {
  color: #ff6600; }

/* blog details area start */
.blog-right-line {
  position: relative;
  padding-right: 53px;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase; }

.blog-right-line::after {
  position: absolute;
  content: '';
  top: 48%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 1px;
  background: #ff6600; }

.blog-inner .blog-text h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase; }

.blog-inner .blog-text h4:hover {
  color: #ff6600; }

.blog-inner .blog-text .blog-meta {
  margin-top: 0;
  margin-bottom: 15px; }

.blog-inner .blog-text .blog-meta span {
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 8px;
  margin-right: 2px; }

.blog-inner .blog-text .blog-meta span::before {
  position: absolute;
  content: '';
  top: 48%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 9px;
  background-color: #252e45; }

.blog-inner .blog-text .blog-meta span:last-child::before {
  display: none; }

.blog-inner .blog-text .blog-meta span a:hover {
  color: #ff6600; }

.blog-inner .blog-text p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px; }

.blog-inner .blog-text .user-quote {
  margin: 35px 45px;
  padding: 20px 33px;
  -webkit-box-shadow: 0px 0px 9.3px 0.7px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 9.3px 0.7px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 9.3px 0.7px rgba(0, 0, 0, 0.06); }

.blog-inner .blog-text .user-quote p {
  margin-bottom: 5px; }

.blog-inner .blog-text .user-quote h5 {
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  padding-left: 37px;
  display: inline-block;
  float: right; }

.blog-inner .blog-text .user-quote h5::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 34px;
  height: 1px;
  background-color: #252e45; }

.blog-inner .blog-text .blog-social ul {
  position: relative;
  margin: 0 15px; }

.blog-inner .blog-text .blog-social ul::after,
.blog-inner .blog-text .blog-social ul::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 35%;
  height: 1px;
  background: #ff6600; }

.blog-inner .blog-text .blog-social ul::before {
  left: auto;
  right: 0; }

.blog-inner .blog-text .blog-social ul li {
  display: inline-block;
  margin: 0 8px; }

.blog-inner .blog-text .blog-social ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: transparent;
  border: 1px solid #ff6600;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ff6600;
  font-size: 14px; }

.blog-inner .blog-text .blog-social ul li a:hover {
  background: #ff6600;
  color: #ffffff; }

/* blog comments area start */
.blog-comment-title h2 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase; }

.blog-comment-wrapper ul li:last-child .single-comment {
  margin-bottom: 30px; }

.single-comment .user-avater img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.single-comment .user-comment .comment-meta {
  margin-bottom: 5px;
  overflow: hidden; }

.single-comment .user-comment .comment-meta span {
  font-size: 12px;
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
  text-transform: uppercase;
  float: left; }

.single-comment .user-comment .comment-meta a {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  float: right; }

.single-comment .user-comment .comment-meta a:hover {
  color: #ff6600; }

.single-comment .user-comment .comment-meta a i {
  margin-right: 5px; }

.single-comment .user-comment .comment-meta span {
  font-size: 12px;
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
  text-transform: uppercase; }

.single-comment .user-comment .comment-meta span::after {
  position: absolute;
  content: '';
  top: 48%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 9px;
  background: #ff6600; }

.single-comment .user-comment .comment-meta span.date::after {
  display: none; }

.single-comment .user-comment p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0; }

.single-comment.comment-reply {
  margin-left: 70px; }

/* blog comment form area start */
.comment-form-inner .comment-input input {
  display: block;
  width: 100%;
  background: #f8f8f8;
  border: none;
  color: #252e45;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  margin-bottom: 40px;
  border: 1px solid transparent; }

.comment-form-inner .comment-input input:last-child {
  margin-bottom: 0px; }

.comment-form-inner .comment-input input::placeholder,
.comment-form-inner .comment-text textarea::placeholder {
  font-size: 14px;
  color: #333b55;
  text-transform: capitalize; }

.comment-form-inner .comment-input input:focus,
.comment-form-inner .comment-text textarea:focus {
  border-color: #879292; }

.comment-form-inner .comment-text textarea {
  width: 100%;
  height: 215px;
  resize: none;
  background: #f8f8f8;
  border: none;
  color: #252e45;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  padding: 15px;
  border: 1px solid transparent; }

/* blog side bar area start */
.sidebar-widget .sidebar-widget-content .search-form-sidebar {
  position: relative; }

.sidebar-widget .sidebar-widget-content .search-form-sidebar input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #c1c1c1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 15px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #252e45; }

.sidebar-widget .sidebar-widget-content .search-form-sidebar button {
  position: absolute;
  font-size: 18px;
  background: transparent;
  color: #464646;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px; }

.sidebar-widget .sidebar-widget-content .sidebar-catagory ul li {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #dddddd; }

.sidebar-widget .sidebar-widget-content .sidebar-catagory ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.sidebar-widget .sidebar-widget-content .sidebar-catagory ul li a {
  font-size: 14px;
  padding-left: 25px;
  position: relative; }

.sidebar-widget .sidebar-widget-content .sidebar-catagory ul li a::after {
  position: absolute;
  content: '\f101';
  left: 0;
  top: -1px;
  font-size: 14px;
  font-family: "Font Awesome 5 Pro"; }

.sidebar-widget .sidebar-widget-content .sidebar-catagory ul li a:hover {
  color: #ff6600; }

.sidebar-widget .sidebar-widget-content .sidebar-catagory ul li span {
  font-size: 14px; }

.sidebar-widget .sidebar-widget-content .rc-post ul li {
  margin-bottom: 25px; }

.sidebar-widget .sidebar-widget-content .rc-post ul li:last-child {
  margin-bottom: 0px; }

.sidebar-widget .sidebar-widget-content .rc-post ul li .single-rc-post .rc-content .rc-meta span {
  font-size: 12px;
  text-transform: uppercase; }

.sidebar-widget .sidebar-widget-content .rc-post ul li .single-rc-post .rc-content h6 {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  line-height: 24px;
  margin-bottom: 0; }

.sidebar-widget .sidebar-widget-content .rc-post ul li .single-rc-post .rc-content h6:hover {
  color: #ff6600; }

.sidebar-widget .sidebar-widget-content .news-letter a {
  margin-bottom: 5px;
  display: inline-block; }

.sidebar-widget .sidebar-widget-content .news-letter a:hover {
  color: #ff6600; }

.sidebar-widget .sidebar-widget-content .sidebar-tags a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding: 0 17px;
  margin-bottom: 17px;
  margin-right: 14px;
  background-color: #f6f6f6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #252e45; }

.sidebar-widget .sidebar-widget-content .sidebar-tags a.active,
.sidebar-widget .sidebar-widget-content .sidebar-tags a:hover {
  color: #ffffff;
  background-color: #ff6600; }

/* sidebar banner */
.sidebar-banner .owl-nav div {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.sidebar-banner .owl-nav div.owl-next {
  left: auto;
  right: 15px; }

.sidebar-banner .owl-nav div button {
  background: transparent;
  font-size: 25px;
  color: #ffffff; }

/*----------------------------------------*/
/*  12. FOOTER CSS START 
/*----------------------------------------*/
.footer-title {
  margin-bottom: 27px; }

.footer-title h3 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600; }

/* footer contact */
.footer-contact p {
  margin-bottom: 23px;
  padding-right: 70px; }

.footer-contact ul li {
  margin-bottom: 17px; }

.footer-contact-inner:hover .icon span {
  background-color: #ff6600;
  color: #ffffff; }

.footer-contact-inner .icon span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background-color: #252e45;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.footer-contact-inner .text p {
  margin-bottom: 0; }

/* quick links */
.quick-links ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 9px; }

.quick-links ul li::before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  -webkit-transform: tanslateY(-50%);
  -moz-transform: tanslateY(-50%);
  -ms-transform: tanslateY(-50%);
  transform: tanslateY(-50%);
  height: 5px;
  width: 5px;
  background: #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.quick-links ul li:hover::before {
  background: #ff6600; }

.quick-links ul li a {
  font-weight: 500; }

/* follow us */
.follow-us ul li {
  float: left;
  width: 50%;
  margin-bottom: 7px; }

.follow-us ul li a:hover {
  color: #ff6600; }

/* subscribe form */
.subscribe p {
  margin-bottom: 22px; }

.subscribe-form {
  position: relative;
  margin-bottom: 20px; }

.subscribe-form input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 70px;
  border: 1px solid #ff6600; }

.subscribe-form input::placeholder {
  font-size: 15px; }

.subscribe-form .sub-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 60px;
  line-height: 40px;
  color: #ffffff;
  background-color: #ff6600; }

/* footer copyright */
.footer-copyright-inner {
  padding: 20px 0;
  padding-bottom: 23px;
  border-top: 1px solid #ebebeb; }

.copyright-text p {
  margin-bottom: 0;
  font-size: 15px; }

.copyright-text p a {
  color: #ff6600;
  font-size: 15px; }

.footer-policy {
  text-align: right; }

.footer-policy a {
  position: relative;
  padding-right: 10px;
  margin-right: 5px;
  color: #333b55;
  font-size: 15px; }

.footer-policy a:hover {
  color: #ff6600; }

.footer-policy a::after {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background-color: #333b55; }

.footer-policy a:last-child {
  padding-right: 0;
  margin-right: 0; }

.footer-policy a:last-child::after {
  display: none; }

  /* tour images */

  .tour-img {
      height: 250px;
      overflow: hidden;
    }
    .tour-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
    }
    .card:hover .tour-img img {
      transform: scale(1.05);
    }
    .link-btn {
      display: inline-block;
      margin-top: 10px;
      text-decoration: none;
      color: #007bff;
      font-weight: 500;
      transition: color 0.3s;
    }
    .link-btn:hover {
      color: #0056b3;
    }
    /* about section images */
    .about-thumb img {
    width: 280px;          /* or any preferred fixed width */
    height: 200px;         /* match the height of the Domestic Tour image */
    object-fit: cover;     /* ensures the image fills the box neatly */
    border-radius: 10px;   /* optional for rounded corners */
  }

  /* navbar megabar */

  .submenu Strong{
    color:#a4abb1
  }

  .package-img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}

.single-slider {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  display: none;
}
.single-slider.active {
  opacity: 1;
  display: block;
}
@media (max-width: 991.98px) {

  .logo {
    display: flex;
    align-items: center;
  }

  .search-box {
    margin-right: 90px; /* Center the search icon between logo and hamburger */
  }

  .meanmenu-reveal {
    position: absolute;
    top: 120px;              /* Adjust based on logo height */
    right: 16px;            /* Keep it inside screen */
    left: auto;
    z-index: 9999;          /* Make sure it stays on top */
  }
}
@media (max-width: 991.98px) {
  .meanmenu-reveal {
    position: absolute !important;
    top: -60px !important;     /* ✅ Adjust to bring to top */
    right: 15px !important;   /* ✅ Ensure it's not pushed out */
    left: auto !important;
    z-index: 9999 !important; /* ✅ Stay above all */
  }
}
.header-area.header-transparent {
  background-color: rgba(255, 255, 255, 0.95); /* Transparent white */
  color: #000; /* All text black */
}

.header-area .header-top span,
.header-area .header-top i,
.header-area .header-top a,
.header-area .header-bottom a,
.header-area .main-menu ul li a,
.header-area .main-menu ul.submenu li a,
.header-area .main-menu ul.submenu li strong {
  color: #000 !important;
}

.header-area select {
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
}

.header-area .btn {
  background-color: #000;
  color: #fff;
  border: none;
}

.header-area .btn:hover {
  background-color: #222;
  color: #fff;
}
/* Default (PC): white background + black text */
.dynamic-header {
  background-color: rgba(255, 255, 255, 0.95);
  color: #000;
}

.dynamic-header a,
.dynamic-header span,
.dynamic-header i,
.dynamic-header select,
.dynamic-header .btn {
  color: #000;
}

/* Button background */
.dynamic-header .btn {
  background-color: #000;
  color: #fff;
}

/* Mobile: Invert text color when background is white */
@media (max-width: 767px) {
  .dynamic-header {
    background-color: #000; /* Make header background black in mobile */
    color: #fff;
  }

  .dynamic-header a,
  .dynamic-header span,
  .dynamic-header i,
  .dynamic-header select,
  .dynamic-header .btn {
    color: #fff;
  }

  .dynamic-header .btn {
    background-color: #fff;
    color: #000;
  }
}
/* Ensure hamburger icon is visible */
.mean-container a.meanmenu-reveal {
  color: #fff !important;     /* Make it visible on dark bg */
  font-size: 28px !important;
  z-index: 1000;
}

/* Ensure mobile menu background is white or black */
.mean-container .mean-nav {
  background-color: #000 !important;  /* Or #fff if you prefer white */
}

/* Make mobile menu text white on black bg */
.mean-container .mean-nav ul li a {
  color: #fff !important;
}

/* Highlight hover for better UX */
.mean-container .mean-nav ul li a:hover {
  color: #f5b942 !important;  /* Optional: your accent color */
}

/* Style for submenus inside mobile nav */
.mean-container .mean-nav ul li li a {
  color: #fff !important;
  padding-left: 25px;
}

/* Ensure mobile menu appears above all */
.mean-container {
  z-index: 9999 !important;
}
.meanmenu-reveal{
  color: #000 ;
  background: #000;
}
.book-online-btn {
  background-color: orange !important;
  color: white !important;
  padding: 12px 30px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 165, 0, 0.3);
  border: none;
  height: 48px;
  line-height: 1;
}

.book-online-btn:hover {
  background-color: darkorange !important;
  color: wheat !important;
  box-shadow: 0 6px 16px rgba(255, 140, 0, 0.4);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .logo-wrapper {
    position: static;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
  }
}

.logo-wrapper {
  position: absolute;
  top: -150px; /* Push upward */
  left: -40px;
  width: 280px;
  height: 280px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.big-logo {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  padding: 10px;
  
}
/* Add arrow after links inside li.submenu */
nav#mobile-menu ul li.submenu > a::after {
  content: "▼";           /* You can replace with ▾ or ▸ or any symbol */
  font-size: 0.6em;
  margin-left: 6px;
  color: #222;         /* matching your red button color */
  vertical-align: middle;
  transition: transform 0.3s ease;
  display: inline-block;
}

/* Rotate arrow when submenu is open (on hover) */
nav#mobile-menu ul li.submenu:hover > a::after {
  transform: rotate(180deg);
}

/* Optional: make arrow smaller on mobile or adjust spacing */
@media (max-width: 768px) {
  nav#mobile-menu ul li.submenu > a::after {
    font-size: 0.5em;
    margin-left: 4px;
  }
}
@media (max-width: 991.98px) {
  .mobile-menu.mean-container {
    position: relative !important;
    top: 41px !important;
  }

  .meanmenu-reveal {
    position: absolute !important;
    top: -51px !important; /* Same as mobile-menu */
    right: 15px !important;
    color: #fff !important;
    font-size: 28px !important;
    z-index: 9999 !important;
  }
}

.mean-container .mean-nav {
    background-color: #000 !important;
    top: -41px;
}

 .about-content .col-md-5 img {
    height: 100%;
    min-height: 350px; /* increase image height */
    object-fit: cover;
  }

  @media (max-width: 767.98px) {
    .about-content .col-md-5 img {
      min-height: 250px; /* adjust for small screens */
    }
  }

  .team-fixed {
  width: 270px;
  height: 300px;
  overflow: hidden;
}

.team-fixed .team-thumb {
  width: 100%;
  height: 100%;
  position: relative;
}

.team-fixed img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 576px) {
  .single-team.team-fixed {
    margin-bottom: 30px;
    width: 100% !important; /* force full width */
  }
  .single-team.team-fixed .team-thumb img {
    height: 100; /* make sure image scales properly */
    width: 100%;
    object-fit: cover;
  }
  .team-content h4 {
    font-size: 1.5rem; /* bigger heading on mobile */
  }
}
@media (max-width: 767.98px) {
  .single-team.team-fixed {
    height: 480px; /* Adjust the height as needed for mobile */
  }

  .team-thumb {
    height: 100%;
  }

  .team-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767.98px) {
  .single-team.team-fixed {
    height: 580px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
  }

  .team-thumb {
    height: 100%;
    width: 100%;
    position: relative;
  }

  .team-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    
    height: 100%;
    width: 100%;
    object-fit: fill; /* Stretchs image in both width & height */
  }

  .team-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%; /* or adjust based on how much of the card you want black */
  background: rgba(0, 0, 0, 0.6); /* slightly darker */
  color: white;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Align heading and social icons to bottom */
  text-align: center;
}

}
  .about-us-tab {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  
  .left-tabs {
    border-radius: 8px;
    overflow: hidden;
  }
  
  .left-tabs .nav-link {
    padding: 15px 20px;
    color: #333;
    border: none;
    border-left: 4px solid transparent;
    transition: all 0.3s;
  }
  
  .left-tabs .nav-link:hover {
    background: #f8f9fa;
  }
  
  .left-tabs .nav-link.active {
    background: #f8f9fa;
    color: #0d6efd;
    border-left: 4px solid #0d6efd;
    font-weight: 500;
  }
  
  .left-tabs .nav-link i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
  }
  
  .about-content {
    height: 100%;
  }
  
  @media (max-width: 767.98px) {
    .about-content {
      flex-direction: column;
    }
    
    .about-content .col-md-5, 
    .about-content .col-md-7 {
      width: 100%;
    }
  }

  /* Mobile View Fixes (under 768px) */
@media (max-width: 767.98px) {
  /* Header Bottom Fixes */
  .header-bottom {
    padding: 10px 0;
  }
  
  
  /* Mobile Menu Toggle Button */
  .mobile-menu {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
  }
  
  /* Hamburger Icon Styling */
  .mobile-menu .hamburger-inner,
  .mobile-menu .hamburger-inner::before,
  .mobile-menu .hamburger-inner::after {
    background-color: #333; /* Change color as needed */
  }
  
  /* Adjust header columns for mobile */
  .header-bottom > .container > .row > .col-sm-4, 
  .header-bottom > .container > .row > .col-sm-6 {
    padding-right: 40px; /* Space for hamburger */
  }
  
  /* Hide desktop navigation in mobile */
  .main-menu {
    display: none;
  }
  
  /* Show mobile menu when active */
  .main-menu.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 998;
    padding: 70px 20px 20px;
    overflow-y: auto;
  }
  
  /* Search box adjustment */
  .search-box {
    margin-left: 10px !important;
  }
  
  /* Book Online button adjustment */
  .header-btn {
    display: none !important;
  }
}

/* Optional: Add this if you need a proper hamburger menu */
.hamburger {
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: #333;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, 
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -8px;
}

.hamburger-inner::after {
  bottom: -8px;
}

/* Active state */
.hamburger--active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--active .hamburger-inner::before {
  transform: rotate(-45deg) translate(-4px, -4px);
}

.hamburger--active .hamburger-inner::after {
  opacity: 0;
}