.choose-card4a {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
}
.hgsale1{
       color: #051036;
    text-align: right;
    font-size: 14px; 
}
.hgsale2{
        font-size: 16px;
    color: black;
    font-weight: 600;
}
.hgsale3{
        font-size: 14px;

}
.kp-new{
        text-decoration: line-through;
    color: green;
    font-size: 14px;
}
.kp-new2{
    font-size: 14px;
}
.splendid-head-bt{
        border: none;
    padding: 10px;

    background: #cc5500;
    color: white;
    border-radius: 4px;
}
.splendid-header-left{
        display: flex;
    flex-direction: row;
    /* align-content: center; */
    align-items: center;
}
.ctim-nav-links{
           display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.choose-card4a:hover {
  transform: translateY(-5px);
}
.g-filter-item:nth-child(1) {
  display: none;
}
.why-choose-us4a {
  padding: 40px 20px;
  text-align: center;
}

.section-title4a {
  font-size: 32px;
  margin-bottom: 30px;
  color: #222;
}

.grid-container4a {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  max-width: 1200px;
  margin: auto;
}


.icon4a {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}

.choose-card4a h4 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #444;
}

.choose-card4a p {
  font-size: 15px;
  color: #666;
} 
@media (max-width: 991px) {
  .grid-container4a {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid-container4a {
    grid-template-columns: 1fr;
  }

  .section-title4a {
    font-size: 26px;
  }

  .choose-card4a {
    padding: 20px;
  }

  .icon4a {
    width: 45px;
    height: 45px;
  }
}

.hotel-deals {
  display: flex;
  flex-wrap: wrap;
      padding: 60px 0px 0px 0px;
  gap: 16px;
}

.deal-box {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  background-color: #fff7ee;
  flex: 1 1 300px;
  gap: 16px;
}

.deal-box:nth-child(2) {
  background-color: #ffeeee;
}

.deal-box:nth-child(3) {
  background-color: #ffeef1;
}

.deal-box img {
  width: 60px;
  height: auto;
}

.deal-text h4 {
  font-size: 18px;
  color: #000;
  margin-bottom: 4px;
}

.deal-text p {
  font-size: 15px;
  color: #444;
  margin: 0;
}

/* Section container */
.hotel-facilities {
  padding: 60px 0px 0px 0px;
  color: #000;
}

.hotel-facilities h2 {
  font-size: 24px;
  margin-bottom: 16px;
  color: #d94517;
}

.facility-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.facility-item {
  border: 1px solid #ccc;
  padding: 16px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
}

.facility-item p {
  font-weight: 600;
  font-size: 18px;
  color: black;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
      flex-direction: column;
  gap: 8px;
}

.facility-item em {
  color: #d94517;
  font-size: 25px;
}

.facility-item span {
  font-size: 14px;
  color: #555;
  display: block;
  line-height: 1.5;
}


.facility-item:hover {
  transform: translateY(-5px);
}




.visa-card img{
    width: 100%;
    height: 218px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

.category-tours{
        scrollbar-width: none; /* Hides scrollbar in Firefox */
    -ms-overflow-style: none; /* Hides scrollbar in IE/Edge */
    white-space: nowrap; /* Keeps content in a single line */
}
.category-tours::-webkit-scrollbar {
    display: none; /* Hides scrollbar in Chrome, Safari, and Edge */
}
.num-tr{
    color: #d94517;
}
.visa-card{
    flex: 0 0 auto; /* Keep cards in a row */
    scroll-snap-align: start; /* Snap effect */
    width: 250px;
    max-height: fit-content;
    padding-bottom: 100px;
    position: relative;
    border-radius: 12px;
}
.why-choose-us{
    padding: 0px;
}
.visa-wrapper {
    display: flex;
    overflow-x: auto; /* Enable horizontal scrolling */
    scroll-snap-type: x mandatory; /* Smooth scrolling effect */
    gap: 10px; /* Space between cards */
    padding: 10px;
        scrollbar-width: none; /* Hides scrollbar in Firefox */

    white-space: nowrap; /* Prevent wrapping */
}
.visa-wrapper::-webkit-scrollbar {
    display: none; /* Hides scrollbar in Chrome, Safari, and Edge */
}
.visa-free{
    margin: 60px auto;
}
.visa-about{
    box-shadow: 0px 3px 20px #0000001A;
    border-radius: 15px;
    padding: 15px;
    width: 90%;
    background: #fff;
    position: absolute;
    bottom: 20px; /* Stick to the bottom */
    left: 50%;
    transform: translateX(-50%);
}
.visa-freeup p{
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}
.visa-dowwn{
    display: flex
    ;
        padding-top: 10px;
        border-top: 1px solid rgb(0 0 0 / 8%);
        justify-content: space-between;
            align-items: flex-start;
}
.visa-dowwn button{
    border: none;
    background: none;
    color: #d94517;
    font-weight: 600;
}
.visa-dowwn p{
    font-size: 12px;
    color: #52545E;
    margin-right: 6px;

}
.visa-dowwn span{
    font-size: 16px;
    color: #000;
    font-weight: 600;

}
.promo-free {
  background-image: url("https://a.travel-assets.com/travel-assets-manager/492222bf-f4f3-4266-881d-69558f4f8458/destu-41037BEX-USCAINKSAUAE-SpringSaleLTO-DB-Hero-D-928x398_IMAGE_UPDATE.jpg");
  background-size: cover; /* Ensures the image covers the entire area */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents repeating */
  height: 514px;
  width: 100%;
      margin-top: 60px;
    border-radius: 10px;
    color: white;
  display: flex;
  padding: 40px 40px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.ctim-nav-item a{
    padding: 0px 10px;
        display: flex;
    flex-direction: column;
    text-decoration: none;
    align-items: center;
}
.promo-in {
    padding: 24px 16px;
    height: 266px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    width: 35%;
    background: #d94517;
    border-radius: 10px;

    height: 100%;
    max-height: fit-content;

}
.promo-in-p {
    padding-bottom: 20px;
  font-size: 2.25rem;
  font-weight: 400;
  color: white;
  line-height: 2.25rem;
}
.promo-in-p2 {
  font-size: 0.875rem;
  padding-bottom: 20px;
  line-height: 1.125rem;
  color: white;
}
.promo-in-bt {
  background: black;
  color: white;
  padding: 15px;
  border: none;
  /* padding: 0px; */
  font-weight: 600;
  font-size: 14px;
  border-radius: 2500rem;
  width: fit-content;
}
@media only screen and (min-width: 150px) and (max-width: 750px) {
    .promo-in{
        width: 100%;
        border-radius: 0px;
    }
    .hotel-headings h2{
        padding-bottom: 10px;
    }
    .promo-free{
        padding: 0px;
        margin-top: 30px;
    }
 
    .parentno2{
        margin: auto;
    }
    
}
.above-se img{
        width: 100%;
    border-radius: 13px;
}
.above-se{
        width: 100%;
 margin-top: 60px;
}

.promo-carousel{margin: 30px 0px;}
.dest{
    margin-top: 60px;
}
.promo-banner {
  width: 100%;
  text-align: center;
}

.promo-banner img {
  width: 100%;
  margin: auto;
  height: auto;
  display: block;
  border-radius: 10px;
}
.service-review {
    display: none;
}

.contactusparent {
    margin: 30px auto;
    overflow: hidden;
    max-width: 90%;
}  
.contactinner {
    position: relative;
    width: 100%;
    background: #3b3f51;
    padding: 15px;
    border-radius: 10px;
    margin-top: 80px;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    width: 100%;
    height: 120px;
  }
  .contactimg {
    position: relative;
    position: relative;
    width: 49%;
    margin: auto 0%;
  }
  .contactimg img {
    position: absolute;
    top: -181px;
    width: 100%;
    max-width: unset;
    
}
.contacttext {
    display: flex;
    flex-direction: column;
    gap: 17px;
  }
  .contactph {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }
  .contactph img {
    width: 9%;
  }
  .contactemail {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }
  .contactemail img {
    width: 9%;
  }
  .contactp span {
    margin: auto;
    top: -60px;
    font-size: 22px !important;
    position: absolute;
    font-weight: 600;
    color: #000 !important;
    width: 100%;
    display: inline;
  }
  .zam {
    position: relative;
    font-size: 23px;
    font-weight: 500;
    color: #fff;
  }
  


.carousel-containermn {
    width: 80%;
    margin: 40px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--lx-gap);
}

.carouselmn {
    /*aspect-ratio: 16/9;*/

    height: 450px;
    width: 100%;
    position: relative;
    overflow: hidden;
}


.btnu {
    display: none;
    padding: 10px 3px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    outline: none;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    color: #10100e;
    background-color: #ffffff;
    transition: transform 0.2s ease-in-out;
}

.btnu:active,
.btnu:focus {
    transform: translateY(-50%) scale(0.9);
}

.btnu:hover {
    transform: translateY(-50%) scale(0.96);
}

.prev {
    left: -5%;
}

.next {
    right: -5%;
}
.dots-pos{
        position: relative;
    z-index: 100;
}
.dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    background-color: #242421;
    transition: background-color 0.2s ease;
}

.dot.active,
.dot:hover {
    background-color: #ffffe6;
}
  





.popular-tours {
 padding: 60px 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.tour-layout {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 10px;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  align-items: stretch;
}
.tour-left {
    display: grid;
    gap: 10px;
    grid-template-rows: 1fr auto;
}
/* Common Card Styling */
.tour-card, 
.tour-cardb1, 
.tour-cardb2, 
.tour-right1, 
.tour-right2, 
.tour-card-portrait {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Fixed Heights and Widths for Each Card */
.tour-cardb1, .tour-cardb2 {
    height: 220px;
    width: 217px;
}

.tour-right1, .tour-right2 {
    width: 396px;
    height: 220px;
}

.tour-card-portrait {
    width: 336px;
    height: 455px;
}

/* Image Styling to Fit Containers */
.tour-card img,
.tour-cardb1 img,
.tour-cardb2 img,
.tour-right1 img,
.tour-right2 img,
.tour-card-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images fit without distortion */
    border-radius: 10px;
}

/* Layout Sections */
.tour-bottom {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    height: 100%;
}

.tour-right {
    display: grid;
    gap: 10px;
    grid-template-rows: 1fr 1fr;
}


/* Inner Shadow Effect for Images */
.tour-card::after,
.tour-cardb1::after,
.tour-cardb2::after,
.tour-right1::after,
.tour-right2::after,
.tour-card-portrait::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 10px;
    box-shadow: inset 0px -40px 40px rgba(0, 0, 0, 0.7); /* Inner black shadow */
    pointer-events: none; /* Ensure it doesn't block clicks */
}

/* Style for tour text overlay */
.text-tour {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 5px 10px;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
    z-index: 2;
    flex-direction: column;
}

/* Ensure the image container is positioned relative for the overlay */
.tour-card,
.tour-cardb1,
.tour-cardb2,
.tour-right1,
.tour-right2,
.tour-card-portrait {
    position: relative;
    overflow: hidden;
}

.tour-name {
    font-weight: bold;
}

.tour-duration {
    font-size: 12px;
    opacity: 0.8;
}
.popular-tours p{
    font-size: 15px;
}



@media only screen and (min-width: 150px) and (max-width: 900px) {
      .subscribe-container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 14px;
    padding: 20px;
    background-color: rgb(89 89 89 / 25%);
    border-radius: 10px;
    flex-direction: column;
  }
    .popular-tours h2{
        font-size: 1.75rem
    }
    .visa-headings h2{
                font-size: 1.75rem

    }
    .nfak2{
         
    margin-bottom: 0px;

    }
    .tour-layout {
        flex-wrap: nowrap; /* Prevent wrapping */
        display: flex; /* Use flexbox instead of grid */
        overflow: hidden; /* Hide the overflowing cards */
        width: 100%; /* Ensure it takes full width */
        overflow: auto;
scroll-behavior: smooth; /* Smooth scrolling */
    -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
        margin-top: 15px;
        
    }
    .visa-free{
    margin: 30px auto;
}
    .tour-layout::-webkit-scrollbar {
    display: none; /* Hide scrollbar in Chrome, Safari */
}
}
@media only screen and (min-width: 150px) and (max-width: 900px) {
    .tour-card
     {
        /* flex: 0 0 140px; */
        height: 201px;
        width: 181px;
    }
    .tour-cardb1, .tour-cardb2 {
        height: 201px;
        width: 181px;
    }
    
    
    .tour-left, .tour-right{
        display: flex
        ;
    }
    .tour-card-portrait {
        width: 181px;
        height: 201px;
    }
    .tour-right1, .tour-right2 {
        width: 181px;
        height: 201px;
    }
}
@media only screen and (min-width: 150px) and (max-width: 900px) {
    .tour-card img {
        width: 100%;
    }
}

.footer-section-contact{
        display: flex
;
    width: 100%;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between
}

