body {  font-family: "Roboto Condensed", sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4 {  font-family: "Roboto Condensed", sans-serif; font-weight: 700; }


a { text-decoration: none; color: #525c65; transition: color 0.3s ease; }
a:hover { text-decoration: none; color: #525c65; transition: color 0.3s ease; }
a:active { text-decoration: none; color: #525c65; transition: color 0.3s ease; }

a, .btn{-moz-transition: all .5s ease-in-out !important;
  -ms-transition: all .5s ease-in-out !important;
  -o-transition: all .5s ease-in-out !important;
  transition: all .5s ease-in-out !important;}

section { padding: 90px 0; }

blockquote {  font-family: "Roboto Condensed", sans-serif; font-weight: 400; }

.badge-secondary { background: #FFE7D1; border-color: #E2720E; color: #000 !important; }

.banner {background: url(../images/jaipur-sightseeing-taxi-banner.webp) #0000004d;background-position:center;background-blend-mode: color;padding: 0;position: relative;background-size: cover;}
.banner figure { margin: 0; padding: 0;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.banner figure::before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.banner figure img { height: 100%;  object-fit: cover; object-position: center; }
.banner .text{position: relative; z-index: 2; padding: 100px 0;  }
.banner-bottom p svg{display: inline-block; vertical-align: middle; margin-right: 5px;  width: 20px; position: relative; top: -2px; }



.form-card{padding: 30px; background: #00000080 ; display: block;}
.form-card-2{background:white !important;}


.bg-grey { background: #F5F7FB; }
.bg-primary { background-color: #E2720E !important; border-color: #E2720E; }
.bg-primary-light { background: #FFF0E2 !important; }
.text-primary{ color: #E2720E !important;}

.border-30 { border-radius: 30px; }

.bst-taxi figure { position: relative; }
.bst-taxi figure figcaption { position: absolute; right: 10px; top: 10px; font-size: 20px; }

.btn { font-size: 18px; line-height: 22px; font-weight: 400; border-radius: 10px; padding: 10px 22px; position: relative; top:0; }
.btn:hover{top: -2px;     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.btn-icon i { display: inline-block; vertical-align: middle; background: #fff; padding: 10px; border-radius: 100%; margin-right: 5px; color: transparent !important; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #E2720E; font-size: 16px; }
.btn-outline { border: solid 1px #E2720E;  }
.btn-primary { background-color: #E2720E !important; border-color: #E2720E !important; }

.card-title { font-size: 30px; }

.card1 { padding: 30px; border-radius: 12px; margin: auto; transition: transform 0.3s ease-in-out; }
.card1:hover { transform: scale(1.05); }

.car-24 {background: #000;background-size: cover;position: relative;padding: 50px 0;}
.car-24::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); }
.car-24 .container { position: relative; z-index: 2; }

.carousel-caption { min-width: 1000px; max-width: 1200px; z-index: 2; }

.carousel-inner img { object-fit: cover; height: 100%; }

.contact-info { list-style: none; padding: 0; }
.contact-info li { margin-bottom: 10px; display: flex; align-items: start; gap: 10px; }
.contact-info i { margin-right: 8px; }
.contact-info a { color: #fff !important; }
.font-300 { font-weight: 300 !important; }
.font-400 { font-weight: 400 !important; }
.font-700 { font-weight: 700 !important; }
.font-extra-bold { font-family: "Roboto Condensed", sans-serif;; font-weight: 900 !important; }
.font-small { font-size: 13px; font-weight: 300; padding: 10px 0 0 0; color: #E2720E; }

.footer { background: linear-gradient(180deg, #a90f05, #461400); color: #fff; padding: 50px 0 20px 0; }
.footer h5 { font-size: 18px; margin-bottom: 15px; }
.footer p { color: #fff; }
.footer .logo { margin-bottom: 10px; }
.footer-logo { padding: 10px; border-radius: 15px; margin: 0 auto 15px auto; display: block; max-width: 200px; }
.footer-logo img { width: 100%; }
.footer-links { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { color: #fff !important; text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: #f5a623; }

header .navbar-nav li a {position: relative;font-size: 18px;font-weight: 400;padding: 10px 20px;transition: all 0.3s;color: #000;}
header .navbar-nav li a.active::after { transform: translateX(-50%) scaleX(1); }

.hover-underline-animation { display: inline-block; position: relative; }
.hover-underline-animation::after { content: ''; position: absolute; width: 50%; transform: scaleX(0); height: 3px; bottom: 0; left: 50%; background-color: #E2720E; transform-origin: center; transition: transform 0.25s ease-out; transform: translateX(-50%) scaleX(0); }
.hover-underline-animation:hover::after { transform: translateX(-50%) scaleX(1); }

.lead { font-size: 20px; line-height: 30px; }
.list-group-item { display: flex; align-items: start; gap: 10px; }

.main-contact-form { }
.main-contact-form input[type="text"],.main-contact-form input[type="number"], .main-contact-form input[type="tel"], .main-contact-form input[type="email"], .main-contact-form input[type="date"], .main-contact-form input[type="time"]{ border: solid 1px #000; background: #fff !important; height: 50px; font-weight: 400; color: #000 !important; font-family: "Roboto Condensed", sans-serif; }
.main-contact-form .btn { width: 100%; border-radius: 8px !important; padding: 14px 15px; }
.main-contact-form .x_slider_checout_left,.main-contact-form textarea {
    border: solid 1px #000;
}

.main-contact-form select {
  background: #fff !important;
  border: solid 1px #000;

  height: 50px;
}

.main-logo {display: block;height: 70px;width: auto;}
.main-logo img { width: auto; height: 100%; display: block; }

.mobile-header { display: none; }

.newsletter { margin-top: 15px; }
.newsletter input { width: 100%; padding: 10px; border: none; border-radius: 5px; margin-bottom: 10px; }
.newsletter button:hover { background: #567500; }

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; }

.p-50 { padding: 50px; }

.packages-top .card, .packages-bottom .card { height: 100%; }
.packages-top .list-group-item i, .packages-bottom .list-group-item i { display: inline-block; vertical-align: middle; margin-right: 5px; color: #777777; position: relative; top: 2px; }
.packages-top .btn i { transform: rotate(320deg); display: inline-block; vertical-align: middle; margin-left: 10px; }
.packages-bottom{padding-top: 50px;}

.primary-color { color: #E2720E; }

.secondary-color { color: #A80F05; }

.slick-prev { font-size: 30px; color: #0052D4; background: none; border: none; outline: none; cursor: pointer; left: -40px; }
.slick-next { font-size: 30px; color: #0052D4; background: none; border: none; outline: none; cursor: pointer; right: -40px; }
.slick-prev:hover, .slick-next:hover { color: #002f6c; }

.social-icons a { color: #fff; font-size: 20px; margin-right: 10px; transition: transform 0.3s ease, color 0.3s; }
.social-icons a:hover { color: #f5a623; transform: scale(1.1); }

.stats-section { position: relative; }
.stats-inner { }
.stats-section figure{width: 100%; height: 100%; margin: 0; padding: 0;}
.stats-section img{height: 100%; object-fit: cover; object-position: top center; border-radius: 15px;}

.testimonial-name { font-size: 18px; font-weight: bold; color: #333; }
.testimonial-text { font-size: 16px; font-style: italic; color: #555; margin-bottom: 15px; }

.text-center1 { text-align: center; margin-top: -33px; }

.why-nrk-section { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.why-nrk-section.visible { opacity: 1; transform: translateY(0); }
.why-nrk-section .card i { font-size: 30px; background: #E2720E; color: white; padding: 20px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 0 auto 15px auto; }

.accordion-header button { font-size: 1.5rem; }

.js-slide article.card { min-height: 400px;  display: flex; flex-direction: column; justify-content: space-between;}

.js-slide article.card blockquote { flex-grow: 1;  margin-bottom: 1rem;}

.js-slide article.card h4 { margin-top: auto;}

.inner-banner{position: relative; padding: 0;}
.inner-banner figure{margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.inner-banner figure img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

.inner-banner-text{padding: 100px; position: relative; z-index: 2;}
.inner-banner-text h1{ text-shadow: 2px 2px #000000;}
.testimonials img{
    border-radius: 7px;
    
}

.blog-header {
  text-align: center;
  margin-bottom: 40px;
  padding: 20px 0;
  background-color: #f8f9fa;
  font-size: 2rem;
  color: #333;
}
.newsletter #captcha{
    border:1px solid black;
}
.whts a{
    color: white !important;
    background:#198754 !important;
}
.call{
    flex:1;
}
.captcha-code{
    height: 46px;
}
.x_slider_checout_left{
    background: white;
    padding:15px;
}
.whts{
    flex:1
}
.call a{
     color: white !important;
    background: #e2720e !important;
}

.enq a{
     color: white !important;
    background:#A80F05 !important;
}
.footer-textarea{
    margin-bottom: 7px;
}
.navbar-brand{
        padding: 10px;
    border-radius: 0px;
    background: #A80F05;
}
.blog-section {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.blog-section article {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.blog-section article h2 {
  font-size: 1.75rem;
  color: #E2720E;
  margin-bottom: 20px;
}

.blog-section img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}

.blog-section p {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
}
  
.service-page .card:hover {
  transform: translateY(-10px);
}
.review-box-2 {
    margin-bottom: 5px;
    width: fit-content;
    text-align: center;
    color: #ffffff;
  
    text-shadow: none !important;
}
.blog-header {
  text-align: center;
  margin-bottom: 40px;
  padding: 20px 0;
  background-color: #f8f9fa;
  font-size: 2rem;
  color: #333;
  font-family: "Roboto Condensed", sans-serif;
}

.blog-section {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #F5F7FB;
  border-radius: 8px;
}

.blog-section article {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease-in-out;
}

.blog-section article h2 {
  font-size: 1.75rem;
  color: #E2720E;
  margin-bottom: 20px;
  font-weight: 700;
}

.blog-section img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}

.blog-section p {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
}

.blog-section article:hover {
  transform: translateY(-10px);
}
  
.service-page .card-title {
  color: #333;
  margin-bottom: 1rem;
}
.service-page .card-text {
  color: #666;
  font-size: 0.95rem;
}

.coporate-list {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  max-width: 600px; /* Constrain the width */
  margin-left: auto; /* Center horizontally */
  margin-right: auto; /* Center horizontally */
}

.coporate-list a {
  width: 100px;
  height: 100px;
  border: solid 2px #E2720E;
  line-height: 100px;
  border-radius: 100%;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.coporate-list a figure {
  padding-top: 20px; /* Remove unnecessary padding */
  margin: 0; /* Reset margin */
}


.coporate-list1 {margin-top: 50px;}
.coporate-list1  .slick-dots{bottom: -50px;}
.coporate-list1 figure {
  width: 150px !important;
  height: 150px !important;
  border-radius: 100%;
  border: solid 1px #E2720E;
  line-height: 100px;
  padding: 10px;
  display: block;
  margin: 0 auto !important;
}

.coporate-list1 figure img {
  width: 100%;
height: 100%;
  border-radius: 100%;
  display: block;
  margin: 0 auto !important;
  object-fit: cover;

}




.customers-says{}
.coporate-compines{}
.minheight{min-height: 200px; display: block;}

.main-contact-form select, .form-control, .form-control:focus, select option, ::placeholder, ::-moz-placeholder{font-weight: 400 !important;
  font-family: "Roboto Condensed", sans-serif; color: red !important;
  }
  ::placeholder {
    color: #000 !important;
    opacity: 1;
    font-weight: 400 !important;
  font-family: "Roboto Condensed", sans-serif; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #000 !important;
    font-weight: 400 !important;
  font-family: "Roboto Condensed", sans-serif;
  }


  .customers-says .testimonial-des, .why-nrk-section article p{font-weight: 300 !important;}

  .whatsapp-icon{position: fixed; right: 30px; bottom: 30px; width: 50px;}
  .whatsapp-icon img{width: 100%;}

  .car-rentals .card-list article img, .bst-taxi article img{max-width: 90%; margin: 0 auto;}

  .valley-pic{width: 100%;  position: relative; margin-bottom: 50px;}
  .valley-pic img{width: 100%;}
  .stats-bottom{}

  .call-now{position: fixed; right:0; top: 130px; background: #E2720E; z-index: 99; color: #000; padding: 10px 30px 10px 15px; border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; font-weight: bold; color: #fff; }
    .call-now i{display: inline-block; background: #fff; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 40px; margin-right: 10px; color: #000;}
    .aboutus ul{ margin: 0; padding: 0;    margin-top: 40px;}
    .aboutus ul li {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-top: 20px;
  }
  .aboutus ul li .listimg {
    /* width: 71px; */
    /* height: 71px; */
    background: #e37212;
    padding: 15px;
    /* flex: 0 0 13%; */
    border-radius: 10px;
}
.aboutus ul li .listimg img {
  width: 40px;
  height: 40px;
  filter: invert(1);
}

.main-contact-form input[type="date"]{
  background: url('../images/cal-icon.svg') #fff no-repeat  !important ;
  background-position: bottom 10px right 20px !important;
  background-position: right 3em bottom 10px !important;
  background-position: bottom 10px right !important;
  background-position: center right 10px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

}

.main-contact-form input[type="time"]{
  background: url('../images/time-icon.svg') #fff no-repeat  !important ;
  background-position: bottom 10px right 20px !important;
  background-position: right 3em bottom 10px !important;
  background-position: bottom 10px right !important;
  background-position: center right 10px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

}

.main-contact-form input[type="date"]::-webkit-calendar-picker-indicator, .main-contact-form input[type="time"]::-webkit-calendar-picker-indicator {
 opacity: 0; cursor: pointer;
 width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0;
}

.bg-none{background: none !important;}
.bg-none th, .bg-none td{background: none !important; }

.why-nrk-section .table-responsive{margin-top: 50px;}

  .mob-show{display: none !important;}

.border-radius-10{border-radius: 10px !important;}


.cab-section-outer {
  border: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  background: #ffffffcf;
  text-align: left
}

section.price-section-cab {
  padding: 30px 0;
}
.aboutimg{
    border-radius:10px;
}

.cab-section-outer img {
  width: 100%;
  margin-bottom: 0px;}

.cab-section-outer h4 {
  border-bottom: 1px solid #0000001f;
  padding-bottom: 10px
}
.cab-section-outer p {
  display: flex
;
  justify-content: space-between;
  border-bottom: 1px solid #0000001c;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-family: 'Jost';
  font-weight: 500;
}
.tbtn {
  display: flex;
  justify-content: center;
  gap: 10px;
  /* margin-bottom: 19px; */
}

.tbtn a {
  display: inline-block;
  margin-top: 20px;
}

.packagetour{padding: 30px 0px;background: #f7f7f7;}
.whitetourbox{background: #f9f9f9;}
.productbox{position: relative;padding: 9px 9px 9px 9px;background: #fff;-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);margin: 15px 0px;}
.productbox>img{border-radius: 10px;height: 210px;width: 100%;object-fit: cover;}
.productbox h3{color: #000000;font-size: 21px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;}
.pctn p{ margin-bottom: 0;color: #525252;font-size: 12px; font-weight: 400; line-height: 15px; padding-bottom: 4px;}
.pctn p img{ width: 16px;}
.productbox p{margin-bottom: 7px; font-size: 12px; font-weight: 400;display: flex;gap: 5px;}
.productbox .holiday{padding-bottom: 7px;white-space: nowrap;overflow-x: scroll;width: 100%; margin-bottom: 10px;}
.productbox .holiday li{border: 1px solid #ccc;padding: 2px 9px; font-size: 12px;color: #000; text-align: left; border-radius: 11px; display: inline-flex;gap: 5px;align-items: center;}
.productbox .holiday li img{width: 22px;}
.productbox .holiday li span{font-size: 11px;}
.productbox .holiday li p{margin-bottom: 0;font-weight: 500}
.productbottom{background: #ebf1ff;padding: 9px; margin: 0px -9px;display: flex;justify-content: space-between;align-items: stretch;}
.productbottom .pbtm-1{flex: 0 0 55%;}
.productbottom .pbtm-1 p{color: #525252; font-size: 12px; font-weight: 400; padding-bottom: 0; margin-bottom: 0;}
.productbottom .pbtm-1 .kp-old{color: #FF5722;text-decoration: line-through; font-size: 14px; font-weight: 600;line-height: 14px;}
.productbottom .pbtm-1 .kp-new{color: #000;font-size: 18px; font-weight:600; line-height: 14px; border-left: 1px solid #ccc; padding-left: 5px;}
.productbottom .pbtm-2{flex: 0 0 45%;display: flex; align-items: center; flex-direction: column; justify-content: center;}
.productbottom .pbtm-2 a{color: #3F51B5; border-radius: 4px; padding: 7px 10px; border: 1px solid #3F51B5; display: block; margin-bottom: 5px; background: #fff;font-weight: bold; font-size: 13px;text-align: center;animation: 1.4s infinite scaleup;}
.productbottom .pbtm-2 a.bgorange{border: 1px solid #FF5722;background: #FF5722;color: #fff;font-weight: 600;    animation: 1.4s infinite scaleup;    box-shadow: 1px 0px 7px 0px;}
.pbadges{position: absolute; z-index: 5; left: -7px; top: 15px; background-image: blueviolet; background-image: linear-gradient(to right, #2196F3, #FF5722);width: 110px; height: 25px; line-height: 25px;  padding: 0; text-align: center; color: #fff; font-size: 10px; font-weight: 400; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);}
.pbadges:before{content: "";position: absolute; left: 0; bottom: -7px; width: 0; height: 0; border-bottom: 0; border-top: 7px solid #607D8B; border-right: 0px solid transparent; border-left: 8px solid transparent;z-index: 0;}
.pbadges img{width: 13px;}
.pbadges span {position: absolute; height: 100%; top: 0; right: 0; width: 1px;}
.pbadges span:before{content: ""; position: absolute; left: 0px; top: 0px; width: 0; height: 0; border-bottom: 20px solid transparent; border-top: 0 solid transparent; border-right: 0px; border-left: 8px solid #FF5722; z-index: 0;}
.pbadges span:after{content: ""; position: absolute; left: 0px; bottom: 0px; width: 0; height: 0; border-bottom: 0 solid transparent; border-top: 20px solid transparent; border-right: 0px; border-left: 8px solid #FF5722; z-index: 0;}
.packagelist .swiper-button-next,.packagelist .swiper-button-prev{width: 50px;height: 50px;background: #fff; border-radius: 100%; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);    top: 40%;}
.packagelist .swiper-button-next:after,.packagelist .swiper-button-prev:after{color: #000;font-size: 18px;}
.packagelist .swiper-wrapper{margin-bottom: 20px;}

.incusionlist {
  overflow-x: scroll;
  margin-bottom: 8px;
  padding-bottom: 5px;
  scrollbar-width: thin;
}
.incusionlist ul {
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 5px;
  padding-left: 0;
}
.incusionlist ul li {
  font-size: 11px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 3px 8px;
}
.inclusiontitle {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}
.pbtn {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  padding: 6px 6px;
  margin-left: -9px;
  margin-right: -9px;
}
.packagebtn a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    padding: 10px 22px;
    
  background: rgb(255 255 255);
  border-radius: 5px;
  display: block;
  gap: 5px;
  align-items: center;
  text-align: center;
}
.pbtn .packbtn a {

  background: #ffffff;
  color: #02744a;
  display: block;
  border-radius: 7px;
  /* box-shadow: 1px 0px 7px 0px; */
  padding: 7px 16px;
  /* font-size: 14px; */
}
.packagebtn a img {
  width: 25px;
  margin-top: -5px;
}
.todolist img {
  /* height: 60px; */
  border-radius: 0;
  width: 100%;
}
.swiper-wrapper {
  padding-bottom: 30px;
}
.todolist a {
  display: block;
  border: 1px solid #d5d5d5;
  /* margin-bottom: 10px; */
  border-radius: 6px;
  overflow: hidden;
}
.todolist h5,.myswiper h5 {
  font-size: 12px;
  text-align: center;
  color: #000;
  margin-top: 5px;
  margin: 0 5px 5px 5px;
  font-weight: 400;
}

.delhi-places {
  padding: 50px 0;
}
.delhi-places h2{
  text-align: center;
  /* margin-bottom: 30px; */
}
.place-box {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #000;
  
}

.place-box img {
  width: 100%;
  height: 220px; /* fixed height for consistency */
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.place-box:hover img {
  transform: scale(1.1);
}

.place-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
  color: #fff;
  text-align: left;
}

.place-content h5 {
  font-size: 1rem;
  margin: 0 0 5px;
  font-weight: 600;
}

.place-content p {
  font-size: 0.85rem;
  margin: 0;
  opacity: 0.85;
}
.car-24 {
  text-align: center;
}
.modal-body{
  padding: 0;
}
.btn-close{
  position: absolute;
  right: -10px;
  top: -10px;
  background: #fff;
  opacity: 1;
  z-index: 1;
  color: #000;
  line-height: 15px;
}



.popframe {
  width: 100%;
  height: 100vh;
  padding-bottom: 6%;
}
.modal-overlay.slideuppopup { display: none; position: fixed; top: 0;  left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999;}
.modal-content.slideupcontent {background-color: #e1e1e1;height: 100vh !important; width: 70%; padding: 1px; border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: fixed; bottom: 0; right: 0;}
.close-btn {position: absolute;top: 341px; left: -57px; padding: 2px; cursor: pointer; font-size: 26px; color: #fff; border-radius: initial; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 40px; height: 40px;text-align: center;  margin: 10px auto;  background-color: #000;border-radius: 30px;}
#backgroundOverlay {position: fixed; top: 0;left: 0;width: 100%; height: 98%; background-color: rgba(0, 0, 0, 0.5); display: none;z-index: 9998;}
@keyframes slideIn { from { transform: translateY(100%);  }
to {transform: translateY(0); }  }
@keyframes slideOut {from {transform: translateY(0);  }
to {transform: translateY(100%);} 
}
@keyframes slideleft {from { transform: translateX(+100%); }
to {transform: translateX(0);} 
}
@keyframes slideleftOut {from {transform: translateX(0);}
to {transform: translateX(+100%);}
}
.whyus .modeltitle {text-align:center; padding:10px;background: #F2EAD3;color: #121212;padding-top: 10px;border-radius: 6px 6px 0px 0px;margin-bottom: 0px;border-bottom: 1px solid #d1cbcb; text-transform: uppercase; font-size: 23px;}
.scrollfix{height: 100vh; overflow-y: scroll;padding-bottom: 7%;}


.whywe{padding: 40px 0;}
.whywe h2{text-align: center; color: #03938B; font-weight: 600; margin-bottom: 15px;}
.whywe .divider{ width: 111px; height:2px; background: #BD1536; margin: 0px auto; }
.whywe ul{display: flex;  text-align: center; align-items: center;  justify-content: space-between; margin-top: 50px;}
.whywe ul li img{width: 60px; height: 60px;}
.whywe ul li h5{font-size: 20px; margin-top: 20px; color: #000;font-weight: 600;}
.whywe ul li p{margin-bottom: 0;font-size: 14px;}

.counteroffer{padding:0px 0 30px;}
.offercounter{display: flex;justify-content: space-between;align-items: flex-end;background: #141414;padding: 20px;border-radius: 10px;/* width: 1020px; */margin: 0px auto;margin-top: 40px;}
.offerbox{display: flex; flex-direction: column; align-items:flex-start; flex: 0 0 60%;}
.offerbox h3{color: #fff;text-align: center; font-size: 24px; font-weight: 700; line-height: 36px;}
.offerbox h4{color: #fff; font-size: 20px; font-weight: 600; line-height: 30px;}
.offerbox p{color: #e0e0e0;font-size: 14px; font-weight: 400; line-height: 21px; margin-top: 0px; margin-bottom: 7px;}
.offerbox a{display: block;height: 51px; line-height: 51px; text-align: center; width: 236px; border-radius: 10px; background: linear-gradient(93deg, #ff7b26, #ec048c); margin-top: 9px; color: #fff; font-size: 15px; font-weight: 500; cursor: pointer;}
.counterbox{flex: 0 0 40%;display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
.counterbox h3{color: #fff; font-size: 18px; font-weight: 400; line-height: 27px; text-align: right;    margin-bottom: 0;}
.counterbox .counterdivider{width: 270px; height: 1px; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); margin: 10px 0;}
.counterbox .tick{width: 80%;}
.counterbox .tick-group{text-align: center;margin-left: 10px;}
.counterbox .tick-label{font-size: 13px;color: #fff;}

.tabssection .fixedtabs,.tabssection #pillsinner{background: #cce8ff; padding: 7px 30px;justify-content: flex-start;}
.tabssection .fixedtabs button,.tabssection #pillsinner button{font-family: "Lato", sans-serif;background: #fff; padding: 6px 10px;margin-left: 8px;   border-radius: 8px;   border: 1px solid #d8d8d8;   color: #4a4a4a;   font-size: 14px;}
.tabssection .fixedtabs button.active,.tabssection #pillsinner button.active{background: #008cff; color: #fff;    font-weight: 700;}
.tabssection #pillsinner{flex-wrap: nowrap; overflow-x: scroll;}
.tabssection{position: relative;}
.dayplans{padding: 0px 40px;}
.dayplans h3{font-size: 18px; border-bottom: 1px solid #ddd;  padding-bottom: 10px;}
.dayplans p{font-size: 14px;}
.ptop {padding-top: 130px;}
.pto{    padding-top: 50px !important;}
.fixtabs{position: fixed;
    width: 45%;
    z-index: 999;}
.dayslist{    background: #cce8ff;
    padding: 7px 30px;
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: flex-start;    position: fixed;
    top: 100px;
    width: 45%;}
.dayslist li{}
.dayslist li a{font-family: "Lato", sans-serif;
    background: #fff;
    padding: 6px 10px;
    margin-left: 8px;
    border-radius: 8px;
    border: 1px solid #d8d8d8;
    color: #4a4a4a;
    font-size: 14px;
    display: block;}
    .tabinnerbox p{margin-bottom: 15px;}

.summarybox{padding: 10px 15px;}
.summarybox .uvlist {display: flex; justify-content: space-between; padding: 20px 0px 10px;    border-bottom: 1px solid #ebebeb;}
.summarybox .duration {font-weight: 500; font-size: 14px;}
.summarybox .duration img {width: 20px;}
.summarybox .tamenities{padding-bottom: 10px;}
.summarybox p{margin-bottom: 0;font-size: 14px;}


.differntshow{background-color: #ed713b; padding: 15px 0 0; }
.differbox{display: flex; justify-content: space-between; align-items: center;gap: 40px;}
.differbox .differctn{padding-bottom: 1rem;}
.differbox .differctn h2{color: #fff; border-bottom: 1px solid #f58f62; font-size: 30px; padding-bottom: 10px;}
.differbox .differctn p{color: #fff;font-weight: 300;}
.differbox .differctn a{border: 2px solid #fff; color: #fff; padding: 5px 20px; border-radius: 60px; font-weight: 300; display: inline-block;}

.tourgroup{border: 1px solid #f37022;box-shadow: 0px 0px 10px 2px rgba(243,112,34,0.3);border-radius: 10px;margin: -30px auto 30px; padding: 10px;display: flex; justify-content: flex-start;    align-items: center; margin-top: 15px;}
.tourgroup .groupimg{width: 90px; margin-right: 10px;}
.tourgroup .groupimg img{border-radius: 10px;width: 90px; height: 90px;}
.tourgroup .groupctn {flex: 0 0 75%;}
.tourgroup .groupctn h3{font-weight: 600; font-size: 23px;padding-bottom: 5px; color: #f37022;    margin-bottom: 0;}
.tourgroup .groupctn p{ margin-bottom: 0; font-weight: 400;  font-size: 14px; color: #515151;}
.tourgroup .groupbtn a{background: linear-gradient(90deg, #ffba0a 0%, #f37022 100%);    border-radius: 8px;    color: #fff;  font-size: 15px;    letter-spacing: 0.2px; line-height: 1.23;    padding: 15px 20px;      display: inline-block;  cursor: pointer;}


.readlater{background-color: #fff; box-shadow: 0 2px 6px #0003; padding: 15px;border-radius: 10px; width: 842px; margin: 2rem auto; display: flex;justify-content: space-between;align-items: center; margin-bottom: 1rem;}
.readctn{display: flex; gap: 10px;}
.readctn img{width: 32px; height: 32px;}
.readctn h2{font-size: 1.25rem; margin-bottom: .25rem;}
.readctn p{color: #111111e6; margin-bottom: 0;    font-size: 14px;}
.readbtn a{display: block;color: #ed1c24; border: 1px solid #ed1c24;border-radius: 30px;font-weight: 500;font-size: 13px; padding: 5px 10px;}
.readbtn a img{width: 30px;}

.sightseeing{padding: 30px 0;    background: #fbfbfb;}
.sightseeing h2{display: flex; gap: 10px;font-size: 24px; line-height: 32px;}
.sightseenbox{margin: 15px 0; padding: 15px; border-radius: 20px; margin-bottom: 20px; box-shadow: 0 4px 14px rgba(0, 0, 0, .15);display: flex;gap: 20px; background: #fff;}
.sightseenbox h4{font-weight: 500;  font-size: 16px; color: #000; line-height: 18px; margin-top: 0; margin-bottom: 10px;}
.sightseenbox .sightcontent{overflow-y: scroll; scrollbar-width: none; height: 110px;}
.sightseenbox img{width: 200px;height: 130px; border-radius: 10px; -o-object-fit: cover;  object-fit: cover;} 
.sightseenbox .sightcontent p{font-size: 13px; margin-bottom: 10px;}
.sightseeingslide .swiper-wrapper{margin-bottom: 20px;}

.thingstodo{padding: 30px 0 0;}
.thingstodo h2{font-size: 28px;line-height: 40px; padding-bottom: 20px; margin-bottom: 0;}
.thingstodo p{font-size: 14px;}
.thingsdoslider{margin-top: 20px;}
.thingsbox{border: 1px solid #d3dadb;  padding: 3px 3px 0; box-shadow: 0 3px 0 0 #f0f3f4; margin-bottom: 30px; border-radius: 5px;}
.thingsbox img{width: 100%;}
.thingsbox h5{margin-bottom: 0; padding: 10px 10px 0; font-size: 15px; color: #000000; line-height: 20px;font-weight: 600;display: flex;align-items: center; height: 50px;}
.thingsbox p{padding: 5px 10px 10px; margin-bottom: 0; color: #3b3e3b; font-size: 13px;}

.popular{padding: 35px 0; background: #25272c;}
.popular h2{color: #fff; text-align: center; font-size: 22px;}
.popular p{color: #fff; text-align: center; font-size: 14px; margin-bottom: 30px;}
.popularbox{background: #fff; border-radius: 12px;}
.popularbox img{border-radius: 12px 12px 0px 0px;width: 100%; height: 170px;  object-fit: cover;}
.popularbox h4{padding: 15px;font-size: 15px; color: #25272c; padding-bottom: 10px;}
.popularbox p{color: #25272c; font-size: 14px; font-weight: 400; text-align: left; padding: 0px 15px 15px; height: 170px;}

.packagemenu{position: sticky;top: 0;left: 0;z-index: 999999;background: #fff;width: 100%;}
.packagemenu ul{display: inline-block; padding: 10px; white-space: nowrap; overflow-x: scroll;    width: 100%;    scrollbar-width: none;}
.packagemenu li{display: inline-block;}
.packagemenu li a{font-size: 14px; padding: 7px 10px; border: 1px solid #6c6c6c;  border-radius: 10px;display: flex; gap: 5px;color: #6c6c6c;}
.packagemenu li a.is-current{background: #fff7e7;border-color: #ffebc4;}

.tagline{margin-top: 60px;padding: 5px;background: linear-gradient(90deg, #ff6502 33%, #02a239 79%);}
.tagline p{margin-bottom: 0; color: #fff; text-align: center;font-size: 14px;}
.tagline p b{}
.pkcontent{padding: 20px;background: #fff;}
.pkcontent h2{font-size: 30px;font-weight: 500;line-height: 45px;color: #000;}
.pkdays{display: flex; gap: 20px;align-items: center;}
.pkdays .dt{background: #bf500e;color: #fff; font-size: 13px; font-weight: 500; border-radius: 20px;padding: 0 8px;}
.pkdays .dtrip ul{display: flex;gap: 20px;}
.pkdays .dtrip ul li{display: flex;align-items: center; gap: 10px;border-left: 1px solid #e0e0e0;padding-left: 15px;}
.pkdays .dtrip ul li:first-child{border-left: 0; padding-left: 0;}
.pkdays .dtrip ul li h6{font-size: 31px; font-weight: 700;line-height: 47px; color: #cbcbcb;margin-bottom: 0;}
.pkdays .dtrip ul li span{display: block; font-size: 9px; font-weight: 400; line-height: 14px;}
.pkdays .dtrip ul li .dtr{font-size: 11px;font-weight: 500;line-height: 17px; color: #202020;}
.reviewcount{}
.pkinclusions{padding: 20px 0;}
.pkinclusions ul{display: flex; justify-content: space-between;align-items: center;}
.pkinclusions ul li{color: #515151; font-size: 14px; font-weight: 400; line-height: 21px;}
.pkinclusions ul li img{padding-right: 5px;}
.pkslide .swiper-pagination .swiper-pagination-bullet{width: 16px; height: 3px; border-radius: 0;}
.pkslide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.triphighlight{
    margin-top: 20px;
}
.triphighlight h5{color: #202020; font-size: 18px;font-weight: 500;line-height: 27px;margin-bottom: 15px;}
.triphighlight ul{color: #515151;list-style: inside;}
.triphighlight ul li{font-size: 13px;font-weight: 400;line-height: 24px;color: #515151;margin: 10px 0;}
.inside{border: 1px solid #e0e0e0; padding: 20px; margin-top: 30px;border-radius: 10px;}
.inside h4{border-bottom: 1px solid #e0e0e0; color: #202020;font-size: 18px;font-weight: 500;line-height: 27px;margin-bottom: 20px;padding-bottom: 20px;}
.insidebox{display: flex; gap: 20px;}
.insidecontent{flex: 0 0 48%;}
.insidecontent h5{color: #202020; font-size: 16px;font-weight: 600; line-height: 24px; margin-bottom: 20px;}
.insidecontent.bdr{border-right: 1px solid #e0e0e0;}
.insidecontent ul{}
.insidecontent ul li{font-size: 12.5px;padding-bottom: 10px; display: flex; gap: 5px;}
.knowlist ul{list-style: circle; padding-left: 20px;}
.knowlist li{font-size: 14px; line-height: 20px; padding-bottom: 5px;}

.tourdayslist h3{font-size: 21px; padding-top: 20px;}
#pills-tabs{background: #f4f6f9;padding: 7px 10px; overflow-x: scroll; scrollbar-width: none; border-radius: 7px;}
#pills-tabs li{}
#pills-tabs li button{font-weight: 500; color: #8e8e8e;  box-shadow: 0 0 10px 1px rgba(0, 0, 0, .07); background: #fff; border-radius: 5px;padding: 10px; font-size: 14px; cursor: pointer; line-height: 21px; border: 0; margin-right: 15px;}
#pills-tabs li button.active{color: #fff; background: #f37002;}

.summrisedbox{padding: 10px 0 15px;border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05); margin-bottom: 20px;}
.summrisedbox h3{padding: 0 20px; margin-top: 10px;font-size: 22px;font-weight: 600; line-height: 33px; color: #202020;}
.eventdetails{padding: 0 20px; display: flex; justify-content: flex-start;}
.eventdetails .eventlist{border-left: 1px solid #e0e0e0;  padding: 0px 10px; font-size: 14px;font-weight: 500; line-height: 17px;color: #515151;}
.eventdetails .eventlist:first-child{border-left: 0;    padding-left: 0;}

.smm-itinerary-day{margin-top: 20px;;}
.smm-itinerary-day .smm-itinerary{}
.smm-itinerary .dayhead{background: #f4f6f9; padding: 10px 20px;display: flex; justify-content: space-between;}
.smm-itinerary .dayhead span{ font-size: 15px; font-weight: 600; line-height: 23px; color: #202020;}
.smm-itinerary .dayhead .d1{color: #515151;font-size: 11px;letter-spacing: 2px;}
.daycontent{padding: 15px 20px;}
.daycontent li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; font-size: 13px; line-height: 17px; display: flex; gap: 10px;    align-items: center;}
.mealtrip{border-radius: 5px; padding: 15px 15px 16px;display: flex; gap: 10px; margin: 0px 20px;background: #f4f4f4; font-size: 11px;line-height: 16.5px; margin-bottom: 20px;}
.mealtrip img{width: 16px;}

.tripslider{width: 85%; margin: 0px auto;position: relative;}
.tripsliderp img{height: 100%; width: 100%;  object-fit: cover;border-radius: 10px;}
/* .tripsliderp .swiper-slide:before{height: 50%; width: 100%; content: ""; position: absolute; z-index: 1; left: 0; bottom: 0;  background: linear-gradient(180deg, hsla(0, 0%, 43.1%, 0), rgba(0, 0, 0, .25) 29.51%, rgba(0, 0, 0, .5) 64.58%, rgba(0, 0, 0, .71));    border-radius: 10px;} */
.tripsliderp .swiper-pagination{background: hsl(0deg 0% 100% / 90%);width: 40px;margin: 0px auto;left: 50%;margin-left: -20px;border-radius: 10px;font-size: 10px;bottom: 41px;}
.tripsliderp .swiper-pagination::before{content: ""; display: block;width: 13px; height: 13px; background: hsla(0, 0%, 100%, .5); border-radius: 10px; border: .5px solid #e0e0e0;cursor: pointer; position: absolute;left: -20px;top: 1px;}
.tripsliderp .swiper-pagination::after{content: ""; display: block;width: 13px; height: 13px; background: hsla(0, 0%, 100%, .5); border-radius: 10px; border: .5px solid #e0e0e0;cursor: pointer; position: absolute;right: -20px;top: 1px;}
.tripsliderp .swiper-button-next,.tripsliderp .swiper-button-prev{width: 40px;height: 40px !important;border: 1px solid #fff;border-radius: 100%;background: #000;}
.tripheading{display: flex;align-items: center; gap: 10px; position: absolute; bottom: 0;z-index: 999;left: 20px;}
.tripheading h6{font-size: 50px;font-weight: 700; line-height: 75px;color: #e0e0e0; margin-bottom: 0;}
.tripheading span{display: block; font-size: 12px; font-weight: 500; line-height: 18px; color: #e0e0e0;}
.tripheading span.tripname{font-size: 25px;font-weight: 700; line-height: 30px;}

.daysplan{}
.dayplanlist{box-shadow: 0 0 10px rgba(0, 0, 0, .05);padding: 15px 15px 5px; border-radius: 7px; border: 1px solid #e0e0e0; margin-top: 20px;  padding-bottom: 10px;}
.dayplanlist button{border: 0; background: transparent; display: flex; gap: 15px; font-weight: 500;font-size: 16px; line-height: 24px; color: #202020; width: 100%;    align-items: center; position: relative;}
.dayplanlist button:after{content: ">"; display: block;transform: rotate(-90deg); position: absolute; right: 10px; top: 0; font-size: 20px;  transition: all .7s; -ms-transition: all .7s; -moz-transition: all .7s; -webkit-transition: all .7s;}
.dayplanlist button.collapsed:after{transform: rotate(90deg);}
.dayplanlist button .daynumber {background: #bf500e; padding: 0px 12px; border-radius: 20px; color: #fff;    font-weight: 600; font-size: 12px;}
.daysplancontent{padding-top: 10px;}
.itinerary-day-description{border-top: 1px solid #e0e0e0;padding: 15px;}
.itinerary-day-description p{font-size:14px; line-height: 1.7; margin-bottom: 0;}
.itinerary-day-event{border-top: 1px solid #e0e0e0; padding: 15px 0;}
.itinerary-day-event .eventicon{font-size: 12px; font-weight: 400; line-height: 18px; color: #515151;}
.itinerary-day-event h4{font-size: 14px;line-height: 1.7; margin-bottom: 0; margin-top: 7px;}
.transfer-day{border-top: 1px solid #e0e0e0;    margin-bottom: 20px;}
.transfer-day ul{    padding-left: 20px;}
.transfer-day ul li{border-radius: 7px; border: .5px solid #e0e0e0; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);  padding: 12px;  position: relative;  margin-top: 40px;display: flex; gap: 5px; color: #202020;font-size: 14px; position: relative;}
.transfer-day ul li:before{content: ""; display: block; background: url(../images/icon6.html) center center no-repeat; background-size: 14px 16px; width: 14px; height: 16px; position: absolute;left: -25px;}
.transfer-day ul li:after{content: ""; display: block;border-left: .5px dotted #8e8e8e;position: absolute; left: -18px; height: 72px;top: 28px;}
.transfer-day ul li:last-child:after{display: none;}
.transfer-day ul li span{border-radius: 5px; background: linear-gradient(90deg, rgba(252, 175, 23, .2), hsla(0, 0%, 87.8%, 0)); width: 76px;  display: block;  font-size: 11px;  font-style: normal;  font-weight: 500;  line-height: 16px; text-transform: capitalize; border-bottom-left-radius: 0; padding-left: 5px; padding-bottom: 4px;padding-top: 2px;color: #e9a010;position: absolute;top: -22px;}
.adsbanner{display: flex; gap: 10px;  border-radius: 5px; border: 1px solid #ffebc4;  background: rgba(252, 175, 23, .1);  width: 100%;  height: 49px;  align-items: center;  padding: 0 20px;  margin: 10px 0 0;  color: #e89b03; font-size: 13px; font-weight: 400; margin-bottom: 15px;}

.choosetrip{padding: 20px 20px;}
.choosebox .chooseimg{position: relative;}
.choosebox .chooseimg img{width: 100px;height: 100px; object-fit: cover; border-radius: 10px;}
.choosebox .chooseimg:before{content: "";position: absolute; width: 100%; height: 35px; left: 0; bottom: 0; width: 100px; z-index: 2; border-radius: 10px; background: linear-gradient(180deg, hsla(0, 0%, 43%, 0), rgba(0, 0, 0, .31) 29.51%, rgba(0, 0, 0, .6) 64.58%, rgba(0, 0, 0, .71));}
.choosebox .chooseimg h6{color: #fff; font-size: 15px; line-height: 23px;font-weight: 700; position: absolute; bottom: 5px; left: 7px; z-index: 3;    margin-bottom: 0;}
.choosebox p{margin-bottom: 0;color: #8e8e8e;font-size: 10px; font-weight: 400; word-wrap: break-word; line-height: 15px;}
.choosebox h5{color: #202020;font-size: 12px; font-weight: 700; word-wrap: break-word; line-height: 18px;}

.tripsuggestion{padding: 15px 0 15px 15px;background: rgba(252, 175, 23, .1); border-radius: 5px; position: relative;}
.tripsuggestion:after{content: ""; display: block; background: url(../images/blup.html) center center no-repeat; background-size: 64px 94px; width: 64px; height: 94px; position: absolute; right: 0;top: -15px;z-index: 1;}
.tripsuggestion h3{color: #fcaf17;font-size: 22px; font-style: normal; font-weight: 600; line-height: 33px;}
.tripsuggestion p{color: #c68b16;font-weight: 400;line-height: 18px;margin-bottom: 0;font-size: 12px;}
.tripsuggestionslide{padding-top: 30px;}
.tripsuggestionslide img{height: 150px; width: 240px;border-radius: 10px;}
.tripsuggestionslide h5{font-size: 14px;color: #202020;font-weight: 500; margin-top: 10px; margin-bottom: 0;}
.tripsuggestionslide .swiper-button-prev{top: 23px; right: 50px; left: inherit; border: 1px solid #fc9a3a;  width: 22px; height: 22px;    border-radius: 100%;background: #fc9a3a87;}
.tripsuggestionslide .swiper-button-next{top: 23px;border: 1px solid #fc9a3a; width: 22px; height: 22px; border-radius: 100%;background: #fc9a3a87;}
.tripsuggestionslide .swiper-button-prev:after,.tripsuggestionslide .swiper-button-next:after{font-size: 12px;}

.inclusions{padding: 15px; background: rgba(41, 179, 223, .1);  border-radius: 5px;display: flex; gap: 20px; margin: 10px 0;}
.inclusionshead{font-weight: 500;line-height: 22px;color: #515151;font-size: 15px;flex: 0 0 7%;}
.inclusionscontent{display: flex;justify-content: space-between;flex: 0 0 88%;}
.inclusionscontent .inclusionslist{font-size: 13px; border-left: 1px solid #ddd; flex: 0 0 33%; padding-left: 15px;}

.activitybox{border-top: 1px solid #e0e0e0;padding: 15px 0;}
.activitybox h4{font-size: 14px; font-weight: 500; line-height: 18px; color: #515151; display: flex; gap: 10px;align-items: center;}
.activitybox h5{font-weight: 500;line-height: 22px; color: #202020; font-size: 15px;}
.amazingslide{border-top: 1px solid #e0e0e0;padding-top: 15px; margin-top: 15px;}
.amazingslide h3{line-height: 22px;color: #202020; font-size: 15px; margin-bottom: 15px;}
.amazinglist img{border-radius: 10px;}
.amazinglist p{margin-bottom: 0;margin-bottom: 0; color: #515151; font-size: 13px; padding-left: 5px; margin-top: 5px;}

.daymeal{background: #f4f4f4;border-radius: 5px; padding: 15px 15px 16px;}
.daymeal h6{color: #515151; font-size: 15px;letter-spacing: .45px;line-height: 22.5px;}
.daymeal p{color: #202020;letter-spacing: .42px;line-height: 21px;font-size: 14px; margin-bottom: 0;}




.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: white;
      display: flex !important;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.checklist{background-color: #f4f4f4;  border-radius: 5px; padding: 8px 10px 5px; display: flex;justify-content: space-between;}
.checklabel{font-size: 10px; line-height: 15px; color: #515151; font-weight: 500;flex: 0 0 7%;}
.checklabel span{display: block;font-size: 12px; line-height: 18px;}
.checkspearte{flex: 0 0 83%;  text-align: center;  border-bottom: 1px dashed #8e8e8e;  display: flex;  align-items: center;position: relative; height: 9px;}
.checkspearte .duration{position: absolute;top: 0;left: 50%; font-size: 12px; line-height: 18px; margin-left: -30px; background: #f4f4f4; width: 60px;}
.checkspearte .duration img{width: 10px;margin-top: -2px}

.endtour{text-align: center;padding: 20px 0px 0px;}
.gallerybox{padding: 20px 0;}
.gallerybox img{border-radius: 10px;height: 400px;object-fit: cover;}
.galleryinnerbox .swiper-button-prev,.galleryinnerbox .swiper-button-next{width: 30px; height: 30px; border-radius: 100%; border: 1px solid #fff;}
.galleryinnerbox .swiper-button-prev:after,.galleryinnerbox .swiper-button-next:after{font-size: 10px;}

.attractions{padding: 30px 0px;}
.attractions h2{font-weight: 500; font-size: 24px;}
.attractions p{font-size: 13px; color: gray;}
.attractionbox{position: relative;}
.attractionbox img{    border-radius: 10px;}
.attractionctn{position: absolute;  bottom: 0;  left: 0;  width: 100%; height: 100px; border-radius: 10px;  z-index: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, .63), transparent); display: flex;  align-items: center;  justify-content: center;    text-align: center;}
.attractionctn p{margin-bottom: 0; font-size: 20px; color: #fff;}
.attractionsslide .swiper-wrapper{margin-bottom: 45px;}

.traveltips{padding: 15px 0px;}
.traveltips h2{margin-bottom: 30px; font-size: 24px;}
.traveltips ul{display: flex; gap: 30px;text-align: center;}
.traveltips ul li{padding: 25px; box-shadow: 0px 0px 24px 1px rgb(14 2 8 / 8%); border-radius: 5px;text-align: center; display: flex;  flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
.traveltips li img{width: 75px; height: 75px;}
.traveltips li h4{color: #333;font-size: 21px; margin-bottom: 0;}
.traveltips li p{margin-bottom: 0;font-size: 13px; color: gray;}

.faq{padding: 30px 0;}
.faq h2{color: #ffd906; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 20px;}
.faqbox a{display: block;  font-size: 14px; background-color: #f3f3f3;  color: #000000;  padding: 20px 25px 20px;  margin-bottom: 10px; border-radius: 5px;}
.faqbox a span{margin-right: 7px; padding: 1px 5px; border-radius: 2px; color: #fff; background-color: #415a77; font-weight: 600; display: inline-block;}
.faqbox .collapse p{margin-bottom: 20px; text-align: justify; font-size: 15px;line-height: 25px;}

.outdooractivity{background: url(../images/bali-outdoor-activities.html) center center no-repeat  rgba(0,0,0,.5); background-size: cover;     background-blend-mode: multiply; padding: 30px 0;    margin-top: 20px;}
.outdooractivity h2{font-size: 100px; color: #ffcc00; font-weight: 900;}
.outdooractivity h3{color: #fff;font-size: 20px;}
.outdooractivity ul{}
.outdooractivity ul li{display: flex; margin-bottom: 30px;align-items: center;}
.outdooractivity li .outdoorimg{flex: 0 0 20%;position: relative; z-index: 9;}
.outdooractivity li .outdoorimg img{border-radius: 100%; border: 5px solid #fc0; width: 130px; height: 130px;}
.outdooractivity li .outdoorctn{flex: 0 0 70%; background: #fff;    border-radius: 15px;    margin-left: -30px; }
.outdooractivity li .outdoorctn p{text-transform: uppercase;  font-size: 22px; font-weight: 600; color: #000; margin-bottom: 0; padding: 15px 20px 15px 50px;}

.reviewlist{padding: 30px 0px;}
.reviewlist h2{text-align: center; margin-bottom: 2rem;}
.reviewpoint{background: #fafafa; padding: 15px;}
.reviewpic{display: flex;    margin-bottom: 1rem;}
.reviewpic img{width: 40px;height: 40px; margin-right: 2%;}
.reviewpic .name{color: #000; font-weight: 600;}
.reviewpic .name small{display: block; font-weight: 400; }
.reviewpoint i.fa-star{color: #fb8e28;font-size: 1.2rem;}
.reviewpoint .reviewctn{font-size: .8rem;margin-top: 0.6rem;height: 100px;overflow-y: scroll;}
.reviewpoint1 .swiper-wrapper{margin-bottom: 3rem;}
.nearby{padding: 30px 0;}
.nearby h2 {text-align: center;}
.nearby h4 {font-size:1.4rem;text-align:center}
.nearby .point {font-size:3rem;font-weight:600;margin-bottom:1.5rem}
.nearby .bdrlft {border-left:1px solid #ffcc04}
.visitindia ul {margin:1rem 0 0;    list-style: inside;}
.visitindia ul li {float:left;width:50%;font-size:1.3rem;    font-size: 16px;}
.purposelist {	margin-top:1.8rem}
.purposelist ul li {display:flex;margin-bottom:20px}
.purposelist ul li img {width:60px;margin-right:1rem}
.purposelist ul li h6 {font-size:1.2rem;margin-bottom:0}
.purposelist ul li .progress {height:6px}
.purposelist .progress-bar{background: #ffcc04;}
.daysplancontent li {
  font-size: 13px;
  margin: 10px 0;
  list-style: disc;
  margin-left: 14px;
}
.inclusionslist li{
  list-style: none;
  margin: 0;
}
/* Container */
.ans_secs {
  overflow-x: auto;
  margin: 20px 0;
}
.htlTaBoxx {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* Header */
.htlTaBoxx thead th {
  background-color: #f4f6f9;
  color: #1a0dab;
  text-align: left;
  font-weight: 600;
  padding: 12px;
  border: 1px solid #ddd;
  white-space: nowrap;
}

/* Body Rows */
.htlTaBoxx tbody td {
  padding: 12px;
  border: 1px solid #ddd;
  vertical-align: top;
}

/* Zebra striping */
.htlTaBoxx tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* Strong places */
.htlTaBoxx td strong {
  color: #111;
  font-weight: 600;
}

/* Responsive Table */
@media (max-width: 768px) {
    .main-contact-form .form-group{
    padding-right: 0px;
    padding-left: 0px;
}
    .captcha-code{
        height:46px;
    }
    .testimonials .swiper-slide{
        width:70% !important;
    }
    #overview .inner{
    text-align:left;
}
.book-your-taxi .col-md-6{
    padding: 0px !important;
}
.navbar{
    background: ;
}
.book-your-taxi .btn{
    width: 100%;
}
.banner-bottom p{
    width:100%;
}
  .htlTaBoxx thead {
    display: none;
  }

  .htlTaBoxx,
  .htlTaBoxx tbody,
  .htlTaBoxx tr,
  .htlTaBoxx td {
    display: block;
    width: 100%;
  }

  .htlTaBoxx tr {
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
  }

  .htlTaBoxx td {
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .htlTaBoxx td::before {
    content: attr(data-label);
    position: absolute;
    left: 12px;
    width: 45%;
    white-space: nowrap;
    font-weight: 600;
    color: #1a0dab;
    text-align: left;
  }
}
.ans_secs ul li {
  font-size: 12.5px;
  padding-bottom: 10px;
  display: flex
;
  gap: 5px;
}
.ans_secs ul li img{
  width: 20px;
  height: 20px;
}
.testimonial-card {
  background: #fff;
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0,0,0,0.08); */
  padding: 16px;
  max-width: 800px;
  margin: 20px 0;
  font-family: 'Arial', sans-serif;
  border: 1px solid #eeeeee;
}

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

.profile-pic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 12px;
}

.reviewer-info {
  flex: 1;
}

.reviewer-info h3 {
  margin: 0;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 4px;
}

.review-source {
  font-size: 0.85rem;
  color: #555;
}

.rating {
  text-align: right;
  font-size: 0.9rem;
}

.testimonial-body {
  margin-top: 10px;
  font-size: 0.95rem;
  line-height: 1.5;
}

.testimonial-body a {
  color: #3b5998;
  text-decoration: none;
}

.testimonial-photos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.testimonial-photos img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.provider-card {
  max-width: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 16px;
  font-family: Arial, sans-serif;
}

.provider-card h3 {
  margin: 0 0 12px;
  font-size: 22px;
  color: #333;
  font-weight: 600;
}

.provider-header {
  display: flex;
  align-items: center;
  background: #f5f8fb;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 35px;
}

.provider-pic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.provider-title {
  font-weight: 600;
  color: #333;
}

.provider-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}

.provider-item .icon {
  width: 28px;
  height: 28px;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00754a; /* greenish */
  margin-right: 10px;
}

.provider-item .text {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.4;
}

.whatsapp-btn {
  display: block;
  background: #00754a;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  border-radius: 25px;
  font-weight: 500;
  margin-top: 16px;
}

.provider-outer {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.swiper-button-next,  .swiper-button-prev{width: 40px;height: 40px !important;border: 1px solid #fff;border-radius: 100%;background: #000;}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 14px;
  color: #fff;
}
.todolist h5 span,.myswiper h5 span {
    display: block;
    color: #e37212;
    font-weight: 600;
    font-size: 13px;
    margin-top: 3px;
}
.mobile-cta {
    display: none;
}