/* ----- ROOT VARIABLES ----- */
:root {
  --deep-teal: #1d5876;
  --soft-teal: #2f7496;
  --gold: #e8c17c;
  --text-white: #ffffff;
  --text-dark: #1e2b3a;
  --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

/* ----- BODY: ONLY FONT FAMILY ----- */
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  text-align: justify;
}

/* ----- RESET ----- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.keyframe-logo{
  position: relative;
  animation-duration: 3s;
  animation-name: logoo;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}
@keyframes  logoo {
0%{
  top:0px;
  left:0px

}
50%{
  top:20px;
  left:0px
}
100%{
  top:0px;
  left:0px;
}
  
}
  .travel-nav-gap .dropdown .travel-dropdown-menu .travel-dropdown-item {
    background-color: white !important;
    
    margin-top: 5px;
  }

  .travel-nav-gap .dropdown .travel-dropdown-menu .travel-dropdown-item:hover {
    background-color: var(--deep-teal) !important;
    color: var(--text-white) !important;

  }

/* ---------- ALL STYLES VIA CUSTOM CLASSES ---------- */

/* ----- NAVIGATION ----- */
.text-gold {
  color: var(--gold) !important;
}
.bg-gold{
  background-color: var(--gold);
}
.bg-navy{
  background-color: var(--deep-teal);
}
.text-navy{
color: var(--deep-teal) !important;
}

.travel-nav-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.268);
  border-bottom: 1px solid rgba(29, 88, 118, 0.1);
}

.travel-navbar {
  background: transparent !important;
  padding: 0.6rem 0;
}

.travel-logo {
  height: 100px;
  width: auto;
  transition: var(--transition-smooth);
}

.travel-logo:hover {
  transform: scale(1.03);
}

.travel-nav-link {
  color: var(--deep-teal) !important;
  font-weight: 600;
  font-size: 1.05rem;
  padding: 0.5rem 0 !important;
  position: relative;
}


.travel-nav-gap {
  gap: 30px !important;
}



.travel-dropdown-menu {
  border: none;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 15px 35px rgba(29, 88, 118, 0.12);
  border-radius: 16px;
  padding: 0.8rem 0;
}


/* ----- BUTTON ----- */
.travel-btnn {
  background-color: var(--deep-teal) !important;
  border: none !important;
  color: var(--text-white) !important;
  font-weight: 600;
  transition: var(--transition-smooth);
  letter-spacing: 0.5px;
}

.travel-btnn:hover {
  background-color: #13475f !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(29, 88, 118, 0.3);
}

/* ----- HERO SECTION ----- */
.travel-hero-section {
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: 0;
}

.travel-hero-container {
  padding-top: 86px;
}

.travel-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.travel-hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.travel-hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(6, 26, 45, 0.75), rgba(6, 26, 45, 0.3));
}

.travel-hero-card {
  position: relative;
  z-index: 5;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 32px;
  padding: 48px 52px;
  color: white;
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.5);
}

.travel-hero-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: white !important;
  line-height: 1.1;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.travel-hero-title span {
  color: var(--gold);
}

.travel-hero-text {
  font-size: 1.18rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9) !important;
  max-width: 90%;
  margin-top: 24px;
  font-weight: 400;
}

@media (max-width: 1199.98px) {
  .travel-hero-title {
    font-size: 2.8rem;
  }
}

@media (max-width: 991.98px) {
  .travel-hero-card {
    padding: 40px 36px;
  }

  .travel-hero-title {
    font-size: 2.5rem;
  }

  .travel-hero-text {
    max-width: 100%;
    font-size: 1.1rem;
  }
}

@media (max-width: 767.98px) {
  .travel-hero-container {
    padding-top: 100px;
  }

  .travel-hero-card {
    padding: 35px 28px;
    border-radius: 28px;
  }

  .travel-hero-title {
    font-size: 2rem;
  }

  .travel-hero-text {
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .travel-hero-card {
    padding: 30px 20px;
  }

  .travel-hero-title {
    font-size: 1.8rem;
  }

  .travel-hero-text {
    font-size: 0.98rem;
  }
}

/* ========== OWL CAROUSEL - FULLY RESPONSIVE - ABSOLUTELY FIXED ========== */
/* No container styling - pure carousel fix */
.travel-owl-wrapper {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

/* CRITICAL CAROUSEL RESET */
.owl-carousel.travel-owl-carousel {
  display: block !important;
  width: 100%;
}

.travel-owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.travel-owl-carousel .owl-item {
  transition: all 0.3s ease;
}

/* Travel item - fully responsive height */
.travel-item {
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  overflow: hidden;
  transition: all 0.5s ease;
  position: relative;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  width: 100%;
}

.travel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.travel-item:hover img {
  transform: scale(1.08);
}

.travel-country-top {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  color: white;
  padding: 22px 20px 12px;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0 0 28px 28px;
  width: 100%;
  text-shadow: 0 2px 5px black;
}

/* Center zoom effect - perfectly scaled */
.travel-owl-carousel .travel-item {
  transform: scale(0.85);
  opacity: 0.7;
  transition: 0.4s;
}

.travel-owl-carousel .owl-item.center .travel-item {
  transform: scale(1.15);
  opacity: 1;
  box-shadow: 0 25px 50px rgba(29, 88, 118, 0.3);
  z-index: 10;
}

.travel-owl-carousel .owl-item.center .travel-country-top {
  background: linear-gradient(to top, rgba(29, 88, 118, 0.95), transparent);
}

.owl-carousel .owl-stage-outer {
  overflow: visible;
}

/* ===== RESPONSIVE BREAKPOINTS - CAROUSEL BEHAVIOUR FIXED ===== */
/* Large Desktop */
@media (min-width: 1200px) {
  .travel-item {
    height: 380px;
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.2);
  }
}

/* Desktop */
@media (max-width: 1199px) {
  .travel-item {
    height: 350px;
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.18);
  }

  .travel-country-top {
    font-size: 1.3rem;
  }
}