.ft-revws{
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.accordion-ams {
  display: none; /* Hide by default */
}
.trust-links img{
    width: 18px;
        object-fit: contain;
}
.float_phone{
        position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 3%;
    background-color: #187fd9;
    color: #FFF;
    border-radius: 25px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.accordion-ams:focus{
 border: none;   
 outline: none;
}
.associated-text p{
    color: white;
}
.footer {
    background-color: #0e1e2c;
    width: 100%;
    height: auto;
        margin-top: 100px;
    overflow: hidden;
  }
  
  .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .ft-p-1 {
    font-size: 14px;
    font-weight: 700;
    color: white;
    margin-bottom: 6px;
  }
  
  .logo-andabt img {
    width: 129px;
    height: 107px;
  }
  
  .ft-p-2 {
    font-size: 13px;
    color: #d8d8d8;
    line-height: 16px;
    margin-bottom: 2px;
  }
  
  .about-ft {
    display: flex;
    margin-top: 16px;
    flex-direction: column;
  }
  
  .ft-newsletter {
    margin-top: 12px;
  }
  
  .footer-section-links {
    display: flex
;
    width: 100%;
    justify-content: space-evenly;
  }
  .ft-links{
          max-height: fit-content;

  }
  .ft-links-1, .ft-links-2, .ft-links-3 {
    display: flex;

    flex-direction: column;
  }
  
  .ft-link1-title {
    font-size: 14px;
    color: white;
    font-weight: 600;
    margin-bottom: 5px;
  }
  
  .link1-a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.619);
    padding: 4px 0;
    text-decoration: none;
    display: block;
  }
  
  .link1-a:hover {
    color: #cc5500;
  }
  
  .about-us-footer {
    width: 30%;
  }
  
  .lower-ft {
    padding: 20px 0;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
  .lower-ft-padding {
    display: flex;
    padding: 20px 0px;
    flex-direction: row;
    align-items: center;
  }
  
  .lower-about {
    display: flex;
    width: 65%;
    flex-direction: column;
  }
  
  .associated img {
    width: 330px;
    height: 40px;
  }
  
  .associated-text {
    color: #fff;
    margin-top: 10px;
    font-size: 12px;
  }
  
  .ft-revws img {
    width: 63px;
    height: 63px;
  }
  
  .lower-ft-reviews {
    display: flex;
    width: 35%;
    margin-left: 50px;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
  
  .ft-revws-title {
    font-size: 13px;
    color: #ffffff;
  }
  
  .copyright-ft {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 20px;
  }
  
  .copyright-ft-first {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  
  .copyright-ft-p {
    font-size: 11px;
    color: white;
  }
  
  .trust-links {
    display: flex;
    gap: 6px;
    margin-left: 10px;
    font-size: 11px;
  }
  
  .copyright-ft-second {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
  }
  
  .footer-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  
  .footer-item img {
    width: 24px;
    height: 24px;
  }
  
  .footer-item:hover {
    opacity: 0.7;
  }
  
  .trust-links a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.619);
  }
  
  .subscribe-section {
    display: flex;
  }
  
  .upper-ft-padding {
    padding: 25px 0 20px;
    display: flex;
    justify-content: space-between;
  }
  
  .subscribe-container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 14px;
    padding: 20px;
    background-color: rgb(89 89 89 / 25%);
    border-radius: 10px;
    flex-direction: column;
  }
  
  .subscribe-text {
    color: white;
    flex: 1;
    min-width: 300px;
  }
  
  .subscribe-text h2 {
    margin: 0;
    font-size: 15px;
  }
  
  .subscribe-text p {
    font-size: 11px;
    margin-top: 5px;
  }
  
  .subscribe-form {
    display: flex;
    align-items: center;
    background: white;
    padding: 0px;
    border-radius: 50px;
    flex: 1;
    max-width: 400px;
  }
  
  .subscribe-form input {
    border: none;
    padding: 12px;
    font-size: 13px;
    flex: 1;
    outline: none;
    border-radius: 50px 0 0 50px;
  }
  
  .subscribe-form button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 50px;
    font-weight: bold;
  }
  
  .subscribe-form button:hover {
    background-color: #0056b3;
  }
  @media (max-width: 1024px){
    .copyright-ft-first {
      display: flex
  ;
      flex-direction: row;
  }

.footer-item {
    font-size: 10px;
}.footer-item img {
  width: 20px;
  height: 24px;
}
  }
  @media  (max-width: 1040px){

    .footer-section-links {
       width: 60%;
     }
     
     .subscribe-text {
       min-width: 188px;
     }
     
     .subscribe-text p {
       font-size: 9px;
     }
     
     .subscribe-form button {
       font-size: 10px;
     }
     
     .subscribe-form input {
       font-size: 10px;
     }
     
     .about-us-footer {
       width: 37%;
     }
     
     .associated-text {
       font-size: 10px;
     }
     
     .footer-item {
       font-size: 10px;
     }
     
     .trust-links {
       margin: 0 27px;
       font-size: 9px;
     }
     
     .footer-item img {
       width: 15px;
       height: 24px;
     }
   }
 
  
  /* ✅ Tablet (768px and below) */
  @media  (max-width: 768px){

   .footer-section-links {
      width: 60%;
    }
    
    .subscribe-text {
      min-width: 188px;
    }
    
    .subscribe-text p {
      font-size: 9px;
    }
    
    .subscribe-form button {
      font-size: 10px;
    }
    
    .subscribe-form input {
      font-size: 10px;
    }
    
    .about-us-footer {
      width: 37%;
    }
    
    .associated-text {
      font-size: 10px;
    }
    
    .footer-item {
      font-size: 10px;
    }
    
    .trust-links {
      margin: 0 27px;
      font-size: 9px;
    }
    
    .footer-item img {
      width: 15px;
      height: 24px;
    }
  }
  
  @media screen and (max-width: 700px)  {
.lower-ft{
  border-top: none;
}
.ft-links:nth-child(1){
  border-bottom: 1px solid white;
}
.ft-links:nth-child(2){
  border-bottom: 1px solid white;
}
.ft-links:nth-child(3){
  border-bottom: 1px solid white;
}
    .lower-ft-reviews{
      display: none;
    }
    .lower-about {
      display: flex
  ;
      width: 100%;
      flex-direction: column;
  }
  .associated img {
    width: 100%;
    height: 100%;
}
.associated-text {
  color: #fff;
  font-size: 13px;
}
.copyright-ft {
  display: flex
;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 20px;
}
.copyright-ft-first {
  display: flex
;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}
.copyright-ft-p {
  font-size: 10px;
  color: white;
}
.upper-ft-padding{
   
    padding: 25px 0 20px;
    display: flex
;
    justify-content: space-between;
    flex-direction: column;
}

.about-us-footer {
    width: 100%;
}
.footer-section-links {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-direction: column;
}
.ft-link1-title{
  display: none;
}
    .accordion-ams {
      border-bottom: 1px solid white;
      width: 100%;
      padding: 12px 0px 12px;
      background: none;
      color: white;
      border: none;
      text-align: left;
      display: block;
      cursor: pointer;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      transition: 0.3s;
  
  }

  .accordion-ams:hover {
    background: #0056b3;
  }

  .panell {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 15px;
  }

  .ft-link1-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    color: #333;
  }

  .link1-a {
    display: block;
    text-decoration: none;
    color: #d8d8d8;
    padding: 5px 0;
    transition: color 0.3s;
  }

  .link1-a:hover {
    color: #0056b3;
  }
}
.pt2 img{
    width: 250px;
    height: 250px;
    margin: 10px auto;
    object-fit: contain;
}
.h2-btn{
    display: flex
;
    justify-content: space-between;
    align-items: center;

}
.bravo_tour_book_app {
    display: block;
}
.nav-buttons-jaye{
        display: flex
;
    padding-bottom: 4px;
}
.pto{
    display: none;
}
.pt2{
        display: flex
;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}


.g-field-search, .g-form-control{
    display: none;
}

.category-tours a {
    text-decoration: none;
    color: black;
    font-weight: 400;
    border: 1px solid #9D9D9D;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 15px;
    transition: all 0.3s ease;
}
@media (max-width: 768px) {
.category-tours{
        flex-wrap: nowrap;
        overflow: auto;
}
.category-tours button {
        text-decoration: none;
                white-space: nowrap;
                padding: 8px;
        color: black;
        font-weight: 400;
        border: 1px solid #9D9D9D;
        border-radius: 5px;
margin: 3px auto;
height: auto;
        font-size: 13px;
        transition: all 0.3sease;
    }
}
@media (max-width: 427px){

.category-tours button {
        text-decoration: none;
                padding: 8px;
        color: black;
        font-weight: 400;
        border: 1px solid #9D9D9D;
        border-radius: 5px;
margin: 3px auto;
height: auto;
        font-size: 13px;
        transition: all 0.3sease;
    }
    .nfak2{
               margin: 15px 0px 0px;

    width: 70%
}
}
@media (max-width: 768px) {
    .destina h2{
        font-size: 1.75rem;
    }
    .destina p{
           font-size: 0.7rem;
    padding-bottom: 0px;
    width: 70%
    }
  
}
@media (max-width: 427px){
      .india-parts{
            flex-wrap: nowrap;
    overflow: auto;
    gap: 10px;
        scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; 


    }
    .card-destination{
        width: 181px;
    height: 201px;
    }
    .india-parts a {
        text-decoration: none;
        color: black;
        font-weight: 400;
        border: 1px solid #9D9D9D;
        border-radius: 5px;
margin: 3px auto;
height: auto;
        font-size: 13px;
        transition: all 0.3sease;
    }
}

.nav-btnn{
        display: flex
;
    flex-direction: row;
    align-items: center;
}





@media (max-width: 768px) {
    
    .hotels h2 {
        font-size: 1.75rem;
                margin-bottom: 0px;
        font-size: 1.75rem;
        padding-bottom: 0px;
    }
    .hotels p {
    font-size: 0.75rem;
}
.hotel-header{
display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.nav-title{
    display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}





@media (max-width: 426px) {
   .hotels h2 {
    font-size: 1.25rem;
}
.nav-title{
            padding-bottom: 16px;
}
.hotel-header{
        width: 77%;
            padding-top: 11px;

}
.nav-buttons img{
        width: 55px;
    height: 55px;
}
    .staycards {
        flex: 0 0 auto;
        scroll-snap-align: center;
        width: 100%;
        max-width: 148px;
        height: 198px;
    }
}
@media (max-width: 768px) {
       .hotel-headings h2 {
        font-size: 1.75rem;
     
    }
.nfakks{
 
    font-size: 0.75rem;
        padding-top: 13px;
    margin-bottom: 20px;
}
.hotel-headings{
        margin-bottom: -20px;
}
.hotel-tour-card {
    width: 218;
    flex: 0 0 auto;
    height: 223;
    margin-right: 10px;
}
.lower-heading-ht {
    padding: 10px 10px 20px
}
.review-hotel button{
    padding: 1px 6px;
}
.about-rating {
    font-size: 12px;
}
.review-hotel {
    display: flex
;
    flex-direction: row;
    padding-left: 10px;
    padding-bottom: 13px;
    align-items: center;
    justify-content: flex-start;
}
}

@media (max-width: 426px) {
 .hotel-headings h2{
     font-size: 1.25rem;
 }

 .nfakks{
font-size: 0.7rem;
}
 .hotel-headings{
        margin-bottom: -28px;
}
}


@media (max-width: 376px) {
 .hotel-headings{
margin-bottom: -10px;
}
}
@media (max-width: 321px) {
.hotel-tour-card {
    width: 214px;
    flex: 0 0 auto;
    height: 179px;
    margin-right: 10px;
}
.review-number {
    color: #5c5c5c;
    font-size: 11px;
    margin-bottom: 0px;
}
.about-rating {
    font-size: 12px;
    font-weight: 600;
    padding: 0px 5px;
    margin-bottom: 0px;
}
}
.review-hotel button {
    background: #227950;
    border: none;
    color: white;
    padding: 1px 7px;
    border-radius: 5px;
    cursor: pointer;
}
}





























.float_phone {
     position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 3%;
    background-color: #187fd9;
    color: #FFF;
    border-radius: 25px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.fw {
        position: fixed;
    width: 60px;
    height: 60px;
    bottom: 143px;
    right: 3%;
    background-color: #2da110c9;
    color: #FFF;
    border-radius: 25px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}










/* Hero Section */
.herosection {
    margin-bottom: 80px;
    width: 100%;
    position: relative;
    max-width: 1280px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
}

.herosection img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 1;
}

/* Opacity Layer */
.opacityhero {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(40, 40, 40, 0.23);
    z-index: 2;
    height: 100%;
}

/* Hero Text */
.herotext {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 40px;
    font-weight: 500;
    font-family: 'StrongGirl', sans-serif;
    z-index: 100;
    text-align: center;
}

/* Hero Second Section */
.herosecon {
    position: absolute;
    top: 110px;
    left: 33%;
    z-index: 10;
}

.herosecon p {
    text-align: center;
    color: white;
    font-weight: 500;
    font-size: 28px;
}

/* Search Bar */
.search-bar {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 600px;
    width: 100%;
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.search-bar input {
    flex: 1;
    padding: 10px 20px;
    font-size: 12px;
    border: none;
    border-radius: 30px;
    outline: none;
}

.search-bar button {
    padding: 10px 20px;
    font-size: 12px;
    background-color: #cc5500;
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.search-bar button:hover {
    background-color: #b34500;
}

/* Owl Carousel */
.owl-carousel .owl-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.filter-btn-category {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 15px;
    color: #333;
    transition: background 0.3s;
}

.filter-btn-category.tab-active {
    background: #ff6600;
    color: white;
    border-radius: 5px;
}
.filter-btn-category, .tab {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 5px;
    border: 1px solid #9D9D9D;
    background: #FFF;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.category-tours-carousel {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
      -ms-overflow-style: none;  /* Hide scrollbar for IE and Edge */
  scrollbar-width: none;  /* Hide scrollbar for Firefox */
    padding-bottom: 10px; /* Adds spacing below */
}

.category-tours-wrapper {
    display: flex;
    gap: 20px; /* Adds spacing between items */
}

.parentno2 {
    flex: 0 0 auto; /* Prevents items from wrapping */
    width: 360px; /* Adjust width as needed */
}

/* Updated styles for category-tours */
.category-tours {
    padding: 16px 0px 0;
    display: flex;
    gap: 10px;
}

/* Updated styles for category-tours links */


/* Active state for category buttons */
.category-tours a.active {
    color: white;
    border-color: #cc5500;
    background-color: #cc5500;
}

/* Updated styles for filter buttons in category-tours */


/* Updated active tab styles */
.tab-active {
    background-color: #cc5500;
    color: white;
    border-color: #cc5500;
}





.gojo-wrapper {
    display: flex;
    gap: 20px; /* Adjust spacing */
    transition: transform 0.3s ease-in-out; /* Smooth movement */
    white-space: nowrap;
}

.hotel-tour-card {
    flex: 0 0 auto;
    width: 300px; /* Adjust as needed */
}

.btnsuper-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.hotel-tours::-webkit-scrollbar {
        display: none;
    }
    .luffy-container {
        position: relative;
        display: flex;
        align-items: center;
    }
    .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 10;
    }
    #prevBtn {
        left: 0;
    }
    #nextBtn {
        right: 0;
    }
