body{
  font-family: "IBM Plex Sans", sans-serif;
}



h1, h2, h3, h4, h5, h6 {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;

}
@media screen and (max-width:991px){

.inner-banner-img{
  margin-top : 75px!important;
}

}
@media screen and (max-width:1100px) {
  .container {
   
    width: 97%!important;
}
}


/* HEADER */
.trv-header{
  background:transparent;
  padding:60px 0 15px;
  
}

.nav{
  padding: 0px;
    background: #fff5e9;
    border-radius: 10px;
  position: relative; 
  justify-content: flex-end;
  align-items: stretch;
  gap: 10px;
}

.trv-logo{
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  font-size:22px;
  font-weight:700;
  color:#000;
  position: absolute;
  top: -40px;
  left: -15px;
  border-radius: 50%;
  border: 3px solid #fff;
}
.trv-logo span span{ color:#ff5722; }

.trv-menu{
  list-style:none;
  margin:0;
  padding:0;
  gap:25px;
}
.trv-menu li{ position:relative; }
.trv-menu a{
  text-decoration:none;
  color:#222;
  font-weight:400;
  font-size: 16px;
}

/* Sticky scroll header */
.trv-header.sticky {
  width: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  padding: 0px 0; /* thoda chhota padding scroll pe */
  z-index: 9999;
}

.listing-header .trv-header{
      width: 100%;
  left: 0;
  background: #fff5e9;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  padding: 10px 0; /* thoda chhota padding scroll pe */
  z-index: 9999;
}

.listing-header .trv-header .trv-logo{
    display: none;
}

.listing-header .trv-header .nav{
    
    background: transparent;
    justify-content: space-between;

}

.listing-header .trv-header .nav .contact-details{
    display: none;
}

.listing-header .trv-header .mobile-sticky-logo{
display: block;
}


/* Dropdown */
.trv-menu .dropdown-menu{
  display:block;
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:.3s;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  padding:15px;
  border-radius:12px;
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.trv-menu .dropdown:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Hamburger */
.trv-hamburger{
  font-size:28px;
  background:none;
  border:none;
}

/* MOBILE MENU */
.trv-mobile-menu{
  position:fixed;
  top:0;
  left:-100%;
  width: 320px;
  height:100%;
  background:#fff5e9;
  z-index:9999;
  transition:.4s;
  padding:20px;
  overflow-y:auto;
}
.trv-mobile-menu.active{ left:0; }

.trv-mobile-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
}


.wishlist{
  margin:20px 0;
  padding:15px;
  background:#f6f6f6;
  border-radius:12px;
  display:flex;
  justify-content:space-between;
}

.mobile-nav{
  list-style:none;
  padding:0;
}
.mobile-nav li{
  border-bottom:1px solid #eee;
}
.mobile-nav a{
  display:flex;
  justify-content:space-between;
  padding:15px 0;
  text-decoration:none;
  color:#222;
}

.sub-menu{
  display:none;
  padding-left:15px;
}

.menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  display:none;
  z-index:9998;
}
.menu-overlay.active{ display:block; }


/* Arrow icon */
.dropdown-icon {
  margin-left: 5px;
  transition: transform 0.3s ease;
  font-size: 0.7em; /* arrow thoda chhota kar diya */
}

/* Rotate up when dropdown is open */
.dropdown.show > a .dropdown-icon {
  transform: rotate(180deg);
}

.dropdown-toggle::after{
  display: none;
}

.dropdown-menu{
      border-radius: 0px!important;
    border-top: 2px solid #0e60aa;
    min-width: 250px;
}

.dropdown-item{
  padding-left: 0px;
  transition: all ease 0.4s;

}
.dropdown-item:hover{
  color: #ec3237;
  padding-left: 5px;
  background-color: #f0f0f0;
}



#openMenu i{
  color: #ec3237;
}

#closeMenu{
 background-color: transparent;
 color: #ec3237;
}

.has-sub a span{
  color: #0e60aa;
  font-weight: 700;
}

.has-sub a:focus span{
  color: #ff5722;
}

.container{
  max-width: 1300px;
  width: 92%;
}