/* Tablet Landscape */
@media (max-width: 991px) {
  .travel-item {
    height: 320px;
  }

  .travel-owl-carousel .travel-item {
    transform: scale(0.88);
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.15);
  }

  .travel-country-top {
    font-size: 1.25rem;
    padding: 20px 18px 11px;
  }
}

/* Tablet Portrait */
@media (max-width: 767px) {
  .travel-item {
    height: 300px;
  }

  .travel-owl-carousel .travel-item {
    transform: scale(0.9);
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.12);
  }

  .travel-country-top {
    font-size: 1.2rem;
    padding: 18px 16px 10px;
  }
}

/* Mobile Large */
@media (max-width: 576px) {
  .travel-item {
    height: 260px;
    border-radius: 20px;
  }

  .travel-owl-carousel .travel-item {
    transform: scale(0.92);
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.1);
  }

  .travel-country-top {
    font-size: 1.1rem;
    padding: 16px 14px 9px;
  }
}

/* Mobile Small */
@media (max-width: 400px) {
  .travel-item {
    height: 230px;
  }

  .travel-owl-carousel .travel-item {
    transform: scale(0.94);
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.08);
  }

  .travel-country-top {
    font-size: 1rem;
    padding: 14px 12px 8px;
  }
}


/* Extra Small */
@media (max-width: 360px) {
  .travel-item {
    height: 210px;
  }

  .travel-owl-carousel .owl-item.center .travel-item {
    transform: scale(1.06);
  }
}

/* ----- EXPERIENCE SECTION ----- */
.travel-experience {
  background: var(--deep-teal);
  color: white;
  padding: 80px 0;
  margin: 60px 0;
}

.travel-exp-heading {
  font-size: 3.5rem;
  font-weight: 700;
  color: white;
}

.travel-exp-sub {
  font-size: 1.2rem;
  opacity: 0.85;
}

.travel-exp-box {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 45px 30px;
  text-align: center;
  border-radius: 28px;
  transition: 0.35s;
}

.travel-exp-box:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.14);
  border-color: var(--gold);
}

.travel-counter {
  font-size: 58px;
  font-weight: 800;
  color: white;
  line-height: 1;
  margin-bottom: 12px;
  font-family: 'Playfair Display', serif;
}

.travel-exp-title {
  font-size: 1.3rem;
  font-weight: 500;
}

@media (max-width: 991.98px) {
  .travel-experience {
    padding: 60px 0;
  }

  .travel-exp-heading {
    font-size: 2.8rem;
  }

  .travel-counter {
    font-size: 50px;
  }

  .travel-exp-box {
    padding: 35px 20px;
  }
}

@media (max-width: 767.98px) {
  .travel-experience {
    padding: 50px 0;
    margin: 40px 0;
  }

  .travel-exp-heading {
    font-size: 2.2rem;
  }

  .travel-exp-sub {
    font-size: 1rem;
  }

  .travel-counter {
    font-size: 44px;
  }

  .travel-exp-title {
    font-size: 1.2rem;
  }

  .travel-exp-box {
    padding: 30px 15px;
    border-radius: 24px;
  }
}

@media (max-width: 575.98px) {
  .travel-exp-box {
    padding: 28px 12px;
  }

  .travel-counter {
    font-size: 40px;
  }
}

/* ----- UTILITIES ----- */
.travel-text-deep {
  color: var(--deep-teal) !important;
}

.travel-playfair {
  font-family: 'Playfair Display', serif;
  letter-spacing: -0.02em;
}

.travel-text-white {
  color: white;
}

.travel-phone-icon {
  color: white !important;
}

.travel-divider {
  border-top-color: rgba(29, 88, 118, 0.2);
}