.btnsuper-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.btnsuper-item {
    min-width: 100%;
    flex: 0 0 auto;
    text-align: center;
    background: #ddd;
    padding: 20px;
}

/* Navigation Buttons */
.btnsuper-btn {
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.btnsuper-prev { left: 10px; }
.btnsuper-next { right: 10px; }





/* General styles */
  

/* Navigation: Flexbox with wrap */
.india-parts {
     display: flex
;

    /* justify-content: center; */
    padding-bottom: 16px;
}

.dest p {
    font-size: 15px;
}

/* Navigation links */
.india-parts a {
    text-decoration: none;
    color: black;
    font-weight: 400;
    border: 1px solid #9D9D9D;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    display: block;
}

.india-parts a.active {
    color: white;
    border-color: #cc5500;
    background-color: #cc5500;
}

.india-parts a:hover {
    color: #cc5500;
}

/* Destination filter button */
.destination-filter-btn {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    padding: 8px 15px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #9D9D9D;
    background: #FFF;
    line-height: 1;
    height: 34px;
    white-space: nowrap;
}

/* Carousel styles */
.destinationc-carousel {
    display: flex;
        margin-top: 10px;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
}

.destinationc-carousel::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome */
}

/* Destination Cards */
.card-destination {
    flex: 0 0 auto;
    width: 250px;
    max-height: 217px;
    border-radius: 12px;
    overflow: hidden;
    scroll-snap-align: start;
}