.contact-details{
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.call-menu p{
  margin-bottom: 10px;
  font-size: 14px;
  color: #222;
}

.call-menu p a{
  text-decoration: none;
  color: #3c3c3c;
}

.call-menu p span{
  margin-right: 6px;
}

.menu-list{
  padding: 10px 0px;
}

.btn-header-enquiry{
  height: 100%;
  background-color: #ec3237;
  color: #fff;
  font-weight: 500;
  display: flex;
    align-items: center;
}

.btn-header-enquiry:hover{
  background-color: #f4aa1f;
  color: #000;
}

/* BANNER */
.banner {
  position: relative;
  
  overflow: hidden;
}

/* IMAGE */
.banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* TEXT */
.banner-content {
  position: absolute;
  bottom: 80px;
  left: 5%;
  /* transform: translateY(-50%); */
  z-index: 2;
}

/* BIG HEADING */
.banner-content h1 {
  font-size: 90px;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 1px 1px 3px #000;
}

/* SUBTEXT */
.banner-content p {
  font-size: 28px;
  color: #000;
  background: rgba(255,255,255,0.8);
  display: inline-block;
  padding: 6px 15px;
  margin-top: 10px;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .banner {
    height: 400px;
  }

  .banner-content h1 {
    font-size: 40px;
  }

  .banner-content p {
    font-size: 16px;
  }
  .btn-header-enquiry{
    display: none;
  }
}


/* SECTION BG */
.sh-welcome-section {
  padding: 80px 0;
  background: linear-gradient(to bottom, #dfe6ed, #cfd8e3);
}

/* BADGE */
.sh-badge {
  display: inline-block;
  background: linear-gradient(90deg, #f9291e, #fe7474);
  color: #fff;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 13px;
  margin-bottom: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.sh-badge i {
  margin-right: 8px;
}

/* TITLE */
.sh-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* SUBTEXT */
.sh-subtext {
  max-width: 700px;
  margin: 0 auto 40px;
  color: #252525;
  font-size: 16px;
}

/* STATS ROW */
.sh-stats-row {
  margin-top: 10px;
}

/* CARD */
.sh-stat-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: start;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

/* ICON BOX */
.sh-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(180deg, #ed1509, #ff6060);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  transition: all 0.3s ease;
}

/* 🔥 HOVER EFFECT */
.sh-stat-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}

/* ICON CHANGE ON HOVER */
.sh-stat-card:hover .sh-icon {
  background: linear-gradient(180deg, #000, #333);
  transform: rotate(5deg) scale(1.1);
}

/* TEXT */
.sh-stat-card h4 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
   text-align: justify;
}

.sh-stat-card p {
  margin: 0;
  font-size: 12px;
  color: #414141;
 
}

/* MOBILE */
@media (max-width: 768px) {
  .sh-stat-card {
    margin-bottom: 15px;
  }

}

.trv-header.sticky{
  background-color: rgba(255, 245, 233, 1);
  padding: 10px 0px;
}

.trv-header.sticky .nav{
   background: transparent;
   justify-content: space-between;
}

.trv-header.sticky .trv-logo{
  display: none;
}

.trv-header.sticky .contact-details{
  display: none;
}

/* SECTION */
.sh-destination-section {
  background: #fff5f3;
  padding: 80px 0;
}

/* SMALL TEXT */
.sh-dest-small {
  color: #e53935;
  letter-spacing: 2px;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 20px;
}

/* TITLE */
.sh-dest-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* SUBTEXT */
.sh-dest-sub {
  max-width: 800px;
  margin: 0 auto 50px;
  color: #555;
  font-size: 14px;
}

/* ROW */
.sh-dest-row {
  justify-content: space-between;
}

/* CARD */
.sh-dest-card {
  text-align: center;
  transition: all 0.3s ease;
}

/* IMAGE WRAPPER */
.sh-dest-img {
 
  margin: auto;
  border-radius: 100px;
  overflow: hidden;
  transition: 0.4s;
}

/* IMAGE */
.sh-dest-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

/* TITLE */
.sh-dest-card h5 {
  margin-top: 15px;
  font-weight: 600;
}

/* SUBTEXT */
.sh-dest-card span {
  font-size: 13px;
  color: #565656;
  font-weight: 500;
}

/*  HOVER EFFECT */
.sh-dest-card:hover {
  transform: translateY(-10px);
}

/* IMAGE ZOOM */
.sh-dest-card:hover img {
  transform: scale(1.1);
}

/* BORDER GLOW EFFECT */
.sh-dest-card:hover .sh-dest-img {
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}


/* SECTION */
.sh-filter-section {
  padding: 80px 0;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

/* LEFT */
.sh-small {
  color: #ff6a3d;
}

.sh-heading {
  font-size: 40px;
  font-weight: 700;
}

.sh-desc {
  color: #666;
  margin-bottom: 20px;
}

/* BUTTONS */
.sh-arrows button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  margin-right: 10px;
  background: #ff6a3d;
  color: #fff;
}

/* SLIDER ITEMS */
.sh-dest-slider .item {
  text-align: center;
}

.sh-dest-slider img {
  width: 100%;
 
  object-fit: cover;
  border-radius: 15px;
}

.sh-dest-slider h6 {
  margin-top: 10px;
  font-weight: 600;
}

.sh-dest-slider span {
  font-size: 13px;
  color: #777;
}
/* WRAPPER FIX (IMPORTANT) */
.ticker-wrapper {
  position: relative;
  margin-top: 60px;
  padding-bottom: 120px; /* space so hide na ho */
}

/* COMMON */
.sh-ticker {
  position: absolute;
  width: 120%;
  left: -10%;
  overflow: hidden;
  z-index: 2;
}

/* TOP */
.sh-ticker-top {
  bottom: 20px;   /* 🔥 upar wala niche lao */
  transform: rotate(4deg);
  background: #0e1d3b;
  color: #fff;
}

/* BOTTOM */
.sh-ticker-bottom {
  bottom: 20px;
  transform: rotate(-4deg);
  background: #e53935;
  color: #fff;
}

/* TRACK */
.sh-track {
  display: flex;
  width: max-content;
  animation: scrollLeft 14s linear infinite;
}

.sh-track.reverse {
  animation: scrollRight 14s linear infinite;
}

/* BLOCK */
.sh-marquee {
  display: flex;
}

/* TEXT */
.sh-marquee span {
  font-size: 24px;  /* 🔥 bigger */
  font-weight: 600;
  white-space: nowrap;
  padding: 14px 40px;
}

/* 🔥 MAIN FIX (NO JUMP EVER) */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}


/* ===== Section Styling ===== */
.ultraPackSectionX {
    background: #ffffff;
    padding: 30px 0 80px;
}

/* ===== Card Wrapper ===== */
.hyperCardWrapZ {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
}

/* ===== Image Styling ===== */
.hyperCardWrapZ img {
    width: 100%;

    object-fit: cover;
    transition: transform 0.5s ease;
}

/* ===== Gradient Overlay ===== */
.hyperOverlayDarkZ {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0), transparent);
    z-index: 1;
}

/* ===== Content ===== */
.hyperCardContentZ {
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px;
    z-index: 2;
    color: #fff;
    text-align: center;
}

/* Title */
.hyperTitleZ {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

/* Subtitle */
.hyperSubZ {
    font-size: 13px;
   
    margin-bottom: 10px;
}

/* Price */
.hyperPriceZ {
    font-size: 18px;
    font-weight: bold;
}

.hyperOldPriceZ {
    text-decoration: line-through;
    opacity: 0.6;
    margin-right: 8px;
}

/* Button */
.hyperBtnZ {
    background: #ff2d14;
    border-radius: 30px;
    padding: 8px 32px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
    font-size: 15px;
    transition: 0.3s;
}

.hyperBtnZ:hover {
    background: #d92310;
}

/* ===== Hover Effects ===== */
.hyperCardWrapZ:hover img {
    transform: scale(1.1);
}

.hyperCardWrapZ:hover .hyperOverlayDarkZ {
    background: linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0.4), transparent);
}

/* ===== Bottom Divider ===== */
.ultraDividerWrapZ {
    position: relative;
    margin-top: 40px;
}

.ultraDividerLineZ {
    height: 3px;
    background: #d63b2f;
}

/* View Button */
.ultraViewBtnZ {
    position: absolute;
    right: 0;
    top: -20px;
    background: #ffcfcf;
    padding: 12px 28px;
    font-weight: 500;
    border: none;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .hyperCardWrapZ img {
        height: 320px;
    }
}


/*  ===== Section ===== */ 

.themePackUltraX {
    background: #f4f4f4;
    padding: 60px 0;
    text-align: center;
}

/* Heading */
.themeMiniTitleX {
    color: #ff4d3d;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.themeMainTitleX {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 40px;
}

/* ===== Card Link Wrapper ===== */
.themeCardLinkX {
    text-decoration: none;
    color: inherit;
}

/* ===== Card ===== */
.themeCardBoxX {
    background: #fff;
    border: 1px solid #eee;
    transition: 0.4s;
    overflow: hidden;
}

/* Image */
.themeCardBoxX img {
    width: 100%;
   
    object-fit: cover;
    transition: 0.4s;
}

/* Content */
.themeCardContentX {
    padding: 20px;
}

.themeCardTitleX {
    font-size: 18px;
    font-weight: 500;
}

.themeCardSubX {
    font-size: 14px;
    color: #ff4d3d;
}