.travel-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829, 88, 118, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.travel-toggler {
  border-color: rgba(29, 88, 118, 0.3);
}



/* ===== Travel Services Section ===== */

.travel-services-section {
  background: #f8f9fa;
  padding: 80px 0;
}

.travel-service-card {
  background: var(--text-white);
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  transition: var(--transition-smooth);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  height: 100%;
}

.travel-service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.travel-service-img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 20px;
  border: 3px solid var(--gold);
}

.travel-service-title {
  font-weight: 600;
  color: var(--deep-teal);
  margin-bottom: 10px;
}

.travel-service-text {
  font-size: 14px;
  color: var(--text-dark);
  opacity: 0.8;
  margin-bottom: 20px;
}

.travel-service-btn {
  background: var(--deep-teal);
  color: var(--text-white);
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  text-decoration: none;
  transition: var(--transition-smooth);
  display: inline-block;
}

.travel-service-btn:hover {
  background: var(--gold);
  color: var(--text-dark);
}

/* TESTIMONIAL SECTION */
.tt-testimonial-section {
  background: linear-gradient(135deg, #1d5876, #2f7496);
  padding: 80px 20px;
  color: #fff;
  overflow: hidden;
}

.tt-heading {
  margin-bottom: 50px;
}

.tt-subtitle {
  color: #e8c17c;
  letter-spacing: 2px;
  font-size: 16px;
}

.tt-title {
  font-size: 42px;
  font-weight: 700;
}

/* CARD */
.tt-card {
  background: rgba(255, 255, 255, 0.95);
  color: #333;
  padding: 30px;
  border-radius: 20px;
  transition: 0.4s;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  height: 100%;
}

.tt-card:hover {
  transform: translateY(-12px) scale(1.02);
}

/* STARS */
.tt-stars {
  color: #ffb400;
  font-size: 18px;
  margin-bottom: 10px;
}

/* TEXT */
.tt-card p {
  font-style: italic;
  font-size: 15px;
  line-height: 1.6;
}

/* USER */
.tt-user {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.tt-user img {
  width: 55px !important;
  height: 55px !important;
  border-radius: 50%;
  margin-right: 12px;
  border: 3px solid #e8c17c;
}

.tt-user h6 {
  margin: 0;
  font-size: 16px;
}

.tt-user span {
  font-size: 13px;
  color: #777;
}

/* DOTS */
.owl-dots {
  text-align: center;
  margin-top: 20px;
}

.owl-dot span {
  width: 10px;
  height: 10px;
  background: #ccc;
  display: block;
  margin: 5px;
  border-radius: 50%;
}

.owl-dot.active span {
  background: #e8c17c;
}

/* RESPONSIVE */
@media(max-width:768px) {
  .tt-title {
    font-size: 28px;
  }
}












/* Owl Dots Custom */
.tt-testimonial-carousel .owl-dots {
  text-align: center;
  margin-top: 25px;
  display: block !important;

}

.tt-testimonial-carousel .owl-dot span {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 0.5;
}

.tt-testimonial-carousel .owl-dot.active span {
  background: #e8c17c;
  opacity: 1;
}

/* FAQ SECTION */
.tt-faq-section {
  background: #f8f9fa;
}

.tt-faq-subtitle {
  color: #e8c17c;
  letter-spacing: 2px;
  font-size: 14px;
}

.tt-faq-title {
  font-weight: 700;
  color: var(--deep-teal);
  font-size: 32px;
}

.tt-faq-item {
  border: none;
  margin-bottom: 15px;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.tt-faq-btn {
  background: #ffffff;
  font-weight: 600;
  position: relative;
  padding-right: 50px;
}

.tt-faq-btn:focus {
  box-shadow: none;
}

.tt-faq-btn::after {
  display: none;
  /* remove default bootstrap arrow */
}

/* Custom Plus Icon */
.tt-faq-btn::before {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 22px;
  font-weight: bold;
  color: #1d5876;
  transition: 0.3s;
}

/* When Open (Minus) */
.tt-faq-btn:not(.collapsed)::before {
  content: "-";
  color: #e8c17c;
}

.tt-faq-item .accordion-body {
  background: #fff;
  line-height: 1.7;
}

.footer-list li a {
  color: var(--text-white) !important;
  list-style: none !important;
}

a {

  text-decoration: none;
}
.tt-gallery-img{
  width: 120px !important;
  height: 100px !important;
  border-radius: 20px;
}

/* service css start */
        body {
          font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
          background-color: #fefefe;
          overflow-x: hidden;
        }
    
        .text-blue {
          color: #1e3a6f;
          font-weight: 600;
          letter-spacing: -0.02em;
        }
    
        .text-gray {
          color: #2e3b4e;
          line-height: 1.7;
          font-size: 1.1rem;
          font-weight: 350;
          text-align: justify;
        }
    
        .about-image {
          background-image: url('https://img.freepik.com/free-photo/ulsan-bawi-rock-seoraksan-mountains-winter-south-korea_335224-287.jpg?ga=GA1.1.1397813892.1711097616&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center 30%;
          height: calc(100vh - 132px);
          min-height: 600px;
          position: relative;
        }
    
        .bg-whitecolor {
          background-color: rgb(255, 255, 255) !important;
          backdrop-filter: blur(3px);
          -webkit-backdrop-filter: blur(3px);
          transition: all 0.2s;
        }
    
        .Trustsection {
          background-image: url('https://img.freepik.com/free-photo/american-visa-document_1101-820.jpg');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 30% 40%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .What-we-do-section {
          background-image: url('https://img.freepik.com/free-photo/christmas-travel-concept-with-laptop_23-2149573080.jpg?ga=GA1.1.180443621.1766574764&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 70% 30%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .Cruise-holiday-bg {
          background-image: url('https://img.freepik.com/free-photo/boat-huangpu-river-with-shanghai-urban-architecture_649448-2280.jpg?ga=GA1.1.180443621.1766574764&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 1000% 110%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .cab-and-transport {
          background-image: url('https://img.freepik.com/free-photo/urban-bus-stop-public-transport-dubai-city_93675-131309.jpg?ga=GA1.1.1397813892.1711097616&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 30% 20%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .hotell-image {
          background-image: url('https://img.freepik.com/free-photo/type-entertainment-complex-popular-resort-with-pools-water-parks-turkey-with-more-than-5-million-visitors-year-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer_146671-18728.jpg?ga=GA1.1.1397813892.1711097616&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 30% 20%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .corparate-events {
          background-image: url('https://img.freepik.com/free-photo/decorated-banquet-hall-with-flowers_8353-10058.jpg?ga=GA1.1.1397813892.1711097616&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 30% 20%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .forex-exchange {
          background-image: url('https://img.freepik.com/free-photo/coins-paper-money-globe-white-statistic-form-background_1387-296.jpg?ga=GA1.1.1397813892.1711097616&semt=ais_wordcount_boost&w=740&q=80');
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 30% 20%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .Meeting-section {
          background-image: url("https://img.freepik.com/free-photo/business-people-office-workplace-interaction-conversation-teamwork-concept_53876-15877.jpg?ga=GA1.1.1397813892.1711097616&semt=ais_wordcount_boost&w=740&q=80");
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 30% 20%;
          height: 500px;
          min-height: 420px;
          position: relative;
        }
    
        .Trustsection::after,
        .What-we-do-section::after,
        .Cruise-holiday-bg::after,
        .cab-and-transport::after,
        .hotell-image::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.1);
          pointer-events: none;
        }
    
        .Trustsection::after {
          background: rgba(0, 20, 30, 0.1);
        }
    
        .What-we-do-section::after {
          background: rgba(0, 0, 0, 0.1);
        }
    
        .Cruise-holiday-bg::after {
          background: rgba(8, 24, 48, 0.15);
        }
    
        .col-md-6.d-flex.flex-column {
          background-color: #ffffffec;
          backdrop-filter: blur(2px);
          box-shadow: -8px 0 30px -10px rgba(0, 0, 0, 0.15);
          z-index: 2;
          min-height: 500px;
        }
    
        h1.d-flex img {
          margin-left: 12px;
          filter: drop-shadow(0 4px 4px rgba(0, 35, 70, 0.1));
          transition: transform 0.2s;
        }
    
        h1.d-flex img:hover {
          transform: scale(1.02);
        }
    
        .about-image .bg-whitecolor {
          background-color: rgba(255, 255, 255, 0.798) !important;
          box-shadow: 10px 0 30px -5px rgba(0, 20, 40, 0.2);
        }
    
        .about-image .bg-whitecolor img {
          filter: brightness(1.05) drop-shadow(0 8px 12px rgba(0, 40, 70, 0.15));
          max-width: 300px;
        }
    
        .container-fluid.g-0 .row {
          --bs-gutter-x: 0;
        }
    
        @media (max-width: 768px) {
          .text-gray {
            font-size: 1rem;
            text-align: left;
          }
    
          h1.d-flex {
            flex-wrap: wrap;
          }
    
          .about-image {
            background-attachment: scroll;
          }
    
          .Trustsection,
          .What-we-do-section,
          .Cruise-holiday-bg,
          .cab-and-transport,
          .hotell-image {
            background-attachment: scroll;
          }
    
          .bg-whitecolor {
            backdrop-filter: none;
          }
        }
    
        .timeline-card {
          border: none;
          background: transparent;
          margin-bottom: 4rem;
          max-width: 700px;
        }
    
        .card-number {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          background-color: #333;
          color: white;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 2.5rem;
          margin: 0 auto 1.5rem;
          border: 4px solid #333;
        }
    
        .timeline-divider {
          height: 1px;
          background-color: #333;
          margin: 1.5rem auto;
          width: 100%;
        }
    
        /* small AOS customisation: slightly longer duration */
        [data-aos] {
          transition-timing-function: ease-out;
        }
/* service css end */

/* about css start */
     .hero {
       background: var(--deep-teal);
       min-height: 100vh;
       display: flex;
       align-items: center;
       position: relative;
       overflow: hidden;
     }
  
     .hero::before {
       content: '';
       position: absolute;
       background-attachment: fixed !important;
       inset: 0;
       background: url('https://img.freepik.com/free-photo/tourist-carrying-luggage_23-2151747328.jpg?ga=GA1.1.180443621.1766574764&semt=ais_hybrid&w=740&q=80') center/cover;
       opacity:0.4;
     }
  
     .hero-content {
       position: relative;
       z-index: 1;
     }
  
     .hero h1 {
       font-size: clamp(2.2rem, 5vw, 4rem);
       color: #fff;
       line-height: 1.2;
     }
  
     .hero h1 em {
       color: var(--gold);
       font-style: italic;
     }
  
     .hero p {
       color: rgba(255, 255, 255, .7);
       max-width: 460px;
     }
  
     .badge-tag {
       display: inline-block;
       border: 2px solid var(--gold);
       color: var(--gold);
  backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(10px);
       opacity: 0.9;
       font-size: .72rem;
       letter-spacing: .2em;
       text-transform: uppercase;
       padding: .3rem .9rem;
       border-radius: 2rem;
       margin-bottom: 1rem;
       font-weight: 600;
     }
  
     /* STATS */
     .stats {
       background: var(--deep-teal);
       padding: 2rem 0;
     }
  
     .stat-num {
       font-family: 'Playfair Display', serif;
       font-size: 2.2rem;
       color: var(--gold);
     }
  
     .stat-lbl {
       font-size: .75rem;
       letter-spacing: .15em;
       text-transform: uppercase;
       color: rgba(255, 255, 255, .6);
     }
  
     .sec-tag {
       font-size: .72rem;
       letter-spacing: .2em;
       text-transform: uppercase;
       color: var(--soft-teal);
       font-weight: 500;
     }
  
     /* STORY IMG */
     .story-img {
       width: 100%;
       height: 600px;
       object-fit: cover;
       border-radius: 4px;
     }
  
     /* OWNER */
     .owner-section {
       background: var(--deep-teal);
       padding: 5rem 0;
     }
  
     .owner-img {
       width: 90%;
       height: 550px;
       object-fit: cover;
       border-radius: 4px;
       border: 2px solid rgba(232, 193, 124, .4);
     }
  
     .owner-section h2 {
       color: #fff;
     }
  
     .owner-role {
       color: var(--gold);
       font-size: .78rem;
       letter-spacing: .18em;
       text-transform: uppercase;
     }
  
     .quote-block {
       border-left: 3px solid var(--gold);
       padding-left: 1.2rem;
       font-family: 'Playfair Display', serif;
       font-style: italic;
       font-size: 1.05rem;
       color: rgba(255, 255, 255, .85);
     }
  
     .plus-line {
       display: flex;
       align-items: flex-start;
       gap: .75rem;
       color: rgba(255, 255, 255, .8);
       font-size: .92rem;
       line-height: 1.6;
       margin-bottom: .8rem;
     }
  
     .plus-dot {
       width: 7px;
       height: 7px;
       border-radius: 50%;
       background: var(--gold);
       flex-shrink: 0;
       margin-top: .5rem;
     }
  
     /* VALUE CARDS */
     .val-card {
       background: #fff;
       padding: 1.75rem;
       border-radius: 4px;
       box-shadow: 0px 0px 2px gray;
       border-bottom: 3px solid transparent;
       transition: var(--transition-smooth);
     }
  
     .val-card:hover {
       border-bottom-color: var(--gold);
       transform: translateY(-5px);
       box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
     }
  
     .val-icon {
       width: 46px;
       height: 46px;
       border-radius: 50%;
       background: rgba(45, 77, 148, 0.72);
       display: flex;
       color: var(--text-white) !important;
       align-items: center;
       justify-content: center;
       font-size: 1.3rem;
       color: var(--deep-teal);
     }
  
     /* BUTTONS */
     .btn-gold {
       background: var(--gold);
       color: var(--text-dark);
       font-weight: 600;
       border-radius: 2rem;
       padding: .8rem 2.2rem;
       border: none;
       transition: var(--transition-smooth);
     }
  
     .btn-gold:hover {
       background: #f0cc8a;
       transform: translateY(-2px);
       color: var(--text-dark);
     }
  
     .btn-outline-w {
       border: 2px solid rgba(255, 255, 255, .4);
       color: #fff;
       background: transparent;
       border-radius: 2rem;
       padding: .75rem 2rem;
       text-decoration: none;
       transition: var(--transition-smooth);
       display: inline-block;
     }
  
     .btn-outline-w:hover {
       border-color: #fff;
       color: #fff;
     }
.cta-section {
  background:
    linear-gradient(rgba(47, 116, 150, 0.6), rgba(47, 116, 150, 0.6)),
    url("https://img.freepik.com/free-photo/closeup-pins-map-planning-travel-journey_53876-74654.jpg?ga=GA1.1.180443621.1766574764&semt=ais_hybrid&w=740&q=80");

  width: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


    /* Core values section styling */
    .core-values-section {
      padding: 30px 0;
    }
  
    .core-values-header {
      margin-bottom: 30px;
    }
  
    .core-values-title {
      font-size: 2rem;
      font-weight: 700;
      margin-top: 15px;
    }
  
    .core-values-subtitle {
      font-size: 1.2rem;
      font-weight: 600;
      color: #999;
    }
  
    .core-value-card {
      text-align: center;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
    }
  
    .core-value-card:hover {
      transform: translateY(-10px);
    }
  
    .core-value-icon {
      font-size: 40px;
      color: #333;
      margin-bottom: 15px;
    }
  
    /* Media Queries for Responsiveness */
    @media (max-width: 1200px) {
      .core-values-title {
        font-size: 1.8rem;
      }
  
      .core-values-subtitle {
        font-size: 1rem;
      }
  
      .core-value-card {
        margin-bottom: 30px;
      }
    }
  
    @media (max-width: 991px) {
      .core-values-title {
        font-size: 1.6rem;
      }
  
      .core-value-card {
        margin-bottom: 20px;
        padding: 15px;
      }
  
      .core-value-icon {
        font-size: 35px;
      }
    }
  
    @media (max-width: 768px) {
      .core-values-section {
        padding: 20px 0;
      }
  
      .core-values-title {
        font-size: 1.5rem;
      }
  
      .core-value-card {
        margin-bottom: 15px;
        padding: 15px;
      }
  
      .core-value-icon {
        font-size: 30px;
      }
  
      .core-values-subtitle {
        font-size: 1rem;
      }
    }
  
    @media (max-width: 576px) {
      .core-values-title {
        font-size: 1.4rem;
      }
  
      .core-value-card {
        padding: 10px;
        margin-bottom: 10px;
      }
  
      .core-value-icon {
        font-size: 30px;
      }
  
      .core-values-subtitle {
        font-size: 0.9rem;
      }
    }
/* CONTACT US  CSS START */
    /* ===== HERO ===== */

    .bg-imaggee-contact{
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.691), rgba(0, 0, 0, 0.5)),
        url("https://img.freepik.com/free-photo/rest-sunshine-atoll-bungalow-holiday_1232-3876.jpg");
    min-height: 90vh;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
  
    .scroll-line {
      position: absolute;
      bottom: 28px;
      left: 50%;
      transform: translateX(-50%);
      width: 2px;
      height: 56px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), transparent);
      animation: scrollPulse 2s ease-in-out infinite;
    }
  
    @keyframes scrollPulse {
  
      0%,
      100% {
        opacity: 0.3;
        transform: translateX(-50%) scaleY(0.7);
      }
  
      50% {
        opacity: 1;
        transform: translateX(-50%) scaleY(1.1);
      }
    }
  
    /* ===== INFO SECTION ===== */
    .info-section {
      padding: 70px 0 50px;
      background: linear-gradient(180deg, #eef3f8 0%, #f4f7fa 100%);
    }
  
    .info-card {
      background: #fff;
      border-radius: 22px;
      padding: 40px 24px 36px;
      text-align: center;
      border: 1px solid rgba(29, 88, 118, 0.08);
      box-shadow: 0 10px 32px -8px rgba(29, 88, 118, 0.12);
      transition: var(--transition-smooth);
      opacity: 0;
      transform: translateY(40px);
      transition-delay: 0s;
    }
  
    .info-card.visible {
      opacity: 1;
      transform: translateY(0);
    }
  
    .info-card:hover {
      transform: translateY(-10px) scale(1.01);
      box-shadow: 0 28px 48px -8px rgba(29, 88, 118, 0.22);
      border-color: rgba(232, 193, 124, 0.5);
    }
  
    .info-icon {
      width: 72px;
      height: 72px;
      
      background: linear-gradient(145deg, var(--deep-teal), #1f6685);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 22px;
      font-size: 1.8rem;
      color: var(--gold);
      transition: var(--transition-smooth);
      box-shadow: 0 12px 16px -8px rgba(0, 0, 0, 0.15);
    }
  
    .info-card:hover .info-icon {
      background: linear-gradient(145deg, var(--gold), #d6a85c);
      color: var(--deep-teal);
      transform: rotate(8deg) scale(1.12);
      box-shadow: 0 18px 24px -8px #b29053;
    }
  
    .info-card h5 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.4rem;
      font-weight: 700;
      color: var(--deep-teal);
      margin-bottom: 8px;
    }
  
    .info-card p {
      color: #4f6375;
      font-size: 0.9rem;
      line-height: 1.7;
      margin: 0;
    }
  
    /* ===== FORM SECTION ===== */
    .form-section {
      padding: 80px 0;
      background: var(--deep-teal);
    }
  
    .section-badge {
      display: inline-block;
      color: var(--text-white) !important;
      background: var(--gold);
      border: 1px solid rgba(232, 193, 124, 0.45);
      font-size: 0.7rem;
      letter-spacing: 2.6px;
      text-transform: uppercase;
      padding: 6px 22px;
      border-radius: 50px;
      margin-bottom: 18px;
    }
  
    .section-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.2rem, 3.8vw, 3.2rem);
      font-weight: 600;
      color: var(--text-dark);
      line-height: 1.2;
      margin-bottom: 18px;
    }
  
    .section-title em {
      color: var(--gold);
      font-style: italic;
    }
  
    .section-desc {
      color: #5b6f82;
      font-size: 0.98rem;
      line-height: 1.8;
      max-width: 420px;
    }
  
    .form-left {
      opacity: 0;
      transform: translateX(-40px);
      transition: var(--transition-smooth);
    }
  
    .form-left.visible {
      opacity: 1;
      transform: translateX(0);
    }
  
    .social-links {
      display: flex;
      gap: 14px;
      margin-top: 32px;
    }
  
    .social-btn {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 1.8px solid rgba(29, 88, 118, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--deep-teal);
      font-size: 1.1rem;
      text-decoration: none;
      background: #fff;
      transition: var(--transition-smooth);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
    }
  
    .social-btn:hover {
      background: var(--deep-teal);
      color: var(--gold);
      border-color: var(--deep-teal);
      transform: translateY(-5px) scale(1.05);
      box-shadow: 0 12px 24px -8px #1d5876;
    }
  
    .award-badge {
      display: flex;
      align-items: center;
      gap: 16px;
      background: linear-gradient(145deg, var(--deep-teal), #1b4e68);
      color: #fff;
      padding: 20px 28px;
      border-radius: 18px;
      margin-top: 42px;
      max-width: 340px;
      box-shadow: 0 16px 30px -8px rgba(29, 88, 118, 0.5);
      transition: 0.3s;
    }
  
    .award-badge:hover {
      transform: scale(1.02);
      background: linear-gradient(145deg, #1b5f80, var(--deep-teal));
    }
  
    .award-badge i {
      font-size: 2.4rem;
      color: var(--gold);
      flex-shrink: 0;
    }
  
    .award-badge strong {
      display: block;
      font-size: 1rem;
      margin-bottom: 3px;
    }
  
    .award-badge span {
      font-size: 0.8rem;
      opacity: 0.8;
    }
  
    /* contact form card */
    .contact-form-card {
      background: #fff;
      border-radius: 10px;
      padding: 52px 48px;
      box-shadow: 0 20px 60px -8px rgba(29, 88, 118, 0.2);
      border: 1px solid rgba(29, 88, 118, 0.08);
      position: relative;
      overflow: hidden;
      opacity: 0;
      transform: translateY(40px);
      transition: var(--transition-smooth);
    }
  
    .contact-form-card.visible {
      opacity: 1;
      transform: translateY(0);
    }
  
    .contact-form-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 5px;
      background: linear-gradient(90deg, var(--deep-teal), var(--gold), var(--soft-teal));
    }
  
    .form-header h4 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 2rem;
      font-weight: 600;
      color: var(--text-dark);
      margin-bottom: 4px;
    }
  
    .form-header p {
      color: #8a9db0;
      font-size: 0.9rem;
    }
  
    .form-group-custom {
      margin-bottom: 6px;
    }
  
    .form-group-custom label {
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--deep-teal);
      letter-spacing: 0.7px;
      text-transform: uppercase;
      margin-bottom: 8px;
      display: block;
    }
  
    .input-wrap {
      position: relative;
      display: flex;
      align-items: center;
    }
  
    .input-wrap i {
      position: absolute;
      left: 18px;
      color: #a5bccc;
      font-size: 1rem;
      z-index: 2;
      pointer-events: none;
      transition: var(--transition-smooth);
    }
  
    .input-wrap.focused i {
      color: var(--soft-teal);
    }
  
    .textarea-wrap i {
      top: 16px;
    }
  
    .custom-input {
      width: 100%;
      padding: 14px 16px 14px 46px;
      border: 1.8px solid rgba(29, 88, 118, 0.14);
      border-radius: 16px;
      font-size: 0.9rem;
      color: var(--text-dark);
      background: #fafcff;
      transition: var(--transition-smooth);
      outline: none;
    }
  
    .custom-input:focus {
      border-color: var(--soft-teal);
      background: #fff;
      box-shadow: 0 0 0 5px rgba(47, 116, 150, 0.12);
    }
  
    .custom-input::placeholder {
      color: #b2c5d6;
    }
  
    .custom-select {
      appearance: none;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ab0c0' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 18px center;
      background-size: 18px;
    }
  
    textarea.custom-input {
      min-height: 120px;
    }
  
    .btn-submit {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      background: linear-gradient(145deg, var(--deep-teal), #195473);
      color: white;
      border: none;
      padding: 16px 40px;
      border-radius: 60px;
      font-size: 1rem;
      font-weight: 500;
      width: 100%;
      transition: var(--transition-smooth);
      cursor: pointer;
      margin-top: 8px;
      box-shadow: 0 10px 22px -6px #1d5876;
    }
  
    .btn-submit:hover {
      transform: translateY(-5px);
      box-shadow: 0 22px 38px -6px #154a64;
      background: linear-gradient(145deg, #195e80, var(--deep-teal));
    }
  
    .btn-submit:hover i {
      transform: translateX(6px) rotate(-5deg);
    }
  
    .btn-submit i {
      transition: transform 0.25s;
    }
  
    .success-msg {
      display: none;
      text-align: center;
      padding: 40px 20px 30px;
    }
  
    .success-msg.show {
      display: block;
      animation: fadeUp 0.6s ease both;
    }
  
    .success-inner i {
      font-size: 4rem;
      color: #1d8763;
      margin-bottom: 18px;
    }
  
    .success-inner h5 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 2rem;
    }
  
    /* ===== MAP ===== */
    .map-section {
      padding-top: 70px;
      background: #eef3f8;
    }
  
    .map-header {
      margin-bottom: 45px;
    }
  
    .map-container {
      position: relative;
      width: 100%;
      overflow: hidden;
      box-shadow: 0 -10px 40px rgba(29, 88, 118, 0.18);
      border-radius: 28px 28px 0 0;
    }
  
    .map-container iframe {
      display: block;
      filter: grayscale(0.1) contrast(1.06);
      transition: 0.5s;
    }
  
    .map-container iframe:hover {
      filter: grayscale(0) contrast(1.1);
    }
  
    .map-overlay-card {
      position: absolute;
      bottom: 30px;
      left: 30px;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(12px);
      border-radius: 40px;
      padding: 16px 28px;
      display: flex;
      align-items: center;
      gap: 14px;
      box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
      border-left: 6px solid var(--gold);
      z-index: 10;
      animation: slideUp 0.9s ease both;
    }
  
    @keyframes slideUp {
      0% {
        opacity: 0;
        transform: translateY(30px);
      }
  
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
  
    .map-overlay-card i {
      font-size: 2rem;
      color: var(--deep-teal);
    }
  
    /* responsive touch */
    @media (max-width: 991px) {
      .contact-form-card {
        padding: 40px 28px;
      }
  
      .form-left {
        text-align: center;
      }
  
      .section-desc,
      .award-badge {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
      }
  
      .social-links {
        justify-content: center;
      }
  
      .map-overlay-card {
        left: 20px;
        bottom: 20px;
        padding: 14px 22px;
      }
    }
  
    @media (max-width: 575px) {
      .contact-form-card {
        padding: 30px 18px;
      }
  
      .hero-title br {
        display: none;
      }
  
      .map-overlay-card {
        left: 12px;
        bottom: 12px;
        padding: 10px 16px;
      }
  
      .map-overlay-card i {
        font-size: 1.4rem;
      }
    }
/* CONTACT US  CSS END */


/* internatinal tour css staertr */
        .developer-imggg {
          background-image: url('https://img.freepik.com/premium-photo/happy-excite…glasses-home-with-neon-led-lights_35674-24635.jpg');
          height: 200px !important;
          width: 100%;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
    
        }
        .btnn-box{
          background-color: var(--gold);
          color: var(--text-dark);
          font-weight: 600;
          
        }
             .rating i {
               color: #ffc107;
               font-size: 14px;
             }
      
             .rating-text {
               font-size: 13px;
               font-weight: 600;
               margin-left: 5px;
               color: #555;
             }
      
             /* Card hover */
             .card {
               transition: all 0.4s ease;
             }
      
             .card:hover {
               transform: translateY(-10px);
               box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
             }
      
             /* image zoom */
             .travel-img img {
               transition: transform 0.5s ease;
             }
      
             .travel-img:hover img {
               transform: scale(1.06);
             }
      
             .call-now {
                background-color: var(--deep-teal);
               color: #fff;
               font-weight: 600;
             }
      
             .btnn-box {
               background-color: var(--gold);
               color: #fff;
             }
                         .align-justify {
                           text-align: justify;
                           line-height: 30px;
                         }
                         .align-justify span {
                          color: var(--gold);
                         }