.card-destination img {
    width: 100%;
    height: 218px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

.destination-span {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.destination-name {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.num-tr {
    font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .destinations {
        padding: 12px 3%;
    }

  

    .india-parts a {
              text-decoration: none;
        color: black;
        font-weight: 400;
        border: 1px solid #9D9D9D;
        border-radius: 5px;
       padding: 8px 9px;
font-size: 13px;
        transition: all 0.3sease;
    }

    .destinationc-carousel {
        gap: 15px;
    }

    .card-destination {
        width: 200px;
    }
}

    
    
    
    


.malaysia-ad img {
  width: 100%;
  border-radius: 10px;
  object-fit: contain;
}
.malaysia-ad {
  padding: 30px 0px;
}
.inner-malad {
  border-radius: 10px;
  width: 100%;
}





.hotelcards {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    transform: scale(1);
        scroll-snap-align: start;
    flex-direction: column; /* Ensure cards align properly */
}


.hotel-carousel {
        overflow: auto;
    display: flex;
        transition: height 0.3s ease-in-out;
    overflow-x: auto; /* Enable horizontal scrolling */
        scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  
    gap: 16px;
    padding: 10px 0;
    margin: 0;
    
}
.hotel-carousel::-webkit-scrollbar {
    display: none; /* Hide scrollbar for a cleaner look */
}

.tab-active {
    font-weight: bold;
    color: #fff;
    background-color: #007bff; /* Active button styling */
}


@media (max-width: 1024px){
    .hotel-tour-card {
    width: 225px;
    flex: 0 0 auto;
    height: 228px;
    margin-right: 10px;
    }
}

.destinations-stays {
display: flex;
    gap: 10px;
    flex-wrap: wrap;

}


.hotelpackages {
    margin-top: 60px;
}
 .nfa {
    font-size: 15px;
}

@media (max-width: 769px) {
    .nfa{
    padding-top: 10px;

    }
}

.destinations-stays a {
    text-decoration: none;
    font-weight: 400;
    border: 1px solid #9D9D9D;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 15px;
    transition: all 0.3s ease;
}
@media (max-width: 426px) {
      .destinations-stays {
               align-items: center;
        display: flex
;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .nfa{
            font-size: 0.7rem;
    padding-bottom: 0px;
    width: 70%;
    }
        .destinations-stays a {
        text-decoration: none;
        color: black;
        font-weight: 400;
        border: 1px solid #9D9D9D;
        border-radius: 5px;
        padding: 3px auto;
        font-size: 13px;
        transition: all 0.3sease;
    }
}
@media (max-width: 378px) {
    .nfa {
        padding-top: 0px;
    }
}
.destinations-stays a.active {
    color: white;
    border-color: #cc5500;
    background-color: #cc5500;
}

.filter-btn, .tab {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 5px;
    border: 1px solid #9D9D9D;
    background: #FFF;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-active {
    background-color: #d94517;
    color: white;
    border-color: #d94517;
}

.carousel-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 16px 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.carousel-container {
    flex: 1;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    box-sizing: border-box;
}

.carousel-container::-webkit-scrollbar {
    display: none;
}



.hotelcards {
    flex: 0 0 auto;
    width: 265px;
    height: 221px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #b5b5b5;
    background-color: #fff;
    transition: transform 0.3s ease;
}

.hotel-container {
    display: flex;
    flex-direction: column;
}

.upperhotel img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.lowertext {
    padding: 10px;
    text-align: left;
    background-color: white;
}

.city {
    font-size: 16px;
    font-weight: 600;
    color: black;
}

.parent {
    font-size: 14px;
    color: black;
}

.carousel-btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.carousel-btn:hover {
    background-color: #0056b3;
}

.left-btn, .right-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
}

.left-btn {
    left: 10px;
}

.right-btn {
    right: 10px;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .carousel-wrapper {
        padding: 16px;
    }
    .hotelcards {
        width: 303px;
    }
}

@media (max-width: 768px) {
    .carousel-wrapper {
        padding: 10px;
    }
    .hotelcards {
               width: 218px;
    }
    .carousel-btn {
        font-size: 16px;
        padding: 8px 12px;
    }
    .destinations-stays {
        align-items: center;
    }
    .destinations-stays a{
    text-decoration: none;
    color: black;
    font-weight: 400;
    border: 1px solid #9D9D9D;
    border-radius: 5px;
    padding: 3px 9px;
    font-size: 13px;
    transition: all 0.3sease;
    }
}

@media (max-width: 480px) {
    .hotelcards {
        width: 60%;
    }
    .carousel-btn {
        font-size: 14px;
        padding: 6px 10px;
    }
    .left-btn, .right-btn {
        padding: 8px;
    }
}
.hotel-carousel {
    display: flex;
    gap: 20px;
        overflow: auto;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
}

.hotel-carousel {
    display: flex;
    gap: 10px; /* Adjust spacing */
    transition: transform 0.3s ease-in-out;
    white-space: nowrap;
    overflow: auto;
}



.hidden {
    visibility: hidden;
    position: absolute;
}
.hotel-tours {

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    
    display: flex;

    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; 
}
.inner-hotr{
    margin-top: 60px;
}
.review-hotel{
 display: flex;
    flex-direction: row;

    align-items: center;
    padding-left: 10px;
    padding-bottom: 13px;
}
.hotel-tours::-webkit-scrollbar {
    display: none;
}

.hotel-tour-card {
    flex: 0 0 auto;
    height: 228px;
    scroll-snap-align: start;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

 **Mobile (1 Full Container)** 
@media (max-width: 600px) {
    .hotel-tour-card {
        width: 100%; 
    }
}

 **Tablet (1.5 Containers)** 
@media (min-width: 601px) and (max-width: 1024px) {
    .hotel-tour-card {
        width: 65%; 
    }
}

 **Larger Screens (2 Containers + Half)** 
@media (min-width: 1025px) {
    .hotel-tour-card {
        width: 48%;  
    }
}

 **Navigation Buttons (Fix Positioning) ** 
.nav-buttons {
    display: flex;
    position: relative;
    gap: 10px;
}

.zoro-prev,
.naruto-next {
    cursor: pointer;
    /*position: absolute;*/
    top: 50%;
    transform: translateY(0%);
    width: 40px;
    height: 40px;
  
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.zoro-prev {
    left: 10px;
}

.naruto-next {
    right: 10px;
}

.hotel-headings {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    }

  .nav-buttons {
    display: flex;
    gap: 10px;
  }

.hotels-tours {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
}

.inner-hotr {
    display: flex;
    flex-direction: column;
}

.hotel-headings p {
    font-size: 15px;
}

.gojo-wrapper {
    display: flex;
    height: 255px;
    white-space: nowrap;
}

 Allow wrapping on smaller screens 
@media (max-width: 768px) {
    .gojo-wrapper {
        white-space: normal;
        overflow-x: auto;
    }
}

.hotel-tours {
    display: flex;
        width: 239px;
    transition: transform 0.5s ease;
}

.hotel-tour-card {
    width: 245px;
    flex: 0 0 auto;
    height: 228px;
    margin-right: 10px;
}

 Make the cards responsive 
@media (max-width: 768px) {
    .hotel-tour-card {
        max-width: 100%;
        width: 90%;
    }
}

.upper-ht {
    overflow: hidden;
    border-top-left-radius: 10px;
    height: 118px;
    border-top-right-radius: 10px;
}

.hotel-image img {
    height: 118px;
    width: 100%;
    object-fit: cover;
}

.lower-hotel-card {
    border: 1px solid #9D9D9D;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.lower-heading-ht h4 {
padding-bottom: 5px;
    font-size: 15px;
    margin-bottom: 0px;
}
.lower-heading-ht{
    padding: 10px;
    font-size: 15px;

}

.lower-heading-ht p {
    font-size: 13px;

    color: #5c5c5c;

}

.lower-heading-ht h4 {
    font-weight: 500;
}

 Review Section 
.review-hotel {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0px 10px 10px 10px;
}

.review-hotel button {
    background: #227950;
    border: none;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

 Make button full-width on mobile 
@media (max-width: 768px) {
    .review-hotel {
        flex-direction: column;
        align-items: center;
    }

    .review-hotel button {
        width: 100%;
        margin-top: 8px;
    }
}

.about-rating {
    font-size: 13px;
    font-weight: 600;
    padding: 0px 5px;
    margin-bottom: 0px;
}

.review-number {
    color: #5c5c5c;
    font-size: 12px;
    margin-bottom: 0px
}





.hotels {
    margin-top: 30px;
}

.hotels h2,
.hotels p {

}

.hotels p {
    font-size: 15px;
}

.staying {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;

}

.staycards {
    height: 302px;
    width: 227px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.staycards img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.staycards::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.94), transparent);
}

.staytext {
    position: absolute;
    bottom: 10px;
    left: 19px;
    z-index: 100;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

/* Responsive: Switch to a horizontal scroll (carousel) on smaller screens */
@media (max-width: 1024px) {
    .staying {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 10px;
        
        scrollbar-width: none;
        -ms-overflow-style: none;
        white-space: nowrap;
        touch-action: auto; /* Allows vertical scrolling */
    }


    
    .staying::-webkit-scrollbar {
        display: none;
    }
    
    .staycards {
        flex: 0 0 auto;
        scroll-snap-align: center;
        width: 100%;
        max-width: 181px;        height: 201px;
    }
}



/* Promo Cards Grid */
.promocards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 20px; /* Space between cards */
}

/* Individual Promo Ticket */
.promoticket {
    display: flex;
    width: 100%;
    max-width: 390px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    background: #ffda11;
}

/* Left Side (Text Section) */
.leftticket {
    width: 50%;
    padding: 10px;
    background: #d94517;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Text Inside Left Section */
.leftp {
    font-size: 12px;
    font-weight: bolder;
    margin-bottom: 0px;
      padding-top: 22px;
      background: #d94517;
    color: black;
    padding-bottom: 9px;
}

/* Learn More Link */
.learnmore {
    font-size: 12px;
    font-weight: 300;
    color: black;
    cursor: pointer;
}

/* Right Side (Image Section) */
.rightticket {
    width: 50%;
}

.rightticket img {
    height: 110px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 10px 10px 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .promocards {
        grid-template-columns: repeat(3, 1fr);    }
}

@media (max-width: 768px) {
    .promocards {
       grid-template-columns: repeat(3, 1fr); /* 1 column on mobile */
    }
    .leftp {
    font-size: 10px;
    font-weight: bolder;
    margin-bottom: 0px;
    padding-top: 22px;
    color: black;
    padding-bottom: 9px;
}
.learnmore {
    font-size: 10px;
    font-weight: 300;
    color: black;
    cursor: pointer;
}
}

@media (max-width: 500px) {
      .promocards {
        overflow-x: auto;
        /* grid-template-columns: repeat(1, 1fr); */
        display: flex
;
        flex-direction: row;
    }
    .promoticket {
    display: flex
;
    width: 100%;
    max-width: 275px;
    height: 104px;
    border-radius: 10px;
    overflow: hidden;
    background: #ffda11;
}
.promo-carousel{
    width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
        scrollbar-width: none;
    -ms-overflow-style: none;

    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
}
.promo-carousel::-webkit-scrollbar {
    display: none;
}

.promocards{
    display: flex
;
    gap: 15px;
   
    width: max-content;
}
 
}
@media (max-width: 321px) {
        .promoticket {
        display: flex
;
        width: 100%;
        max-width: 228px;
        height: 104px;
        border-radius: 10px;
        overflow: hidden;
        background: #ffda11;
    }
        .leftp {
        font-size: 10px;
        font-weight: bolder;
        margin-bottom: 0px;
        padding-top: 10px;
        color: black;
        padding-bottom: 9px;
    }
}


.carousel-container {
            position: relative;
            width: 80%;
            max-width: 800px;
            margin: auto;
            overflow: hidden;
        }

        .carousel {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            scroll-behavior: smooth;
            scrollbar-width: none;
        }

        .carousel::-webkit-scrollbar {
            display: none;
        }

        .slide {
            min-width: 200px;
            height: 150px;
            background-color: lightblue;
            text-align: center;
            line-height: 150px;
            font-size: 20px;
            font-weight: bold;
            border-radius: 10px;
        }

        /* Navigation buttons */
        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
            transition: 0.3s;
            z-index: 10;
        }

        .nav-button:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .prev {
            left: -50px;
            display: none;
        }

        .next {
            right: -50px;
        }

        @media (max-width: 768px) {
            .prev {
                left: 5px;
            }

            .next {
                right: 5px;
            }
        }
.description h2{
    text-align: left;
}
.bravo_wrap .bravo_search_tour .bravo-list-item .list-item .item-tour .service-review {
    margin: 10px 15px 15px;
    display: none;
}
.panel.open p{
    font-size: 10pt;
    color: black;
}
.icofont-wall-clock:before {
    content: "\1F557";
    font-size: 30px;
}.
.icofont-beach:before {
    content: "\1F3AB";
    font-size: 30px;
}
.icofont-island-alt:before {
    content: "\1f30d";
    font-size: 30px;
}
.view-more-container {
    text-align: center;
    margin-top: 10px;
}
@media (max-width: 766px) {
    .bravo_wrap .bravo_detail_tour .bravo_content .g-tour-feature .item {
        margin-bottom: 15px;
    }
}
.left span{
    font-size: 13px;
}

.view-more-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff7a18, #af002d);
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.view-more-btn:hover {
    background: linear-gradient(135deg, #af002d, #ff7a18);
    transform: scale(1.1);
    text-decoration: none;
    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.3);
    color: white;
}


.fa-clock-four:before, .fa-clock:before {
    content: "\f017";
    color: #cc5500;
    padding-right: 2px;
}
.fa-location-dot:before, .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #cc5500;
    padding-right: 5px;
}
.thumb-image {
    /* padding-bottom: 0px; */
}
.panel.open span{
        font-size: 14px;
    color: #000000;
    line-height: 30px;
}
.bravo_wrap .bravo_detail_tour .bravo-list-tour-related .item-tour .item-title {
    margin: 0 15px 0;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 22px;
    min-height: 45px;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li > .menu-dropdown li:not(:last-child) a {
    border-bottom: 2px dotted #cc5500;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li > .menu-dropdown {
    list-style: none;
    position: absolute;
    left: 0;
    top: 120%;
    padding-left: 0;
    margin-bottom: 0;
    min-width: 260px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFF;
    box-shadow: 0 1px 1px #dbdbdb;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}


.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li > .menu-dropdown li a {
    padding: 12px 0;
    display: block;
    font-size: 12px;
}
.bravo_wrap .bravo_detail_tour .bravo_content .g-overview h4, .bravo_wrap .bravo_detail_tour .bravo_content .g-overview strong {
    color: #000000;
    font-weight: bolder;
}
.ttshut{
    display: inline-block;
    margin: 0px 10px;
    padding: 0 10px;
    color: white;
    font-size: 15px;
    word-spacing: 10px;
}
.ttshut a{
    text-decoration: none;
    color: white;
}
.faq-container {
    max-width: 100vw;
    margin: 50px auto;
    background-color: #333;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    animation: fadeIn 1s ease-in-out;
}

.faq-container h1 {
    font-size: 2.8em;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
}

.faq-item {
    margin-bottom: 20px;
    position: relative;
}

.faq-question {
    font-size: 1.2em;
    font-weight: bold;
    background-color: #222;
    color: #fff;
    padding: 18px 30px;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.faq-question:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.faq-question:hover {
    background-color: #444;
    transform: scale(1.05);
}

.faq-question:hover:before {
    opacity: 1;
}

.faq-answer {
    display: none;
    padding: 20px;
    background-color: #444;
    border-left: 4px solid #ff9f00;
    border-radius: 10px;
    margin-top: 15px;
    color: #ddd;
    font-size: 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.faq-answer p {
    line-height: 1.6;
}

.faq-answer.show {
    display: block;
    opacity: 1;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .faq-container {
        padding: 20px;
    }

    h1 {
        font-size: 2.2em;
    }

    .faq-question {
        font-size: 1em;
    }
}

.elfsight-app-6f6f01a9-c4d6-47f2-a0e6-1c4e551cd5ec {
        display: block;
        width: 100%;
        max-height: none; /* Allow it to expand */
    }

p{
    color: #000000
}
.carousel-container {
    position: relative;
                overflow: hidden; /* Ensure content does not overflow */
width: 100%;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    display: none;
    width: 100%;
    transition: transform 0.6s ease-in-out;
}

.carousel-item.active {
    display: block;
}

.carousel-inner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    height: auto;  /* Auto height to maintain aspect ratio */

}

   /* Responsive Styles */
        @media (max-width: 768px) {
            .carousel-inner img {
                height: 108px;  /* Slightly smaller image size on tablets */
            }
            
            .indicator {
                width: 10px;  /* Smaller indicator size on tablets */
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-inner img {
                height: 108px;  /* Smaller image size on mobile */
            }
            .indicator {
                width: 8px;  /* Even smaller indicator size on mobile */
                height: 8px;
            }
        }
.indicators {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ccc;
    transition: background-color 0.3s ease;
}

.indicator.active {
    background-color: #cc5500;
}

.tur-title {
color: #222;
    border-bottom: 1px dashed #828282;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: -20px;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 35px;
 
}
.tur-tit{
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .tur-title {
        font-size: 20px;
        line-height: 22px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .tur-title {
        font-size: 22px !important;
        line-height: 24px !important;
    }
}
.middle-hr {
    margin: -4px auto;
    border-bottom: 5px solid #ff7f23;
    width: 90px;
    position: relative;
    margin-bottom: 15px;
}
.con-container {
            position: absolute;
            inset: 0;
            padding: 24px 20px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
            color: white;
            text-align: center;
        }

        /* Title Styling */
        .tit{
          color: #ee7c2b;
    font-size: 38px;
    font-weight: 600;
    line-height: normal;
    padding: 0px;
    margin-bottom: 0px;
        }

        /* Subtitle Styling */
        .subtit {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: normal;
        }
         .buttons-container{
          display: flex;
          gap: 30px;
        }
.buttons-container a{
  text-decoration: none;
}
 /* Callback Button Styling */
        .callback-but {
            color: black;
            font-size: 14px;
            font-weight: 500;
            border-radius: 7px;
            background: #fff;
            display: flex;
            justify-content: center;
            border: none;
            align-items: center;
            padding: 12px 24px;
            max-width: fit-content;
            cursor: pointer;
            margin: 5px;
        }

        .callback-but:hover {
            background-color: #e67342;
            color: white;
        }
        .buttons-container{
          display: flex;
          gap: 30px;
        }
.buttons-container a{
  text-decoration: none;
}

.containerparent2{


        width: 100%;
    display: flex;
    flex-wrap: wrap;
                margin-top: 30px;
        overflow-x: auto; /* Ensures horizontal scrolling is possible */
    scrollbar-width: none; /* Hides scrollbar in Firefox */
    -ms-overflow-style: none; /* Hides scrollbar in IE/Edge */


}
/*@media (min-width: 1200px) {*/
/*    .container {*/
/*        max-width: 100%;*/
/*        padding: 0px 40px;*/
/*    }*/
/*}*/

.parentno2 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
}
@media only screen and (max-width: 1024px) and (min-width: 767px) {
   .parentno2 {
        width: 50% !important;
    }
}
@media (min-width: 768px) {
    .parentno2 {
        width: 25%;
    }
}


.parentno3 {
    padding-top: 10px !important;
}
.parentno3 {
    box-sizing: border-box;

    padding-right: 15px;
    width: 100%;
}
.parentno3::before
{
  content: " ";
  display: table;
}
@media only screen and (max-width: 767px) {
   .parentno3 {
        padding: 0 !important;
    }
}

.parentno5{
  margin-bottom: 0px;
}
.tourdisplay{
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
.tourdisplaythumb{
  position: relative;
  padding: 9px 9px 0px 9px;
}
.tourdisplaythumb img {
    border-radius: 10px;
    min-height: 1px;
    display: inline-block;
    color: transparent;
    height: auto;
    width: 100%;
    font-size: 0;
    vertical-align: middle;
     object-fit: cover;
    max-width: 500px;
    overflow: clip;
    border: 0;
}
.tourduration{
  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: 13px;
    font-weight: 400;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.tourduration::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;
}

.tourduration span{
  position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 1px;
    font-family: "Sarabun", 'Rubik', 'Jost', serif !important;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}
.tourduration 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;
}
.tourduration 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;
}
.tourdisplaycontain{
  padding: 0px 9px 0px 9px;
}
.tourdisplaycontain h3 {
    color: #3F51B5;
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 5px;
    line-height: 24px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
}
.tourdisplaycontain p {
    color: #525252;
    padding: 0 0 20px;
    margin: 0;
    vertical-align: baseline;
    outline: none;

    font-size: 12px;
    font-weight: 400;
    padding-bottom: 0;
    line-height: 15px;
    padding-bottom: 4px;
}

.tourdisplaycontain p b{
    color: #000;
}

.tourdisplaycontains p i {
    color: #FF5722;
}
.tourdisplaycontain ul{
  margin-bottom: 8px;
  list-style-type: none;
  list-style-position: inside;
  box-sizing: border-box;
  background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: baseline;
    outline: none;
}
.tourdisplaycontain li{
  border: 1px solid #ccc;
    border-radius: 999px;
    padding: 0px 9px;
    display: inline-block;
    font-size: 10px;
    color: #000;
    margin-right: 3px;
    vertical-align: baseline;
    outline: none;
    margin: 0;
    position: relative;
    text-align: center;
}

.tourdisplaycontain ul li:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    padding: 0 10px 0 0;
}
.tourdisplaycontain ul li::before{
  display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    position: relative;
}
.tourdisplaybtm{
  justify-content: space-between;
  align-items: stretch;
  background: #ebf1ff;
  padding: 9px;
  border: 0;
    margin-top: 10px;
    vertical-align: baseline;
    outline: none
}
.tourdisplaybtm1{
  background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}
.tourdisplaybtm1 p {
    color: #525252;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 0;
}
.hg-sale{
    font-size: 16px;
}
.kp-new{
    font-size: 14px;;
}
.splendid-review{
    padding-bottom: 10px;
}
.rev-count{
        display: block;
    padding-bottom: 15px;
}
.tourdisplaybtm1 span{
    line-height: 14px;
    border-left: 1px solid #ccc;
    padding-left: 5px;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}
.tourdisplaybtm2{
        width: 40%;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
  background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    font-family: "Sarabun", 'Rubik', 'Jost', serif !important;

}
.enquiryBtn  {
    font-weight: bold;
    align-items: center;
    color: #3F51B5;
    border-radius: 4px;
    padding: 0 7px;
    border: 1px solid #3F51B5;
    display: inline-block;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 22px;
    background: #fff;
    outline: 0;
    text-decoration: none;
    vertical-align: baseline;
}
.icofont-wall-clock:before {
    content: "\1F557";
    font-size: 30px;
}
.vdbtn{
    align-items: center;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    padding: 0 7px;
    font-weight: 400;
    border: 1px solid #FF5722;
    display: inline-block;
    background: #FF5722;
    transition: color 0.3s ease-in-out
}
.nav-title{
        display: flex
;
    justify-content: space-between;
    align-items: center;
}
.form-content {
    display: none;
}
.form-section-total{
    display: none;
}
.nav-enquiry{
    display: none;
}
.submit-group{
    display: none;
}

/* Dropdown Menu */


.ctim-dropdown-menu {
    display: none;
    position: absolute;
    top: 55px;
    left: 69px;;
     max-width: 90vw;
    transform: translateX(-50%) translateY(10px);
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    min-width: 220px;
    border-radius: 8px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.cloned-dropdown {
  background: white;
  border-radius: 8px;
  min-width: 220px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
  display: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Dropdown menu items */
/*.ctim-dropdown-menu a {*/
/*  display: block;*/
/*  padding: 12px 18px;*/
/*  color: #333;*/
/*  text-decoration: none;*/
/*  font-weight: 500;*/
/*  border-bottom: 1px solid #eaeaea;*/
/*  transition: background 0.3s ease, color 0.3s ease;*/
/*}*/

/* Last menu item border removal */
.ctim-dropdown-menu a:last-child {
  border-bottom: none;
}

/* Show dropdown on hover */
/*.ctim-nav-item:hover .ctim-dropdown-menu {*/
/*  display: block;*/
/*  opacity: 1;*/
/*  transform: translateY(0);*/
/*}*/

/* Dropdown arrow styling */
.ctim-dropdown-arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
}

/* Rotate arrow when hovered */
/*.ctim-nav-item:hover .ctim-dropdown-arrow {*/
/*  transform: rotate(180deg);*/
/*}*/

/* Hover effect for dropdown items */
.ctim-dropdown-menu a:hover {
  background: #d94517;
  color: white;
}
/* Dropdown Container */
.ctim-nav-item {
        padding: 10px 0px;
  position: relative;
  display: inline-block;
}

/* Dropdown Menu */


/* Show dropdown on hover */
.ctim-nav-item:hover .ctim-dropdown-menu,
.ctim-nav-item:focus-within .ctim-dropdown-menu {
  display: block;
  opacity: 1;
  /*transform: translateY(0);*/
}

/* Dropdown menu items */
.ctim-dropdown-menu a {
  display: block;
  font-size: 14px;
  text-align: center;
  padding: 12px 18px;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid #eaeaea;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Last menu item border removal */
.ctim-dropdown-menu a:last-child {
  border-bottom: none;
}

/* Dropdown arrow styling */
.ctim-dropdown-arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
}


/* Hover effect for dropdown items */


/* Dropdown menu styling */
.ctim-nav-item {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ctim-fa-chevron-down:before {
  font-size: 12px;
}
/* Dropdown arrow styling */
.ctim-dropdown-arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
}

/* Initially hide dropdown */


/* Dropdown menu items */
.ctim-dropdown-menu a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;;
    color: black;
    text-decoration: none;
    white-space: nowrap;
}

/* Show dropdown on hover */
.ctim-nav-item:hover{
    display: flex;
}

.ctim-nav-links-wrap{
display: none;
      
}
.ctim-support-dropdown p{
  font-size: 12px;
}


/* Announcement Bar */
.ctim-announcement-bar {
  background: #d94517;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: white;
  font-weight: bold;
}
.ctim-promo-banner {
  margin: 100px auto;
  width: 100%;
  text-align: center;
}

.ctim-promo-banner img {
  width: 90%;
  margin: auto;
  height: auto;
  display: block;
  border-radius: 5px;
}


.ctim-top-bar {
  display: flex;
  display: flex;
  
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  background: white;
  color: white;
}

.ctim-top-bar .ctim-social-icons {
  display: flex;
  gap: 15px;
}
.ctim-logo{
    display: inline;
}
.ctim-social-icons a {
  color: #d94517;
  font-size: 18px;
  text-decoration: none;
  transition: color 0.3s;
}

.ctim-social-icons a:hover {
  color: #ffc107;
}

/* Login & Signup Button */
.ctim-auth-container {
  position: relative;
}

.ctim-auth-btn {
  background: white;
  color: white;
  border: none;
  padding: 8px 15px;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 26px;
  background: #d94517;
  font-weight: bold;
}

.ctim-logo img {
  height: 81px !important;
}

/* Centered Navigation */


.ctim-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;

  cursor: pointer;
  transition: transform 0.2s;
}

.ctim-nav-item i {
  font-size: 12px;
  padding-left: 10px;
  padding-bottom: 5px;
  color: #d94517;
}

.ctim-nav-item span {
  font-size: 14px;
  color: black;
  text-align: center;
  font-weight: bold;
}

/* Search Box */
.ctim-search-container {
  display: flex;
  align-items: center;
  background: #f1f1f1;
  width: 70%;
  border-radius: 210px;
  padding: 5px;
  }

.ctim-search-container input {
  border: none;
  outline: none;
  width: 100%;

  padding: 5px;
  font-size: 14px;
  background: transparent;
}

.ctim-search-container button {
  background: none;
  border: none;
  margin-right: 0px;
  margin-right: 10px;
  cursor: pointer;
  color: #d94517;
  font-size: 18px;
}

/* Highlighted Active Item */
.ctim-active {
  background: rgba(217, 69, 23, 0.1);
  padding: 8px 15px;
  border-radius: 10px;
}
.ctim-contact-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.ctim-contact-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #003366;
  padding: 8px 15px;
  border-radius: 50px;
  transition: 0.3s;
}

.ctim-contact-btn i {
  background: #0066cc;
  padding: 8px;
  border-radius: 50%;
}

.ctim-contact-dropdown {
  position: absolute;
  top: 40px;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  width: 250px;
  padding: 10px;
  border-radius: 5px;
  display: none;
}

.ctim-contact-container:hover .ctim-contact-dropdown {
  display: block;
}
:root {
  --brand-color: #d94517; /* Change this to your actual brand color */
}

.ctim-nav-bar {
    display: flex;
    flex-direction: row;
        padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
}



.ctim-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  transition: color 0.3s ease-in-out;
}



/* Hover effect */
.ctim-nav-item:hover i,
.ctim-nav-item:hover span {
 color: var(--brand-color);
}
/* Support button container */
.ctim-support-container {
  position: relative;
  display: inline-block;
}

/* Support button with image */
.ctim-support-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* Support image styling */
.ctim-support-img {
  width: 32px; /* Adjust size */
  height: 32px;
}

/* Hidden dropdown info */
.ctim-support-dropdown {
  display: none;
  position: absolute;
  top: 40px;
  left: -50px;
  background: white;
  padding: 12px;
  border-radius: 6px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  width: max-content;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  z-index: 1000;
  flex-direction: column;
  gap: 3px;
}

/* Dropdown text styling */
.ctim-support-dropdown p {
  margin: 5px 0;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Icon styling */
.ctim-support-dropdown i {
  color: #ff6600; /* Brand color */
  font-size: 16px;
}

/* Show dropdown on hover */
.ctim-support-container:hover .ctim-support-dropdown {
  display: block;
}
.ctim-sticky-header {
  position: fixed;
  display: none;
  /*top: -1000px; */
  width: 100%;
  z-index: 1000; /* Keeps it above other elements */
  background: white; /* Adjust as needed */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
      display: flex;
  align-items: center;
  justify-content: space-between;
}


/* Navigation Menu */
.ctim-nav-menu {
  display: flex;
  gap: 30px;
  flex-grow: 1;
  justify-content: center;
}

.ctim-nav-item {
  text-decoration: none;
  color: black;
  font-size: 16px;
  font-weight: bold;
  transition: color 0.3s ease-in-out;
}

.ctim-nav-item:hover {
  color: #d94517;
}

/* Login & Signup Button */
.ctim-auth-btn {
  background: #d94517;
  color: white;
  border: none;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 20px;
  font-weight: bold;
  margin-left: 20px;
}

/* Support Button */
.ctim-support-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: 20px;
}

.ctim-support-img {
  width: 32px;
  height: 32px;
}
@media (max-width: 1199.98px) and (min-width: 767px) {
  .ctim-social-icons a {
    color: #d94517;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s;
}

.ctim-search-container {


    width: 60%;

}
.ctim-auth-btn {
  font-size: 11px;
}


.ctim-nav-item span{
  text-align: center;

}

}
@media (max-width: 766px) {
  .ctim-social-icons a {
    color: #d94517;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s;
  }
  .ctim-search-container{
    width: 50%;
    margin: 0px 10px
  }
  .ctim-top-bar {
    display: flex
;
    justify-content: space-evenly;
    align-items: center;
    padding: 8px 20px;
    background: white;
  }
  .ctim-support-btn{
    margin: 0px;
  }
  .ctim-auth-btn {

    font-size: 11px;
  }

.ctim-nav-item span {
  color: black;
  font-size: 12px;
  font-weight: 600;
  transition: color 0.3s ease-in-out;
}
.ctim-sticky-links{
  gap: 10px;
}
.ctim-tab-omg{
  margin-left: 20px;
}

.ctim-logo{
  margin-right: 30px;
}
}
@media (max-width: 597px) {
  .ctim-auth-btn {
    font-size: 10px;
    padding: 8px 10px;
}
.ctim-top-bar .ctim-social-icons {
  display: flex
;
  gap: 10px;
}
.ctim-auth-btn{
  margin-left: 10px;
}
.ctim-nav-item span {
  color: black;
  font-size: 8px;
}
.ctim-nav-item i {
  font-size: 11px;
}
}
@media (max-width: 481px) {
.middle-hr {
    margin: -12px auto;

}
  .ctim-support-img {
    width: 20px;
    height: 20px;
}
#sticky-ctim-img{
        display: none;

}
#ctim-sticky-authcon{
        display: none;

}
.ctim-auth-btn {
  font-size: 8px;
}
}