/* ===== Hover Effect ===== */
.themeCardLinkX:hover .themeCardBoxX {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.themeCardLinkX:hover img {
    transform: scale(1.08);
}

.trv-menu li:hover  a{
  color: #ed1509;
}

/* Responsive */
@media(max-width:768px){
    .themeMainTitleX {
        font-size: 28px;
        font-weight: 700;
    }
    .themeCardContentX{
      padding: 20px 10px;
    }
    .themeCardTitleX{
      font-size: 16px;
    }
    .ultraTestiWrapX{
      padding: 60px 0px 40px!important;
    }
    .ultraMainTitleX{
      font-size: 28px!important;
    }

    .input-group button{
      padding: 10px 10px;
    }

    .newsletter-box{
      padding: 20px 10px!important;
    }

     .newsletter-box .row .col-md-6{
       margin-bottom: 15px;
     }

     .footer-contact{
      display: flex;
      gap: 15px;
      align-items: center;
     }

     .footer-contact-links P{
        text-align: left;
     }
}


/* Section */
.ultraTestiWrapX {
    background: #ffffff;
    padding: 70px 0 40px;
    text-align: center;
}

/* Small Title */
.ultraMiniTitleX {
    color: #ff4d3d;
    font-size: 18px;
    margin-bottom: 10px;
}

/* Main Title */
.ultraMainTitleX {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
}

/* Card */
.ultraTestiCardX {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 30px;
    text-align: left;
    height: 100%;
    border-radius: 6px;
    transition: 0.3s;
}

/* Hover */
.ultraTestiCardX:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Stars */
.ultraStarsX {
    color: #ff3b2f;
    font-size: 16px;
    margin-bottom: 10px;
}

.ultraStarsX span {
    color: #333;
    margin-left: 6px;
    font-size: 14px;
}

/* Text */
.ultraTextX {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
}

/* Make owl stage flex */
.ultraOwlX .owl-stage {
    display: flex;
}

/* Each item full height */
.ultraOwlX .owl-item {
    display: flex;
}

/* Card full stretch */
.ultraTestiCardX {
    display: flex;
    flex-direction: column;
    height: 100%;
} 

.footer-section {
  background: #0b1b2b;
  overflow: hidden;
  padding-bottom: 20px;
}

/* Glow Effects */
.glow-left,
.glow-right {
  position: absolute;
  width: 250px;
  height: 250px;
  filter: blur(120px);
  z-index: 0;
}

.glow-left {
  top: 0;
  left: -50px;
  background: radial-gradient(circle, #ff4d4d, transparent);
}

.glow-right {
  top: 0;
  right: -50px;
  background: radial-gradient(circle, #53ff4d, transparent);
}

/* Newsletter Box */
.newsletter-box {
  background: rgba(255,255,255,0.08);
  border-radius: 15px;
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
}

/* Input rounded */
.rounded-pill-start {
  border-radius: 50px 0 0 50px;
  padding: 12px;
}

.rounded-pill-end {
  border-radius: 0 50px 50px 0;
}

/* Links */
.footer-section a {
  color: #ccc;
  text-decoration: none;
}

.footer-section a:hover {
  color: #fff;
}

/* Social icons */
.social-icons i {
  margin-left: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.social-icons i:hover {
  color: #ff4d4d;
}

.footer img{
  border: 2px solid #fff;
  border-radius: 50%;
}

.balloon-img {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 120px;
    opacity: 0.8;
    z-index: 0;
}

/* Ensure content stays above */
.newsletter-box .row {
  position: relative;
  z-index: 1;
}

.footer-links a {
  color: #ccc;
  text-decoration: none;
  position: relative;
  padding-left: 18px;
  
}

.footer-links a::before {
  content: "•";
  color: red;
  position: absolute;
  left: 0;
}

.footer-links a:first-child::before {
  content: "";
}

.social-icons i{
  padding: 10px;
  border-radius: 5px 10px;
  background: rgba(255, 255, 255, 0.08);
}

.font-small{
  font-size: 13px;
}

.carousel-control-next, .carousel-control-prev{
  z-index: 11!important;
}


.trv-header .mobile-sticky-logo{
  display: none;
}

.trv-header.sticky .mobile-sticky-logo{
  display: block;
}

.inner-banner{
  background: url(../img/about-banner.jpg);
  display: flex;
  min-height: 400px;
  background-size: cover;
  background-position: center;
  justify-content: center;
  align-items: center;
  position: relative;
}

.inner-banner-content{
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
}

.inner-banner-content h1{
  color: #fff;
}

.inner-banner-content p{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.overlay{
  position: absolute;
  background-color: #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
}

.breadcrumb{
  margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;

}

.breadcrumb-nav{
  background-color: #0b1b2b;
}

.breadcrumb a{
  color: #f4aa1f;
  text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before{
  color: #fff;
}

.sh-big{
  max-width:100%

}


.mission_vision_section{
    background:#ffffff;
}

.why_samarth_section{
    background:#d3dfef;
}

.section_badge{
    background:#ff3b30;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    display:inline-block;
    margin-bottom:15px;
}

.section_title{
    font-size:42px;
    font-weight:700;
    color:#1e1e1e;
    margin-bottom:15px;
}

.section_subtitle{
    color:#666;
    max-width:650px;
    margin:auto;
}

.info_card{
    background:#fff;
    padding:40px 30px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.4s;
    height:100%;
    text-align:center;
    border-top:4px solid #ff3b30;
}

.info_card:hover{
    transform:translateY(-8px);
}

.icon_box{
    width:70px;
    height:70px;
    background:#ffebe9;
    color:#ff3b30;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    font-size:28px;
}

.info_card h3{
    font-size:28px;
    margin-bottom:15px;
    color:#1d2b4f;
}

.info_card p{
    color:#666;
    line-height:1.8;
}

.feature_list{
    list-style:none;
    padding:0;
    margin-top:30px;
}

.feature_list li{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px;
    margin-bottom:18px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 8px 20px rgba(0,0,0,0.06);
    transition:0.4s ease;
    border-left:4px solid #ff3b30;
}

.feature_list li:hover{
    transform:translateX(8px);
    box-shadow:0 12px 25px rgba(0,0,0,0.1);
}

.feature_icon{
    min-width:55px;
    height:55px;
    background:#fff1ef;
    color:#ff3b30;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.feature_list h5{
    font-size:18px;
    font-weight:700;
    color:#1d2b4f;
    margin-bottom:5px;
}

.feature_list p{
    margin:0;
    font-size:14px;
    color:#666;
    line-height:1.6;
}

.why_image_box img{
    border-radius:20px;
  display: block;
  margin-left: auto;
}









.package_listing_section{
    background:#f7f8fc;
}

.package_card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    margin-bottom:25px;
    border:1px solid #f0f0f0;
    transition:0.4s ease;
}

.package_card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,0.12);
}

.package_img_box{
    position:relative;
    height:100%;
}

.package_img_box img{
    width:100%;
    height:300px;
    object-fit:cover;
}

.sale_tag{
    position:absolute;
    top:15px;
    left:15px;
    background:#ff3b30;
    color:#fff;
    padding:8px 16px;
    font-size:13px;
    font-weight:700;
    border-radius:30px;
}

.package_content{
    padding:20px;
}

.package_badge{
    background:#fff1ef;
    color:#ff3b30;
    padding:6px 14px;
    border-radius:25px;
    font-size:12px;
    font-weight:600;
}

.package_content h3{
    font-size:22px;
    font-weight:700;
    color:#1d2b4f;
    margin:15px 0 12px;
}

.package_meta{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:15px;
    font-size:14px;
    color:#2d2d2d;
}

.package_meta i{
    color:#ff3b30;
    margin-right:6px;
}

.package_inclusions{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:18px;
}

.package_inclusions span{
    background: linear-gradient(180deg, #ed1509, #ff6060);
    padding:8px 14px;
    border-radius:50%;
    display: flex;
    width: 50px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    height: 50px;
  
}

.package_inclusions div{
 
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:14px;
    font-weight:500;
    color:#2d2d2d;
}

.package_inclusions i{
    color:#ff3b30;
    margin-right:6px;
}

.package_content p{
    color:#666;
    font-size:14px;
    line-height:1.7;
    margin-bottom:0;
}

.package_price_box{
    padding:30px 20px;
    text-align:center;
    border-left:1px solid #eee;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.package_price_box h6{
    font-size:14px;
    color:#777;
    margin-bottom:12px;
}

.old_price{
    display:block;
    text-decoration:line-through;
    color:#999;
    font-size:18px;
}

.new_price{
    display:block;
    font-size:25px;
    font-weight:800;
    color:#ff3b30;
    margin-top:5px;
}

.btn_book{
    display:block;
    background:#ff3b30;
    color:#fff;
    padding:14px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    margin:15px 0;
    transition:0.3s;
}

.btn_book:hover{
    background:#e62f25;
    color:#fff;
}

.action_btns{
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:center;
}

.btn_call,
.btn_whatsapp{
    width:45px;
    height:45px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:18px;
}

.btn_call{
    background:#1d2b4f;
}

.btn_whatsapp{
    background:#25d366;
}

.btn_view{
    background: #1d2b4f;
    color:#f5f5f5;
    padding:12px 30px;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

.btn_view:hover{
  background-color: #f4aa1f;
  color: #000;
}

.price-box h6{
  margin-bottom: 0px;
}

.package-box-price{
  display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


/* SIDEBAR */
.sidebar{
    width:100%;
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

/* TITLE */
.filter-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
    color:#222;
}

/* DESTINATION */
.destination-box{
    margin-top:30px;
}

.destination-box h3{
    font-size:18px;
    margin-bottom:15px;
    color:#333;
}

.destination-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.destination-item{
    text-decoration:none;
    background:#f7f8fc;
    padding: 5px 14px;
    border-radius: 5px;
    color:#333;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:0.3s;
    border:1px solid transparent;
}

.destination-item:hover{
    background:#fff3eb;
    border-color:#ff3b30;
    color:#ff3b30;
    transform:translateX(5px);
}

.destination-left{
    display:flex;
    align-items:center;
    gap:12px;
}

.circle-icon{
    width:10px;
    height:10px;
    background: #ff3b30;
    border-radius:50%;
}

.arrow{
    font-size:18px;
}

/* DURATION */
.duration-box h3{
    font-size:18px;
    margin-bottom:10px;
}

.duration-select{
    width:100%;
    padding:8px 15px;
    border-radius:12px;
    border:1px solid #ddd;
    background:#f7f8fc;
    font-size:15px;
    outline:none;
}


/* =========================
   CUSTOM PACKAGE STICKY NAV
========================= */

.ly-package-sticky-nav{

    position:sticky;

    top:60px; /* HEADER HEIGHT */

    z-index:999;

    background:#fff;

    border-bottom:1px solid #eee;

    box-shadow:0 2px 10px rgba(0,0,0,0.05);

}


/* SCROLL AREA */

.ly-package-nav-scroll{

    overflow-x:auto;

    white-space:nowrap;

    scrollbar-width:none;

}

.ly-package-nav-scroll::-webkit-scrollbar{

    display:none;

}


/* NAV */

.ly-package-sticky-nav .nav{

    flex-wrap:nowrap;
    border-radius: 0px;
    background-color: transparent;
    justify-content: flex-start;

}


/* LINKS */

.ly-package-sticky-link{

    color:#222;

    font-size:15px;

    font-weight:600;

    padding:20px 18px;

    position:relative;

    transition:0.3s;

    text-decoration:none;

    display:flex;

    align-items:center;

}


/* ICON */

.ly-package-sticky-link i{

    margin-right:8px;

    font-size:14px;

}


/* HOVER */

.ly-package-sticky-link:hover{

    color:#dc3545;

}


/* ACTIVE */

.ly-package-sticky-link.active{

    color:#dc3545;

}


/* ACTIVE LINE */

.ly-package-sticky-link.active::after{

    content:'';

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:#dc3545;

    border-radius:30px;

}


/* =========================
   PACKAGE HERO SECTION
========================= */

.ly-package-hero{

    background:#fff;

    padding:30px 0px;

    border-radius:18px;

    margin-top:10px;

}


/* META */

.ly-package-meta{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

    margin-bottom:15px;

}


/* META ITEM */

.ly-package-meta-item{

    background:#fff0f1;

    color:#dc3545;

    padding:8px 14px;

    border-radius:40px;

    font-size:13px;

    font-weight:500;

    display:flex;

    align-items:center;

    gap:7px;

}


/* TITLE */

.ly-package-title{

    font-size:30px;

    font-weight:600;

    line-height:1.4;

    margin-bottom:25px;

    color:#222;

}


/* FEATURES */

.ly-package-features{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:30px;

}


/* FEATURE ITEM */

.ly-package-feature{

    display:flex;

    align-items:center;

    gap:10px;

}


/* ICON */

.ly-feature-icon{

    width:42px;

    height:42px;

    background:#dc3545;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:15px;

}


/* TEXT */

.ly-feature-text h6{

    margin:0;

    font-size:15px;

    font-weight:600;

    color:#222;

}

.ly-feature-text p{

    margin:0;

    font-size:13px;

    color:#777;

}


/* IMAGE */

.ly-package-image{

    border-radius:18px;

    overflow:hidden;

}


.ly-package-image img{

    width:100%;

    height:420px;

    object-fit:cover;

    display:block;

}


/* MOBILE */

@media(max-width:768px){

.ly-package-title{

    font-size:24px;

}

.ly-package-image img{

    height:260px;

}

}


.ly-tour-overview-box{

    background:#fff;

    border-radius:18px;

    margin-top:30px;

}


/* TITLE */

.ly-tour-overview-title{

    font-size:28px;

    font-weight:600;

    margin-bottom:20px;

    color:#222;

    display:flex;

    align-items:center;

    gap:12px;

}


/* ICON */

.ly-tour-overview-title i{

    color:#dc3545;

    font-size:24px;

}


/* CONTENT */

.ly-tour-overview-content{

    color:#555;

    line-height:1.9;

    font-size:15px;

    margin:0;

}


/* MOBILE */

@media(max-width:768px){

.ly-tour-overview-box{

    padding:0px;

}

.ly-tour-overview-title{

    font-size:24px;

}

}

/* ===== RED TOUR PRICE BOX ===== */

.redtour-pricebox{
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: #eeeeee;
    border: 1px solid #f1caca;
    box-shadow: 0 10px 30px rgba(180, 0, 0, 0.10);
    font-family: Arial, sans-serif;
}

/* TOP AREA */
.redtour-top{
    padding: 28px 24px;
    background: linear-gradient(135deg, #fff5f5, #ffe9e9);
}

.redtour-label{
    display: block;
    font-size: 14px;
    color: #202020;
    margin-bottom: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.redtour-price-wrap{
    display: flex;
    align-items: baseline;
    gap: 3px;
    flex-wrap: wrap;
}

.redtour-currency{
    font-size: 28px;
    font-weight: 700;
    color: #ec3237;
}

.redtour-price{
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #1f1f1f;
}

.redtour-person{
    font-size: 16px;
    color: #7a3d3d;
    font-weight: 600;
    margin-left: 6px;
}

/* MIDDLE AREA */
.redtour-middle{
    background: #8b0000;
    color: #fff;
    padding: 24px;
    text-align: center;
    font-size: 15px;
    line-height: 1.7;
}

.redtour-btn{
    width: 100%;
    margin-top: 22px;
    border: none;
    background: linear-gradient(135deg, #ff4d4d, #d10000);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 20px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 18px rgba(255, 77, 77, 0.35);
}

.redtour-btn:hover{
    transform: translateY(-2px);
    background: linear-gradient(135deg, #ff6666, #b30000);
}

/* BOTTOM AREA */
.redtour-bottom{
    background: #990101;
    color: #fff;
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 10px;
}

.redtour-bottom a{
    color: #ffd6d6;
    text-decoration: underline;
    transition: 0.3s;
}

.redtour-bottom a:hover{
    color: #ffffff;
}


/* =========================
   TOURFLOW ITINERARY DESIGN
========================= */

.tourflow-itinerary{
    width: 100%;
    background: #fff;
    border-radius: 18px;
    padding: 10px 0;
    font-family: Arial, sans-serif;
}

/* ITEM */
.tourflow-item{
    display: flex;
    gap: 15px;
    position: relative;
    padding: 20px 0;
}

/* LEFT SIDE */
.tourflow-left{
    width: 90px;
    text-align: center;
    position: relative;
    flex-shrink: 0;
}

.tourflow-day{
    display: inline-block;
    background: linear-gradient(135deg, #c40000, #ff4d4d);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 30px;
    position: relative;
    z-index: 2;
    box-shadow: 0 6px 15px rgba(196,0,0,0.2);
}

.tourflow-line{
    position: absolute;
    top: 50px;
    left: 50%;
    width: 3px;
    height: calc(100% + 10px);
    background: linear-gradient(to bottom, #ffb3b3, #ffdede);
    transform: translateX(-50%);
    border-radius: 20px;
}

/* CONTENT BOX */
.tourflow-content{
    flex: 1;
    background: #fff7f7;
    border: 1px solid #ffd2d2;
    border-radius: 15px;
    padding: 15px 15px;
    transition: 0.3s ease;
    box-shadow: 0 8px 25px rgba(0,0,0,0.04);
}

.tourflow-content:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(196,0,0,0.08);
}

/* HEADER */
.tourflow-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.tourflow-header h4{
    margin: 0;
    font-size: 20px;
    color: #2b2b2b;
    font-weight: 700;
    line-height: 1.4;
}

/* TOGGLE BUTTON */
.tourflow-toggle{
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, #c40000, #ff5c5c);
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s ease;
    flex-shrink: 0;
}

.tourflow-toggle:hover{
    transform: rotate(90deg);
}

/* BODY */
.tourflow-body{
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px dashed #e7b0b0;
}

.tourflow-body ul{
    margin: 0;
    padding-left: 22px;
}

.tourflow-body ul li{
    margin-bottom: 12px;
    color: #444;
    font-size: 16px;
    line-height: 1.7;
}

/* ACTIVE ITEM */
.tourflow-item.active .tourflow-content{
    background: #fff;
    border-color: #ffb1b1;
}

/* RESPONSIVE */
@media(max-width:768px){

    .tourflow-item{
        gap: 8px;
    }

    .tourflow-left{
        width: 50px;
    }

    .tourflow-day{
        font-size: 13px;
        padding: 8px 12px;
    }

    .tourflow-header h4{
        font-size: 18px;
    }

    .tourflow-content{
        padding: 18px;
    }

    .tourflow-toggle{
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    .ly-tour-box{
      padding: 25px 0px!important;
    }
}

/* ADD THIS ALSO IN CSS */

.tourflow-body{
    display: none;
}

.tourflow-item.active .tourflow-body{
    display: block;
}


/* =========================
   SMOOTH SCROLL OFFSET
========================= */

/* 100px top stop */
/* .ly-scroll-section{
    scroll-margin-top: 150px;
} */



.ly-tour-box{
    background:#fff;
    padding:25px;
    border-radius:16px;
  
}

/* TITLE */
.ly-tour-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
}

/* BASE LIST */
.ly-list{
    margin:0;
    padding:0;
    list-style:none;
}

.ly-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    font-size:15px;
    line-height:1.6;
}

/* DOT BASE */
.ly-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:10px;
    height:10px;
    border-radius:50%;
}

/* GREEN - INCLUSIONS */
.inclusion-list li::before{
    background:#28a745;
}

/* RED - EXCLUSIONS */
.exclusion-list li::before{
    background:#dc3545;
}

/* ICON COLORS */
.inclusion-box .ly-tour-title i{
    color:#28a745;
}

.exclusion-box .ly-tour-title i{
    color:#dc3545;
}



.ly-enquiry-box{
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    position:sticky;
    top:120px;
    margin-top: 40px;
}

.ly-enquiry-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#222;
}

.ly-enquiry-title i{
    color:#dc3545;
}

.ly-form-group{
    margin-bottom:12px;
}

.ly-form-group input,
.ly-form-group textarea{
    width:100%;
    padding:12px 14px;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:14px;
    outline:none;
    background:#fafafa;
    transition:0.3s;
}

/* focus */
.ly-form-group input:focus,
.ly-form-group textarea:focus{
    border-color:#dc3545;
    background:#fff;
    box-shadow:0 0 0 3px rgba(220,53,69,0.1);
}

.ly-enquiry-btn{
    width:100%;
    padding:14px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#dc3545,#ff5c5c);
    color:#fff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:0.3s;
}

.ly-enquiry-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(220,53,69,0.25);
}

/* SECTION */
.ly-related-section{
    padding:40px 0;
}

/* TAG */
.ly-related-tag{
    display:inline-block;
    background:#fff1f1;
    color:#dc3545;
    padding:7px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:10px;
}

/* TITLE */
.ly-related-title{
    font-size:32px;
    font-weight:700;
    margin:0;
    color:#222;
}

/* NAV BUTTONS */
.ly-related-nav{
    display:flex;
    gap:10px;
}

.ly-related-nav button{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#dc3545;
    color:#fff;
    transition:0.3s;
}

.ly-related-nav button:hover{
    background:#b91d2b;
}

/* CARD */
.ly-related-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #f1f1f1;
    transition:0.3s;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.ly-related-card:hover{
    transform:translateY(-5px);
}

/* IMAGE */
.ly-related-img{
    overflow:hidden;
}

.ly-related-img img{
    width:100%;
    
    object-fit:cover;
    transition:0.4s;
}

.ly-related-card:hover img{
    transform:scale(1.08);
}

/* CONTENT */
.ly-related-content{
    padding:20px;
}

.ly-related-badge{
    display:inline-block;
    background:#fff3f3;
    color:#dc3545;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
    margin-bottom:12px;
}

.ly-related-content h3{
    font-size:22px;
    margin-bottom:15px;
    color:#222;
}

/* META */
.ly-related-meta{
    display:flex;
    justify-content:space-between;
    margin-bottom:18px;
    font-size:14px;
    color:#555;
}

.ly-related-meta i{
    color:#dc3545;
    margin-right:5px;
}

/* BOTTOM */
.ly-related-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.ly-related-bottom small{
    color:#777;
}

.ly-related-bottom h4{
    margin:0;
    color:#dc3545;
    font-size:24px;
    font-weight:700;
}

/* BUTTON */
.ly-related-btn{
    background:linear-gradient(135deg,#dc3545,#ff5c5c);
    color:#fff;
    padding:10px 18px;
    border-radius:10px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.ly-related-btn:hover{
    background:#b91d2b;
    color:#fff;
}

.dtx-contact-wrapper{
    width:100%;
    padding:70px 70px;
    position:relative;
}

.dtx-contact-wrapper::before{
    content:"";
    width:16px;
    height:16px;
    border-radius:50%;
    background:#efcfc9;
    position:absolute;
    left:55px;
    top:45px;
}

.dtx-contact-container{
    max-width:1180px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 420px;
    gap:60px;
    align-items:flex-start;
}

/* LEFT SIDE */

.dtx-contact-left{
    padding-top:30px;
}

.dtx-contact-title{
    font-size:34px;
    line-height:1.25;
    font-weight:800;
    color:#07152f;
    margin-bottom:18px;
}

.dtx-contact-subtitle{
    font-size:18px;
    font-weight:700;
    color:#07152f;
    margin-bottom:14px;
}

.dtx-contact-description{
    font-size:15px;
    line-height:1.8;
    color:#5f6978;
    max-width:700px;
    margin-bottom:35px;
}

/* INFO */

.dtx-contact-info{
    border-top:1px solid #dde3ea;
    padding:22px 0;
    display:flex;
    align-items:center;
    gap:16px;
}

.dtx-contact-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#edf1f5;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ec3237;
    font-size:15px;
}

.dtx-contact-info small{
    display:block;
    font-size:13px;
    color:#697487;
    margin-bottom:4px;
}

.dtx-contact-info strong{
    font-size:17px;
    color:#1f3150;
    font-weight:700;
}

/* FORM */

.dtx-contact-form{
    background:#fff;
    border:1px solid #dbe2e9;
    border-radius:10px;
    padding:30px;
}

.dtx-form-title{
    font-size:32px;
    font-weight:800;
    margin-bottom:10px;
    color:#07152f;
}

.dtx-form-text{
    font-size:14px;
    color:#5f6978;
    margin-bottom:24px;
}

.dtx-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.dtx-input-group{
    margin-bottom:16px;
}

.dtx-input-group label{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#20324d;
    margin-bottom:7px;
}

.dtx-input-group label span{
    color:#f44336;
}

.dtx-input-group input,
.dtx-input-group textarea{
    width:100%;
    border:1px solid #d8dee7;
    border-radius:4px;
    padding:5px 13px;
    font-size:14px;
    outline:none;
    transition:0.3s;
}

.dtx-input-group input:focus,
.dtx-input-group textarea:focus{
    border-color:#e4553d;
}

.dtx-input-group textarea{
    height:80px;
    resize:none;
}

.dtx-submit-btn{
    border:none;
    background:#ec3237;
    color:#fff;
    padding:13px 24px;
    border-radius:40px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
}

.dtx-submit-btn:hover{
    opacity:0.92;
    transform:translateY(-2px);
}

/* RESPONSIVE */

@media(max-width:991px){

    .dtx-contact-wrapper{
        padding:60px 20px;
    }

    .dtx-contact-container{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){

    .dtx-form-row{
        grid-template-columns:1fr;
    }

    .dtx-contact-title{
        font-size:28px;
    }

    .dtx-form-title{
        font-size:28px;
    }

    .dtx-contact-info strong{
        font-size:15px;
    }
}

.dtx-contact-info strong a{
  text-decoration: none;
  color: #1f3150;
}


.cln-office-wrapper{
    
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* CARD */

.cln-office-card{
    background:#fff;
    border-radius:14px;
    padding:28px 30px;
    border:1px solid #eeeeee;
    transition:0.3s ease;
}

.cln-office-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* TOP */

.cln-office-top{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
}

/* ICON */

.cln-office-icon{
    width:52px;
    height:52px;
    border-radius:12px;
    background:#fff1f1;
    color:#d62828;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

/* TITLE */

.cln-office-title{
    font-size:21px;
    font-weight:700;
    color:#111827;
    margin-bottom:3px;
}



/* ADDRESS */

/* .cln-office-address{
    
    position:relative;
}

.cln-office-address::before{
    content:"";
    position:absolute;
    left:25px;
    top:2px;
    width:1px;
    height:100%;
    background:#e5e7eb;
} */

/* LOCATION */

.cln-location-row{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.cln-location-row i{
    color:#d62828;
    font-size:18px;
    margin-top:5px;
}

/* TEXT */

.cln-location-row p{
    color:#4b5563;
    font-size:17px;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:768px){

    .cln-office-wrapper{
        grid-template-columns:1fr;
    }

    .cln-office-card{
        padding:24px;
    }

    .cln-office-address{
        padding-left:0;
    }

    .cln-office-address::before{
        display:none;
    }
}

.ultra-name h5{
  font-size: 16px;
  margin-top: 15px;
  color: #d62828;
}


/* =========================
       GALLERY
    ========================= */

    .dt-gallery-section{
      padding: 80px 0;
    }

    .dt-gallery-card{
      position: relative;
      overflow: hidden;
      border-radius: 14px;
      height: 260px;
      cursor: pointer;
    }

    .dt-gallery-card img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.5s;
      display: block;
    }

    /* Overlay */

    .dt-gallery-overlay{
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.35);
      opacity: 0;
      transition: 0.4s;
    }

    /* Eye Button */

    .dt-gallery-eye-btn{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      width: 65px;
      height: 65px;
      border-radius: 50%;
      border: none;
      background: #ff3b30;
      color: white;
      font-size: 22px;
      z-index: 2;
      transition: 0.4s;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 10px 25px rgba(255,59,48,.4);
    }

    .dt-gallery-card:hover img{
      transform: scale(1.08);
    }

    .dt-gallery-card:hover .dt-gallery-overlay{
      opacity: 1;
    }

    .dt-gallery-card:hover .dt-gallery-eye-btn{
      transform: translate(-50%, -50%) scale(1);
    }

    /* =========================
       LIGHTBOX
    ========================= */

    .dt-lightbox{
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.82);
      z-index: 9999;
      display: none;
      align-items: center;
      justify-content: center;
    }

    .dt-lightbox.active{
      display: flex;
    }

    /* Counter */

    .dt-lightbox-counter{
      position: absolute;
      top: 18px;
      left: 20px;
      color: white;
      font-size: 15px;
      z-index: 20;
    }

    /* Close */

    .dt-lightbox-close{
      position: absolute;
      top: 18px;
      right: 20px;
      color: white;
      font-size: 22px;
      cursor: pointer;
      z-index: 20;
    }

    /* Main Image */

    .dt-lightbox-image{
      width: 420px;
      max-width: 90%;
      max-height: 80vh;
      object-fit: cover;
      border-radius: 4px;
      z-index: 10;
      position: relative;
    }

    /* Navigation Buttons */

    .dt-lightbox-btn{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 34px;
      height: 34px;
      border: none;
      background: rgba(255,255,255,0.1);
      color: white;
      cursor: pointer;
      z-index: 20;
    }

    .dt-lightbox-prev{
      left: 5px;
    }

    .dt-lightbox-next{
      right: 5px;
    }

    .dt-lightbox-btn:hover{
      background: rgba(255,255,255,0.2);
    }

    @media(max-width:768px){

      .dt-gallery-card{
        height: 220px;
      }

      .dt-lightbox-image{
        width: 90%;
      }

    }


    .sidebar-wrapper{
    position:relative;
}

/* TOGGLE BUTTON */
.filter-toggle{
    display:none;
    background:#d62828;
    color:#fff;
    padding:10px 14px;
    font-size:15px;
    cursor:pointer;
    border-radius:6px;
    margin-bottom:20px;
}

/* MOBILE */
@media(max-width:768px){

    .filter-toggle{
        display:block;
    }

    .sidebar{
        display:none;
        background:#fff;
        border:1px solid #eee;
        padding:15px;
    }

    .sidebar.active{
        display:block;
    }

    .package_inclusions span{
      width: 40px;
      height: 40px;
    }

    .package_inclusions{
      gap: 15px;
    }
    .package_inclusions div{
      font-size: 12px;
    }

    .package_content h3{
      font-size: 20px;
      margin: 0px 0 12px;
    }
}


.sh-dest-card a{
    text-decoration: none;
    color: #191919;
}

.item a{
     text-decoration: none;
    color: #191919;
}

.duration-box{
    margin-bottom:30px;
}

.duration-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
}

.duration-filter-list{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.duration-btn{
    border:none;
    background:#f1f1f1;
    padding:10px;
    display: block;
    width: 100%;
    border-radius:10px;
    font-size:15px;
    text-align: left;
    font-weight:500;
    cursor:pointer;
    transition:0.3s ease;
}

.duration-btn:hover{
    background:#d62828;
    color:#fff;
}

.duration-btn.active{
    background:#d62828;
    color:#fff;
}


.smh-student-tour-section{
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.smh-student-tour-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#ec3237;
    opacity:.05;
    border-radius:50%;
    top:-120px;
    right:-100px;
}

.smh-student-tour-section::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    background:#0b1b2b;
    opacity:.04;
    border-radius:50%;
    bottom:-100px;
    left:-80px;
}

.smh-tour-content{
    position:relative;
    z-index:2;
}

.smh-tour-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(236,50,55,0.08);
    color:#ec3237;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
    border:1px solid rgba(236,50,55,0.15);
}

.smh-tour-title{
    color:#0b1b2b;
    font-size:38px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:20px;
}

.smh-tour-text{
    color:#555;
    font-size:14px;
    line-height:1.9;
    margin-bottom:16px;
}

.smh-feature-box{
    background:#fff;
    border:1px solid #ececec;
    border-radius:20px;
    padding:20px;
    display:flex;
    gap:15px;
    height:100%;
    transition:.4s;
    box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.smh-feature-box:hover{
    transform:translateY(-5px);
    border-color:#ec3237;
    box-shadow:0 15px 35px rgba(236,50,55,0.12);
}

.smh-feature-icon{
    min-width:48px;
    height:48px;
    border-radius:14px;
    background:#ec3237;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
}

.smh-feature-box h6{
    color:#0b1b2b;
    font-size:16px;
    margin-bottom:8px;
    font-weight:700;
}

.smh-feature-box p{
    color:#666;
    font-size:14px;
    line-height:1.8;
    margin:0;
}

.smh-tour-card{
    background:#0b1b2b;
    border-radius:30px;
    padding:38px;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

.smh-tour-card::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#ec3237;
    border-radius:50%;
    top:-90px;
    right:-90px;
    opacity:.12;
}

.smh-tour-card-top{
    position:relative;
    z-index:2;
}

.smh-tour-card-top h3{
    color:#fff;
    font-size:30px;
    margin-bottom:14px;
    font-weight:700;
}

.smh-tour-card-top p{
    color:rgba(255,255,255,0.75);
    font-size:14px;
    line-height:1.8;
    margin-bottom:28px;
}

.smh-tour-list{
    padding:0;
    margin:0;
    list-style:none;
    position:relative;
    z-index:2;
}

.smh-tour-list li{
    color:#fff;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.smh-tour-list li i{
    color:#ec3237;
    font-size:16px;
}

.smh-tour-badge{
    margin-top:28px;
    background:#ec3237;
    color:#fff;
    text-align:center;
    padding:15px;
    border-radius:16px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.4px;
    position:relative;
    z-index:2;
}

@media(max-width:991px){

    .smh-tour-title{
        font-size:30px;
    }

    .smh-tour-card{
        padding:28px;
    }

}


.smh-desert-section{
    background:#fff;
    position:relative;
    overflow:hidden;
}

.smh-desert-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#ec3237;
    opacity:.04;
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.smh-desert-section::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background:#0b1b2b;
    opacity:.04;
    border-radius:50%;
    bottom:-120px;
    right:-120px;
}

.smh-desert-card{
    background:linear-gradient(135deg,#0b1b2b,#12283f);
    border-radius:30px;
    padding:40px;
    height:100%;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,0.12);
}

.smh-desert-card::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#ec3237;
    border-radius:50%;
    top:-100px;
    right:-100px;
    opacity:.12;
}

.smh-desert-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,0.08);
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    margin-bottom:22px;
    position:relative;
    z-index:2;
}

.smh-desert-card h2{
    color:#fff;
    font-size:34px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

.smh-desert-card p{
    color:rgba(255,255,255,0.75);
    font-size:14px;
    line-height:1.9;
    position:relative;
    z-index:2;
}

.smh-desert-stats{
    display:flex;
    gap:16px;
    margin-top:30px;
    position:relative;
    z-index:2;
}

.smh-stat-box{
    flex:1;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.08);
    padding:20px;
    border-radius:18px;
    text-align:center;
}

.smh-stat-box h3{
    color:#ec3237;
    font-size:28px;
    font-weight:700;
    margin-bottom:6px;
}

.smh-stat-box span{
    color:#fff;
    font-size:14px;
}

.smh-desert-content{
    position:relative;
    z-index:2;
}

.smh-desert-tag{
    display:inline-block;
    background:rgba(236,50,55,0.08);
    color:#ec3237;
    border:1px solid rgba(236,50,55,0.15);
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.smh-desert-title{
    color:#0b1b2b;
    font-size:38px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:18px;
}

.smh-desert-text{
    color:#555;
    font-size:14px;
    line-height:1.9;
    margin-bottom:18px;
}

.smh-desert-feature{
    display:flex;
    gap:15px;
    padding:20px;
    border-radius:20px;
    background:#fff;
    border:1px solid #ececec;
    transition:.4s;
    height:100%;
    box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.smh-desert-feature:hover{
    transform:translateY(-5px);
    border-color:#ec3237;
    box-shadow:0 15px 35px rgba(236,50,55,0.12);
}

.smh-desert-icon{
    min-width:48px;
    height:48px;
    border-radius:14px;
    background:#ec3237;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
}

.smh-desert-feature h6{
    color:#0b1b2b;
    font-size:16px;
    font-weight:700;
    margin-bottom:8px;
}

.smh-desert-feature p{
    color:#666;
    font-size:14px;
    line-height:1.8;
    margin:0;
}

@media(max-width:991px){

    .smh-desert-card,
    .smh-desert-content{
        padding:0;
    }

    .smh-desert-title{
        font-size:30px;
    }

    .smh-desert-card{
        padding:30px;
    }

}


.smh-transport-section{
    background:#fff;
    position:relative;
    overflow:hidden;
}

.smh-transport-section::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:#ec3237;
    opacity:.04;
    border-radius:50%;
    top:-120px;
    right:-100px;
}

.smh-transport-head{
    max-width:760px;
    margin:auto;
    position:relative;
    z-index:2;
}

.smh-transport-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(236,50,55,0.08);
    color:#ec3237;
    border:1px solid rgba(236,50,55,0.15);
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.smh-transport-head h2{
    color:#0b1b2b;
    font-size:40px;
    font-weight:700;
    margin-bottom:18px;
}

.smh-transport-head p{
    color:#666;
    font-size:14px;
    line-height:1.9;
}

.smh-transport-left{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.smh-transport-box{
    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:22px;
    padding:24px;
    transition:.4s;
    box-shadow:0 8px 25px rgba(0,0,0,0.04);
}

.smh-transport-box:hover,
.smh-transport-box.active{
    transform:translateX(8px);
    border-color:#ec3237;
    box-shadow:0 15px 35px rgba(236,50,55,0.10);
}

.smh-transport-icon{
    min-width:52px;
    height:52px;
    border-radius:16px;
    background:#ec3237;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
}

.smh-transport-box h5{
    color:#0b1b2b;
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
}

.smh-transport-box p{
    color:#666;
    font-size:14px;
    line-height:1.8;
    margin:0;
}

.smh-transport-right{
    background:#0b1b2b;
    border-radius:30px;
    padding:40px;
    height:100%;
    position:relative;
    overflow:hidden;
}

.smh-transport-right::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#ec3237;
    border-radius:50%;
    top:-100px;
    right:-100px;
    opacity:.10;
}

.smh-transport-top{
    position:relative;
    z-index:2;
}

.smh-transport-top h3{
    color:#fff;
    font-size:32px;
    font-weight:700;
    margin-bottom:16px;
}

.smh-transport-top p{
    color:rgba(255,255,255,0.75);
    font-size:14px;
    line-height:1.9;
    margin-bottom:28px;
}

.smh-service-feature{
    display:flex;
    align-items:center;
    gap:12px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:16px;
    padding:18px;
    color:#fff;
    font-size:14px;
    transition:.4s;
    position:relative;
    z-index:2;
}

.smh-service-feature:hover{
    background:#ec3237;
    transform:translateY(-4px);
}

.smh-service-feature i{
    font-size:16px;
}

.smh-vehicle-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:28px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    height:100%;
}

.smh-vehicle-card:hover{
    transform:translateY(-8px);
    border-color:#ec3237;
    box-shadow:0 18px 40px rgba(236,50,55,0.12);
}

.smh-vehicle-img{
    background:#f7f7f7;
    padding:25px;
    text-align:center;
}

.smh-vehicle-img img{
    width:100%;
    
    transition:.4s;
}

.smh-vehicle-card:hover .smh-vehicle-img img{
    transform:scale(1.05);
}

.smh-vehicle-content{
    padding:25px;
}

.smh-vehicle-content h4{
    color:#0b1b2b;
    font-size:22px;
    font-weight:700;
    margin-bottom:12px;
}

.smh-vehicle-content p{
    color:#666;
    font-size:14px;
    line-height:1.8;
    margin-bottom:18px;
}

/* .smh-vehicle-content ul{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.smh-vehicle-content ul li{
    color:#0b1b2b;
    font-size:13px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
}

.smh-vehicle-content ul li i{
    color:#ec3237;
} */

@media(max-width:991px){

    .smh-transport-head h2{
        font-size:32px;
    }

    .smh-transport-right{
        padding:30px;
    }

}

.mla-package-section{
    padding:80px 0;
    background:#fff;
}

.mla-package-header{
    text-align:center;
    margin-bottom:0;
}

.mla-package-header h2{
    background:#dc3545;
    color:#fff;
    margin:0;
    padding:10px;
    font-size:30px;
    font-weight:700;
    letter-spacing:1px;
}

.mla-package-header p{
    background:#0b1b2b;
    color:#fff;
    margin:0;
    padding:10px;
    font-size:18px;
}

.mla-table-wrapper{
    overflow-x:auto;
}

.mla-package-table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
    background:#fff;
}

.mla-package-table th{
    background:#dc3545;
    color:#fff;
    padding:10px 10px;
    text-align:center;
    font-size:16px;
    border:1px solid #ddd;
}

.mla-package-table td{
    padding:8px 8px;
    text-align:center;
    border:1px solid #ddd;
    color:#0b1b2b;
    font-size:15px;
}

.mla-package-table tbody tr:nth-child(even){
    background:#f8f8f8;
}

.mla-package-table tbody tr:hover{
    background:#fff4f5;
}

@media(max-width:767px){

    .mla-package-section{
        padding:50px 0;
    }

    .mla-package-header h2{
        font-size:24px;
        padding:14px;
    }

    .mla-package-header p{
        font-size:14px;
        padding:10px;
    }

    .mla-package-table td,
    .mla-package-table th{
        font-size:13px;
        padding:10px 8px;
    }
}


.vehicle-features{
    padding-left: 20px;
    margin-bottom: 15px;
}

.vehicle-features li{
    color: #333;
    margin-bottom: 6px;
}

.vehicle-features li::marker{
    color: #b30000;
}


.smh-vehicle-buttons{
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn-call,
.btn-whatsapp{
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    transition: 0.3s;
}

.btn-call{
    background: #0e4378;
}

.btn-whatsapp{
    background: #25D366;
}

.btn-book{
    flex: 1;
    height: 48px;
    background: #ec3237;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: 0.3s;
}

.btn-call:hover,
.btn-whatsapp:hover,
.btn-book:hover{
    transform: translateY(-2px);
    color: #fff;
}


/* Floating Contact Buttons */
.smh-floating-contact{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.smh-float-call,
.smh-float-whatsapp{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    transition: all .3s ease;
}

.smh-float-call{
    background: #e53935;
}

.smh-float-whatsapp{
    background: #25D366;
}

.smh-float-call:hover,
.smh-float-whatsapp:hover{
    transform: translateY(-4px) scale(1.05);
    color: #fff;
}

/* Pulse Animation */
.smh-float-call::before,
.smh-float-whatsapp::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;    
    z-index: -1;
}

@media(max-width:767px){
    .smh-floating-contact{
        right: 15px;
        bottom: 15px;
    }

    .smh-float-call,
    .smh-float-whatsapp{
        width: 52px;
        height: 52px;
        font-size: 22px;
    }
}