@media (max-width: 476px) {
.hotel-headings p{
    padding-top: 20px;
    
}
  .ctim-nav-links {
      
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        width: 100%;
        position: relative;
        scrollbar-width: none; /* Hide scrollbar (Firefox) */
        -ms-overflow-style: none; /* Hide scrollbar (IE/Edge) */
    }

    /* Hide scrollbar (Chrome/Safari) */
    .ctim-nav-links::-webkit-scrollbar {
        display: none;
    }

    /* Style individual nav items */
    .ctim-nav-item {
        position: relative; /* Key for dropdown positioning */
        padding: 10px;
        white-space: nowrap; /* Prevents text breaking */
        cursor: pointer;
    }

    /* Dropdown menu hidden by default */


    /* Show dropdown when nav item is active */
    .ctim-nav-item.active {
        display: block;
    }
    .ctim-social-icons a {
  color: #d94517;
  font-size: 10px;
  text-decoration: none;
  transition: color 0.3s;
}
}

.ctim-auth-dropdown{
    display: none;
}





.ctim-nav-links-wrap {
  display: flex;
  gap: 20px;
  flex-direction: row;
}
.ctim-nav-item span {
  color: black;
  font-size: 14px;
}



.ctim-nav-links-wrap {
  display: flex
;
  gap: 20px;
  flex-direction: row;
  justify-content: space-between;
}


.ctim-search-container input {
  border: none;
  outline: none;
  width: 100%;
  padding: 5px;
  font-size: 11px;
  background: transparent;
}
.ctim-search-container button {
  background: none;
  border: none;
  margin-right: 0px;
  margin-right: 10px;
  cursor: pointer;
  color: #d94517;
  font-size: 11px;
}

.ctim-top-bar {
  display: flex
;
  justify-content: space-evenly;
  align-items: center;
  padding: 8px 10px;
  background: white;
}




/* Dropdown menu styling */
.ctim-nav-item {
  position: relative;
  cursor: pointer;
}



/* Dropdown menu items */
.ctim-dropdown-menu a {
  display: block;
  padding: 10px 15px;
  color: black;
  text-decoration: none;
  white-space: nowrap;
}





.ctim-dropdown-menu.show {
  display: block;
}

/* Mobile Menu */
.ctim-mobile-nav {
  display: none;
}
.ctim-mobile-nav.open {
  display: block;
}

/* Ensure mobile nav appears in small screens */
@media screen and (max-width: 467px) {
  .ctim-mobile-nav {
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      width: 100%;
      background: white;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }
}




/*.form-book{*/
/*    display: none;*/
/*}*/
/*.nav-enquiry{*/
/*    display: none;*/
/*}*/
/*.form-book, .nav-enquiry, .form-head{*/
/*    display: none;*/
/*}*/
.jsw-container {
  display: flex;
  flex-wrap: wrap;
    justify-content: center;  max-width: 100%;
    width: 100%;
    
  margin: 10px auto;
  gap: 2rem;
}
.jsw-heading {
    text-align: center;
    font-size: 1.5rem; /* Adjust size */
    margin-top: 71px;
    margin-bottom: 1rem; /* Space below heading */
}

.jsw-card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 2vw), 22rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
  background: white;
}

.jsw-card__body {
    padding: 1rem 1rem 0px;
    display: flex;
  flex-direction: column;
  gap: .5rem;
}
.jsw-card__body p{
    font-size: 12px;
}
.jsw-tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: 8px;
}

.jsw-tag + .jsw-tag {
  margin-left: .5em;
}

.jsw-tag-blue {
  background: #56CCF2;
  background: linear-gradient(to bottom, #2F80ED, #56CCF2);
  color: #fafafa;
}

.jsw-tag-brown {
  background: #D1913C;
  background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
}

.jsw-tag-red {
  background: #cb2d3e;
  background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.jsw-card__body h4 {
  font-size: 15px;
  text-transform: capitalize;
}

.jsw-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
    padding: 0px 1rem 1rem;  margin-top: auto;
}

.jsw-read-more {
  color: blue;
  text-decoration: none;
  font-weight: bold;
}

.jsw-icons {
  display: flex;
  gap: 0.5rem;
}

.jsw-icon {
  font-size: 1.2rem;
  color: gray;
  cursor: pointer;
}

.jsw-icon:hover {
  color: black;
}

/*.containerparent-wrap{*/
/*        width: 100%;*/
/*    display: flex;*/
    
/*    gap: 20px;*/
/*}*/

.containerparent2::-webkit-scrollbar {
    display: none; /* Hides scrollbar in Chrome, Safari, and Edge */
}

.staying {
  overflow-x: auto; /* Enables horizontal scrolling */
  white-space: nowrap; /* Keeps all items in a single line */
  scrollbar-width: none; /* Hides scrollbar in Firefox */
    cursor: grab; /* Indicates draggable behavior */

  -ms-overflow-style: none; /* Hides scrollbar in IE/Edge */
}

.staying::-webkit-scrollbar {
  display: none; /* Hides scrollbar in Chrome, Safari */
}
.staying-wrap {
  display: flex;
  gap: 10px; /* Adds space between cards */
  padding: 10px;
}

.jsw-faq-container {
    width: 100%;
    margin: 20px auto;
}
.jsw-faq-container h2{
text-align: center;
    
}

.jsw-faq {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.jsw-faq-question {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jsw-faq-answer {
    display: none;
    padding: 15px;
    font-size: 16px;
    color: #555;
}

.jsw-faq-question:after {
    content: '\002B'; /* Plus icon */
    font-size: 20px;
}

.jsw-faq-question.active:after {
    content: '\2212'; /* Minus icon */
}

/* Hide extra FAQs initially */
.jsw-hidden {
    display: none;
}

/* Load More button */
#jsw-loadMore {
    display: none;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #ff6600;
    color: white;
    border: none;
    cursor: pointer;
}

#jsw-loadMore:hover {
    background-color: #e55d00;
}
.description h2{
    text-align: left;
}
.bravo_wrap .bravo_search_tour .bravo-list-item .list-item .item-tour .service-review {
    margin: 10px 15px 15px;
    display: none;
}
.panel.open p{
    font-size: 10pt;
    color: black;
}
.icofont-wall-clock:before {
    content: "\1F557";
    font-size: 30px;
}.
.icofont-beach:before {
    content: "\1F3AB";
    font-size: 30px;
}
.icofont-island-alt:before {
    content: "\1f30d";
    font-size: 30px;
}
.view-more-container {
    text-align: center;
    margin-top: 10px;
}
@media (max-width: 766px) {
    .bravo_wrap .bravo_detail_tour .bravo_content .g-tour-feature .item {
        margin-bottom: 15px;
    }
}
.left span{
    font-size: 13px;
}

.view-more-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff7a18, #af002d);
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.view-more-btn:hover {
    background: linear-gradient(135deg, #af002d, #ff7a18);
    transform: scale(1.1);
    text-decoration: none;
    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.3);
    color: white;
}


.fa-clock-four:before, .fa-clock:before {
    content: "\f017";
    color: #cc5500;
    padding-right: 2px;
}
.fa-location-dot:before, .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #cc5500;
    padding-right: 5px;
}
.thumb-image {
    /* padding-bottom: 0px; */
}
.panel.open span{
        font-size: 14px;
    color: #000000;
    line-height: 30px;
}
.bravo_wrap .bravo_detail_tour .bravo-list-tour-related .item-tour .item-title {
    margin: 0 15px 0;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 22px;
    min-height: 45px;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li > .menu-dropdown li:not(:last-child) a {
    border-bottom: 2px dotted #cc5500;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li > .menu-dropdown {
    list-style: none;
    position: absolute;
    left: 0;
    top: 120%;
    padding-left: 0;
    margin-bottom: 0;
    min-width: 260px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFF;
    box-shadow: 0 1px 1px #dbdbdb;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}


.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li > .menu-dropdown li a {
    padding: 12px 0;
    display: block;
    font-size: 12px;
}
.bravo_wrap .bravo_detail_tour .bravo_content .g-overview h4, .bravo_wrap .bravo_detail_tour .bravo_content .g-overview strong {
    color: #000000;
    font-weight: bolder;
}
.ttshut{
    display: inline-block;
    margin: 0px 10px;
    padding: 0 10px;
    color: white;
    font-size: 15px;
    word-spacing: 10px;
}
.ttshut a{
    text-decoration: none;
    color: white;
}
.faq-container {
    max-width: 100vw;
    margin: 50px auto;
    background-color: #333;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    animation: fadeIn 1s ease-in-out;
}

.faq-container h1 {
    font-size: 2.8em;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
}

.faq-item {
    margin-bottom: 20px;
    position: relative;
}

.faq-question {
    font-size: 1.2em;
    font-weight: bold;
    background-color: #222;
    color: #fff;
    padding: 18px 30px;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.faq-question:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.faq-question:hover {
    background-color: #444;
    transform: scale(1.05);
}

.faq-question:hover:before {
    opacity: 1;
}

.faq-answer {
    display: none;
    padding: 20px;
    background-color: #444;
    border-left: 4px solid #ff9f00;
    border-radius: 10px;
    margin-top: 15px;
    color: #ddd;
    font-size: 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.faq-answer p {
    line-height: 1.6;
}

.faq-answer.show {
    display: block;
    opacity: 1;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .faq-container {
        padding: 20px;
    }
    .koie {
    padding-top: 20px;
    
}

    h1 {
        font-size: 2.2em;
    }

    .faq-question {
        font-size: 1em;
    }
}

.elfsight-app-6f6f01a9-c4d6-47f2-a0e6-1c4e551cd5ec {
        display: block;
        width: 100%;
        max-height: none; /* Allow it to expand */
    }

p{
    color: #000000
}
.carousel-container {
    position: relative;
                overflow: hidden; /* Ensure content does not overflow */
width: 100%;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    display: none;
    width: 100%;
    transition: transform 0.6s ease-in-out;
}

.carousel-item.active {
    display: block;
}

.carousel-inner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    height: auto;  /* Auto height to maintain aspect ratio */

}

   /* Responsive Styles */
        @media (max-width: 768px) {
            .carousel-inner img {
                height: 108px;  /* Slightly smaller image size on tablets */
            }
            
            .indicator {
                width: 10px;  /* Smaller indicator size on tablets */
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-inner img {
                height: 108px;  /* Smaller image size on mobile */
            }
            .indicator {
                width: 8px;  /* Even smaller indicator size on mobile */
                height: 8px;
            }
        }
.indicators {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ccc;
    transition: background-color 0.3s ease;
}

.indicator.active {
    background-color: #cc5500;
}




.middle-hr {
    margin: -6px auto;
    border-bottom: 5px solid #ff7f23;
    width: 90px;
    position: relative;
    margin-bottom: 15px;
}
.con-container {
            position: absolute;
            inset: 0;
            padding: 24px 20px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
            color: white;
            text-align: center;
        }

        /* Title Styling */
        .tit{
          color: #ee7c2b;
    font-size: 38px;
    font-weight: 600;
    line-height: normal;
    padding: 0px;
    margin-bottom: 0px;
        }

        /* Subtitle Styling */
        .subtit {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: normal;
        }
         .buttons-container{
          display: flex;
          gap: 30px;
        }
.buttons-container a{
  text-decoration: none;
}
 /* Callback Button Styling */
        .callback-but {
            color: black;
            font-size: 14px;
            font-weight: 500;
            border-radius: 7px;
            background: #fff;
            display: flex;
            justify-content: center;
            border: none;
            align-items: center;
            padding: 12px 24px;
            max-width: fit-content;
            cursor: pointer;
            margin: 5px;
        }

        .callback-but:hover {
            background-color: #e67342;
            color: white;
        }
        .buttons-container{
          display: flex;
          gap: 30px;
        }
.buttons-container a{
  text-decoration: none;
}

.parentno2 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
}
@media only screen and (max-width: 1024px) and (min-width: 767px) {
   .parentno2 {
        width: 50% !important;
    }
}
@media (min-width: 768px) {
    .parentno2 {
        width: 25%;
    }
}
.parentno3 {
    padding-top: 10px !important;
}
.parentno3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.parentno3::before
{
  content: " ";
  display: table;
}
@media only screen and (max-width: 767px) {
   .parentno3 {
        padding: 0 !important;
    }
}

.parentno5{
  margin-bottom: 0px;
}
.tourdisplay{
  background: #fff;
  border: 1px solid rgba(156, 170, 179, 0.28);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.tourdisplaythumb{
  position: relative;
  padding: 9px 9px 0px 9px;
}
.tourdisplaythumb img {
    border-radius: 10px;
    min-height: 1px;
    display: inline-block;
    color: transparent;
    height: auto;
    width: 100%;
    font-size: 0;
    vertical-align: middle;
     object-fit: cover;
    max-width: 500px;
    overflow: clip;
    border: 0;
}
.tourduration{
  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: 13px;
    font-weight: 400;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.tourduration::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;
}

.tourduration span{
  position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 1px;
    font-family: "Sarabun", 'Rubik', 'Jost', serif !important;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
}
.tourduration 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;
}
.tourduration 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;
}
.tourdisplaycontain{
  padding: 0px 9px 0px 9px;
}
.tourdisplaycontain h3 {
    color: #3F51B5;
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 5px;
    line-height: 24px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
}
.tourdisplaycontain p {
    color: #525252;
    padding: 0 0 20px;
    margin: 0;
    vertical-align: baseline;
    outline: none;

    font-size: 12px;
    font-weight: 400;
    padding-bottom: 0;
    line-height: 15px;
    padding-bottom: 4px;
}

.tourdisplaycontain p b{
    color: #000;
}

.tourdisplaycontains p i {
    color: #FF5722;
}
.tourdisplaycontain ul{
  margin-bottom: 8px;
  list-style-type: none;
  list-style-position: inside;
  box-sizing: border-box;
  background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: baseline;
    outline: none;
}
.tourdisplaycontain li{
  border: 1px solid #ccc;
    border-radius: 999px;
    padding: 0px 9px;
    display: inline-block;
    font-size: 10px;
    color: #000;
    margin-right: 3px;
    vertical-align: baseline;
    outline: none;
    margin: 0;
    position: relative;
    text-align: center;
}

.tourdisplaycontain ul li:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    padding: 0 10px 0 0;
}
.tourdisplaycontain ul li::before{
  display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    position: relative;
}
.tourdisplaybtm{
align-items: center; 
    background: #ebf1ff;
    padding: 9px;
    display: flex;
    border: 0;
    margin-top: 10px;

}

.tourdisplaybtm1 p {
    color: #525252;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 0;
}

.tourdisplaybtm1 p{
    padding: 0px;
    margin: 0px;
}
.tourdisplaybtm2{
width: 50%;
    display: flex;
    align-items: flex-end;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    font-family: "Sarabun", 'Rubik', 'Jost', serif !important;
    flex-direction: column;

}
.enquiryBtn  {
    font-weight: bold;
    align-items: center;
    color: #3F51B5;
    border-radius: 4px;
    padding: 0 7px;
    border: 1px solid #3F51B5;
    display: inline-block;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 22px;
    background: #fff;
    outline: 0;
    text-decoration: none;
    vertical-align: baseline;
}
.vdbtn{
    align-items: center;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    padding: 0 7px;
    font-weight: 400;
    border: 1px solid #FF5722;
    display: inline-block;
    background: #FF5722;
    transition: color 0.3s ease-in-out
}





.pt2 a{
    text-align: center;
}
.sectionHead {
    font-size: 30px;
    padding-top: 40px;
    font-weight: bold;
    text-align: center;
    color: #333;
}
/*.container {*/
/*    max-width: 1200px;*/
/*        border-bottom: 1.4px solid #555555 !important;*/
/*    padding-bottom: 40px !important;*/
/*    margin: 0 auto;*/
/*    padding: 0 15px;*/
/*}*/
.sectionHead span {
    color: #0d6efd;
}

.bestValueBox-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1px;
}

.bestValueBox {
    display: flex;
    align-items: center;
    padding: 20px;
    text-align: left;
    transition: all 0.3s ease;
}

.bestValueBox:hover {
    transform: translateY(-10px);
}

.bestValueBox img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-right: 20px;
}

.bestValueBox-title {
    max-width: 85%;
}

.bestValueBox-title h3 {
        color: #333;
font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 4px;
}

.bestValueBox-title p {
font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .01e
    color: #666;
}

.group-tour-card-container {
  position: relative;
  height: 200px; /* Fixed height */
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
    font-family: Arial, sans-serif;

}

/* Background Image Styling */
.group-tour-card-container .background-image {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.group-tour-card-container .background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* Content Container */
.content-container {
  position: absolute;
  inset: 0;
  padding: 24px 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background: linear-gradient rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
}

/* Title Styling */
.title {
    color: #fff;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Subtitle Styling */
.subtitle {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Callback Button */
.callback-button {
    color:  #f37002;
    font-size: 14px;
    font-weight: 500;
    border-radius: 7px;
    background: #fff;
    display: flex;
    justify-content: center;
    border: none;
    align-items: center;
    padding: 12px 24px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    bottom: 24px;
    cursor: pointer
}

.callback-button:hover {
  background-color: #e67342;
  color: white;
  border: none;
}



@media (min-width: 1200px) {
    .container {
        max-width: 100%;
        padding: 0px 40px;
    }
}
.bravo_wrap .bravo-contact-block .contact-info .info-content {
        background: #676767;
}
.today-sightseeing-container {
           max-width: 750px;
    margin: 20px auto;
    width: 70%;
    margin-left: 15px;
    border-radius: 5px;
    /* background: white; */
    padding: 15px;
    box-shadow: 0 1px 24px rgb(0 0 0 / 40%);
        }
        .tscinner {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
        }
        .head-label {
            line-height: 1.4;
            font-size: 14px;
            font-weight: 600;
            color: black;
        }
        .emo {
            margin-right: 10px;
            position: relative;
            top: -2px;
            font-size: 18px;
        }
        .tscinner2 {
            margin-top: 15px;
        }
        .listitemtsc {
            font-size: 14px;
            line-height: 20px;
            position: relative;
            padding-left: 20px;
            color: #212221;
            margin-bottom: 6px;
            font-weight: 600;
        }
        .listitemtsc::before {
            position: absolute;
            left: 0;
            z-index: 2;
            top: 8px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            content: "";
            background: #0ea7a5;
        }
        .listitemtsc::after {
            position: absolute;
            left: -2px;
            z-index: 1;
            top: 6px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: "";
            background: #ffffff;
            border: 1px solid #0ea7a5;
        }
        
        @media (max-width: 768px) {
            .today-sightseeing-container {
                width: 90%;
                padding: 10px;
            }
            .head-label {
                font-size: 16px;
            }
            .listitemtsc{
                font-size: 14px;
            }
            .emo {
                font-size: 18px;
                margin-right: 10px;
            }
        }
        @media (max-width: 480px) {
            .listitemtsc,
            .sc {
                font-size: 14px;
            }
        }
.hg{
    padding: 0px 5px;
    font-size: 18px;
}
.sidecont{


box-shadow: 0px 10px 60px 0px #0510360D;
border-radius: 4px;
background-color: white;
padding: 13px;
        }
        .gtq{
            margin-bottom: 10px;
            font-weight: 500;
            
        }
        .line{
margin-top: 1px solid #581717;
        }
        .pgf{
            padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
        }
        .eblock{
            display: block;
            color: green;
            padding: 5px 0px;
            font-size: 15pxx;
            margin-top: 10px;
        }
          .sblock{
            display: block;
            color: #cc5500;
            padding: 5px 0px;
            font-size: 11px;
            margin-top: 10px;
        }
        .dblock{
            display: block;
            color: #cc5500;
            padding: 5px 0px;
            font-size: 15px;
            margin-top: 10px;
        }
        .fa-whatsapp::before{
            content: "\f232";
        }
        a{
            text-decoration: none;

        }
        .dilo{
            color: #cc5500;
            font-size: 18px;
            padding: 5px 0px;
            margin-top: 100px;
        }
        

input::placeholder {
    font-size: 10px; /* Set the font size for the placeholder */
}

.phone-input {
    display: flex;
    align-items: center;
    gap: 5px; /* Adjust spacing between the dropdown and input */
    max-width: 100%;
}

.phone-input select {
    padding: 6px; /* Reduced padding */
    font-size: 12px; /* Smaller font size */
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fafafa;
    width: 80px;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}

.phone-input input {
    flex: 1; /* Take up the remaining space */
    padding: 6px; /* Reduced padding */
    font-size: 12px; /* Smaller font size */
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fafafa;
    outline: none;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.phone-input input:focus,
.phone-input select:focus {
    border-color: #1e88e5;
    box-shadow: 0 0 6px rgba(30, 136, 229, 0.3);
}
/*
@media (max-width: 768px) {
    .phone-input {
        flex-wrap: wrap; 
        gap: 10px; 
    }

    .phone-input select,
    .phone-input input {
        width: 100%; 
    }
}
*/
@media (max-width: 1024px) {
    .phone-input {
        flex-wrap: wrap; /* Allow wrapping if the screen is too small */
        gap: 10px; /* Adjust spacing in wrap mode */
    }

    .phone-input select {
        width: 40%; /* Make the select box (country code) 40% width */
    }

    .phone-input input {
        width: 60%; /* Make the phone input field take up 60% width */
    }
}

/* Ensure full responsiveness for small screens (phones) */
@media (max-width: 768px) {
    .phone-input {
        flex-wrap: wrap; /* Allow wrapping */
        gap: 10px; /* Increase gap in wrap mode */
    }

    .phone-input select,
    .phone-input input {
        width: 100%; /* Take full width for both fields */
    }
}

@media (max-width: 480px) {
    .phone-input {
        flex-wrap: wrap;
        gap: 12px; /* Increase the gap for small devices */
    }

    .phone-input select,
    .phone-input input {
        width: 100%; /* Full width on very small screens */
    }

    .phone-input select {
        margin-bottom: 12px; /* Add some spacing below the country code */
    }
}






.right-sidebar-form {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border: 1px solid #e0e0e0;
}

/* Form Title */
.right-sidebar-form h3.form-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    color: #34495e;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Form Group */
.right-sidebar-form .form-group {
    margin-bottom: 15px;
}

.right-sidebar-form label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #555555;
}

/* Input Fields */
.right-sidebar-form input {
    padding: 12px 15px;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    width: 100%;
    border-radius: 8px;
    background: #fafafa;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Input Focus Effect */
.right-sidebar-form input:focus {
    border-color: #42a5f5;
    box-shadow: 0 0 8px rgba(66, 165, 245, 0.3);
}

/* Input Hover Effect */
.right-sidebar-form input:hover {
    border-color: #64b5f6;
}

/* Submit Button */
.right-sidebar-form .submit-btn {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
background: linear-gradient(90deg, #ff9346, #cc5500);
border: none;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(30, 136, 229, 0.2);
}

/* Button Hover Effect */
.right-sidebar-form .submit-btn:hover {
    background: linear-gradient(90deg, #1e88e5, #1565c0);
    transform: translateY(-3px);
    box-shadow: 0 8px 12px rgba(30, 136, 229, 0.3);
}

/* Button Active Effect */
.right-sidebar-form .submit-btn:active {
    background: linear-gradient(90deg, #1565c0, #0d47a1);
    transform: translateY(0);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.europe-info-wrapper{
 padding: 40px 0px 0px;   
}
.iner{
    font-size: 13px;
    color: black;
    margin-top: 20px;
    line-height: 13px;
}
.tripadvisor-widget-narrow {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    max-width: 250px; /* Limit the width to make it compact */
}

.tripadvisor-widget-narrow img {
    width: 100%;
    height: auto; /* Ensures the image scales properly */
}

#TA_cdsratingsonlynarrow609 {
    transform: scale(0.85); /* Adjust size; lower for smaller */
    transform-origin: top left;
    max-width: 100%;
}

.TA_links.hyyXIH4m5NN li {
    padding: 3px 0; /* Tighten spacing around the widget */
}
.bas:hover{
cursor: pointer;
}
.bas{
    background: #008000;
background: #008000;
border-radius: 4px;
width: 100%;
text-align: center;
    padding: 20px 0px

}


.side-cont{
color: white;
    height: 60px;
    font-size: 18px;
    padding: 0px 20px;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    /* font-size: 15px; */
    line-height: 1.2;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pto{
    box-shadow: 0px 10px 60px 0px #0510360D;
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #dddddd;
    background: white;
    box-sizing: border-box;
    border-radius: 4px;
}
.pto img{
    width: 100%; /* Makes the image scale responsively */
    height: auto; /* Maintains aspect ratio */
    max-width: 500px; /* Limits the maximum width */
}
*{
    margin: 0px;
    padding: 0px;
}
.kyu{
      color: black;
      display: block;
  position: relative;
  padding: 0.2em 0;
}
.kyu:hover{
    color: black;
    
}
.cuntty { 
    width: 100%; 
    margin: auto; 
    max-width: 800px; 
}
.accordion { 
    border: 1px solid #ddd; 
    overflow: hidden; 
    margin-top: 10px; 
}
.accordion h2 { 
    display: flex;
    align-items: center;
     user-select: none;
    margin: 0; 
    padding: 9px 15px; 
    background-color: #fae6c9; 
    color: #333; 
    cursor: pointer; 
    justify-content: space-between; /* Ensure space for the toggle */
    font-size: 16px; 
    border-left: 2px solid #cc5500;
    font-weight: 600;
}
.toggle {
    color: #cc5500;
    font-size: 18px;
    display: none;
}
.accordion h2 i {
    color: #cc5500; 
    margin-right: 10px; 
    font-size: 18px;
}
 .panel { 

    display: block; 
     transition: all 0.5s ease;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 5px
    max-height: 0; 
    padding: 0 10px; 

}
.panel.open {
        background: #dbdbdb26;
    display: block;
                transition: max-height 0.5s ease, padding 0.5s ease;

    max-height: auto;
        padding: 15px 8px;

}
.panel ul { 
    margin-top: 10px; 
    padding-left: 20px; 
}   
.all-tours-container
  {  
      background-color: #ebebeb21;
    padding: 15px;
    margin: 15px 0;
    border-radius: -13px;
}
.review-score{
    display: none;
}
 .bravo-list-item .topbar-search .control{
    display: none ;
}
.bravo-reviews{
    display: none;
    
}
#bravo-reviews{
    display:none;
}

.topbar-search{
 margin-top: 30px;   
}
.bravo_filter{
    margin-top: 25px;
}

        .inclusions, .exclusions {
            flex: 1;
        }

        .inclusions ul, .exclusions ul {
            list-style: none;
            padding: 0;
        }

        .inclusions li, .exclusions li {
            padding: 5px 0;
            color: #333;
        }

        .inclusions li:before {
            content: "✅ ";
            color: green;
        }

        .exclusions li:before {
            content: "❌ ";
            color: red;
        }

.inclusions-exclusions {
            margin-bottom: 20px;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
.inclusions-exclusions h2{
            font-size: 1.5rem;
            color: #555;
            margin-bottom: 10px;
        }
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar{
    background: #cc5500;
}
.review{
Display: none;
    
}
.bravo-logo img{
    width: 100%;
    height: 102px;
}
.pt2 {
flex-wrap: wrap;
    display: flex;
    /* gap: 10px; */
    /* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
    justify-items: center;
    width: 100%;
    padding: 10px;
    gap: 50px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-around;
}

.pt2 img {
    width: 100%;
    height: auto;
    max-width: 250px; /* Ensures images don't exceed original size */
    border-radius: 8px; /* Optional: adds rounded corners */
}

.pt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px; /* Optional padding */
    box-sizing: border-box;
}

.pt img {
    width: 100%; /* Makes the image scale responsively */
    height: auto; /* Maintains aspect ratio */
    max-width: 500px; /* Limits the maximum width */
}

.main-container {
    display: flex;
    margin: 40px 0px;
    gap: 20px;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

.info-container, .video-container {
    width: 48%;
}

.info-container h2 {
    color: #cc5500;
    font-size: 25px;
    line-height: 1.45;
    margin: 0;
}

.info-container p {
    margin-top: 20px;
    font-size: 16px;
}

.inner-info-bt {
    display: flex;
    align-items: center;
    margin-top: 30px;
    color: white;
}

.info-buton {
    padding: 14px 30px;
    background-color: #cc5500;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.video-link {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}

.video-thumbnail {
    width: 44vw;
    border-radius: 8px;
}

/* Responsive styling */
@media (max-width: 768px) {
    .main-container {
        flex-direction: column;
        align-items: center;
    }
.iner-info-bt{
        flex-direction: column;
}
    .video-container {
        width: 100%;
    }

    .info-container {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .info-container h2 {
        font-size: 28px;
        font-weight: 600;
    }

    .info-container p {
        font-size: 17px;
        font-weight: 400;
    }

    .info-buton {
        padding: 12px 25px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .info-container h2 {
        font-size: 26px;
    }

    .info-container p {
        font-size: 16px;
    }

    .info-buton {
        padding: 10px 20px;
        font-size: 13px;
    }
.iner-info-bt{
        flex-direction: column;
}
    .play-button {
        font-size: 2em;
        padding: 8px 12px;
    }
}

.wa{
    font-size: 30px;
    margin-top: 16px;
}
.about-container{
    display: flex;
    
}
.stars p{
    font-size: 12px;
    margin: 0px;
}
.rev{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   align-items: center;
    align-content: stretch;
    padding-top: 15px;
}

.dur{
        display: flex;
    justify-content: space-between;
    
}
.dur p{
    color: black;
    font-size: 12px;
           margin-left: -7px;
    margin-right: -6px;
}


.terms-container {
    padding: 40px 20px;
    background-color: #fff;
}

.terms-content {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 40px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.about-us {
    background-color: #fff;
    padding: 0px 20px;
}

.abcont {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
}

h1 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #2c3e50;
}

p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: #555;
}

strong {
    color: #e67e22;
}

.contact-info a {
    color: #3498db;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.contact-info a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    h1 {
        font-size: 28px;
    }

    p {
        font-size: 16px;
    }
}
.sidefooter1{
        font-size: 11px;
    font-weight: 600;
    font-family: 'Poppins';
}

.fa-envelope:before {
    content: "\f0e0";

}
/*.fa-whatsapp:before {
    content: "\f232";
    font-weight: 700;
    font-size: 16px;
}
.fa-phone:before {
    content: "\f095";
    font-size: 16px;
    font-weight: 700;
}*/
.bravo_wrap .page-template-content .bravo-list-tour.box_shadow .list-item .item .caption {
    position: relative;
    width: 100%;
    padding: 12px 20px;
}
.bravo_wrap .page-template-content .bravo-list-tour.box_shadow .list-item .item .header-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 350px;
}
.tour-container {
    max-width: 1200px;
    margin: 20px auto;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tour-title {
    font-size: 33px;
    color: #ff6f00;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.note {
    font-style: italic;
    color: #777;
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.2rem;
}

.section-title {
    font-size: 25px;
    color: #ff6f00;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6f00;
    padding-bottom: 10px;
    text-transform: uppercase;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

table th, table td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
}

table th {
    background-color: #ffecb3;
    color: #ff6f00;
    font-weight: 600;
}

table td {
    background-color: #fdfdfd;
    color: #333;
}
p.itinerary-overview{
    
font-size: 14px;
font-weight: bold;
color: black;
}
ul.tour-inclusions, ul.tour-exclusions, ul.payment-methods {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

ul.tour-inclusions li, ul.tour-exclusions li, ul.payment-methods li {
    font-size: 1.1rem;
    padding: 5px 0;
}

.contact-info p {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

h3 {
    font-size: 1.6rem;
    color: #ff6f00;
    margin-top: 20px;
}

.thumb-image{
        /*padding-bottom: 91%;*/
}
.bravo_banner {
    position: relative; /* Allow absolute positioning of child elements */
    overflow: hidden; /* Hide overflow if the image is larger than the container */
    width: 100%; /* Make the banner full width */
    height: auto; /* Height will be determined by the image */
}

@media screen and (max-width: 768px) {
    .bravo_banner {
        width: 100%;
    }
}

.icofont-travelling:before {
    content: "\1F465";
    color: #cc5500;
}
.icofont-beach:before {
    content: "\1F3AB";
}
.icofont-wall-clock:before {
    content: "\1F557";

}
.icofont-island-alt:before {
    content: "\1f30d";

}
.bravo_wrap .bravo_detail_tour .bravo_content .g-tour-feature .item .icon{
        margin-right: 20px;
    font-size: 45px;
    color: #cc5500;
}

/* Basic Reset */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fw {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 143px;
    right: 3%;
    background-color: #2da110c9;
    color: #FFF;
    border-radius: 25px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
*/*{
    margin: 0px;
    padding: 0px;
}*/

.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content:before {
background: unset;
}
.float_phone {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 3%;
    background-color: #187fd9;
    color: #FFF;
    border-radius: 25px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.bravo_wrap .bravo_topbar {
    background: #cc5500;
}
.bravo_wrap .bravo_footer .mailchimp {
    background: #cc5500;
}

.registered-portals {
    text-align: center;
    padding: 20px;
}

.portals-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.portal img {
    max-width: 250px;
    height: auto;
}

@media (max-width: 600px) {
    .portal img {
        max-width: 80px;
    }
}
.rajsthan-tours {
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    margin-top: 30px;
}

/*.rajsthan-tours h2 {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}*/

.rajsthan-tours h2::after {
    content: '';
    width: 50px;
    height: 4px;
    background-color: #007bff;
    display: block;
    margin: 10px auto;
    border-radius: 5px;
}

.tour-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.tour-item {
    width: calc(33.33% - 20px);
    background-color: #fff;
    border: none;
    margin: 10px 0;
 /*   padding: 20px;*/
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tour-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.tour-item img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.tour-item:hover img {
    transform: scale(1.05);
}

.tour-item h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.tour-item p {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.tour-item .btn {
    text-decoration: none;
    color: #fff;
        margin-bottom: 17px;
    background-color: #cc5500;
    padding: 12px 25px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 123, 255, 0.3);
}

.tour-item .btn:hover {
   background-color: #fff;
  color: #cc5500;
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4);
}

@media screen and (max-width: 768px) {
    .tour-item {
        width: 100%;
    }
}
/* Tour Packages Container */
.sadahaq h2 {
    font-size: 22px;
    color: #cc5500;
    font-weight: bold;
}
.bi-geo-alt::before{
    content: \f3e8;
}
.tour-packages-container {
      background-color: #fff;
  display: flex;
  flex-wrap: wrap; /* Allows multiple rows */
  gap: 20px; /* Adds space between boxes */
  /*justify-content: center;  Centers the boxes */
  margin-bottom: 20px;
  padding: 10px;
    margin-right: -15px;
    margin-left: -15px;
}
@media (max-width: 768px) {
  .tour-packages-container {
flex-direction: column; 
margin-left: 0px;
margin-right: 0px;
align-content: center;
  }
}

/* Tour Package Box */
.glass-tour-packages {
  border-radius: 10px;
  width: 255px;
  overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

 /* width: calc((100% / 3) - 20px);  Adjust width to fit 3 boxes in one row, considering the gap */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Effect for Tour Package Box */
.glass-tour-packages:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Image Styling */
.glass-img img {
  width: 100%;
  height: auto;
}

/* Package Description Wrapper */
.tour-wrappp {
  padding: 20px;
}

/* Title Styling */



/* Monthly Tour Price Styling */
.mon-tour {
  font-size: 14px;
  color: black;
  margin-bottom: 10px;
  font-weight: 500;
}

/* Description Styling */
.tur-des {
     color: #cc5500;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 800;
    font-size: 17px;
    line-height: 1.2;
}

/* Button Styling */
.tur-btn {
     display: inline-block;
    padding: 7px 19px;
    background-color: #cc5500;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s;
    font-weight: 600;
    font-size: 11px;
    white-space: nowrap;
    transition: background-color 0.3s ease;
}


/* Button Hover Effect */
.tur-btn:hover {
  background-color: #FFFFFF;
      border: 1px solid black;
  color: #cc5500;
}

/* Responsive Design */
@media (max-width: 768px) {
  .glass-tour-packages {
    width: 100%; /* Stack boxes in one column on small screens */
  }
}
/* Destinations code */
.destinations {
       display: flex;
    gap: 17px;
    padding:;
    margin-bottom: 60px;
    flex-wrap: wrap;
    flex-direction: row;
        width: 100%;
    
}
.desth{
    padding-top: 40px;
    padding-bottom: 30px;
}
.destht{
    text-align: center;
}
.destination-container {
    display: flex;
    width: 100%;
/*    flex-wrap: wrap;*/
    gap: 15px;
    justify-content: center;
}

.destination {
    position: relative;
    width: 23%;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.destination:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.destination img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.destination-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 16, 54, 0.6) 0%, rgba(5, 16, 54, 0) 63.5%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
}

.destination-text {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.tour-bar {
    width: 30%;
    background: #cc5500;
    color: #fff;
       padding: 2px 5px;
    font-size: 14px;
    border-radius: 5px;
}
.tour-count {
    display: inline-block;
}

@media (max-width: 1024px) {
    .destination {
        width: calc(33.33% - 20px); /* 3 boxes per row on larger tablets */
    }
}

@media (max-width: 768px) {
    .destination {
        width: calc(50% - 20px); /* 2 boxes per row on tablets */
    }
}

@media (max-width: 480px) {
    .destination {
        width: 100%; /* Full width on mobile */
    }}/* Why Choose Us Section */
.why-choose-us {
  padding: 60px 20px;
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
}

.why-choose-us h2 {
  font-size: 2.5em;
  margin-bottom: 40px;
  color: #333;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns */
  gap: 30px;
  width: 100%;
}

.benefit-card {
  background-color: white; /* White background for each card */
  border: 2px solid #e0e0e0; /* Light border around each card */
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

.benefit-card:hover {
  transform: translateY(-10px); /* Lift effect on hover */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
}

.benefit-card img {
  height: 80px;
  margin-bottom: 20px;
}

.benefit-card h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #ff6600; /* Custom orange color for headings */
}

.benefit-card p {
  color: #555;
  font-size: 1.1em;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */
  }
}

@media (max-width: 768px) {
  .benefits-grid {
    grid-template-columns: 1fr; /* 1 column on small screens */
  }
}
.package-title {
    font-size: 2.5em;
    color: #e65100;
    text-align: left;
    margin-bottom: 10px;
}

.note {
    font-style: italic;
    color: #555;
}

.duration, .destinations {
    font-weight: bold;
    color: #333;
}

.description {
    margin: 15px 0;
}

.highlights, .itinerary, .booking-info {
    background-color: #f5f5f5; /* Light background color for visibility */
    padding: 15px;
    margin: 15px 0;
    border-radius: 8px;
}

.highlights-title, .itinerary-title, .booking-title, .transport-info-title, .inclusion-title, .exclusion-title, .contact-title {
    color: #e65100;
    font-size: 1.8em;
    margin-bottom: 10px;
}

.highlight-list, .transport-list, .inclusion-list, .exclusion-list {
    list-style: none;
    padding: 0;
}

.highlight-list li, .transport-list li, .inclusion-list li, .exclusion-list li {
    margin: 8px 0;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.day {
    margin: 15px 0;
}

.day-title {
    color: #e65100;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.day-description, .day-evening {
    margin-left: 20px;
}

.contact-description {
    margin: 15px 0;
}
.anime-slider {
    position: relative;
    max-width: 800px;
    margin: auto;
    overflow: hidden;
}

.anime-slide {
    display: none;
}

.anime-slide img {
    width: 100%;
    height: auto;
}

.anime-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-size: 24px;
}

.anime-prev,
.anime-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.anime-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.anime-prev:hover,
.anime-next:hover {
    background-color: rgba(0, 0, 0, 0.5);
    
}}