<style>
/* Basic styling for the sidebar */
.sidebar {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
    padding: 0;
    list-style: none;
}

.sidebar li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    transition: background-color 0.3s ease;
}

.sidebar li:hover {
    background-color: #e2e6ea;
}

.sidebar li img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.sidebar li a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.sidebar li a span {
    flex-grow: 1;
    margin-left: 10px;
}

.sidebar li a .arrow {
    font-size: 1.25rem;
    margin-left: 10px;
}

.content-section {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

.content-section img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}





/* color code */


.bg-light1 { background-color: #f4fbde !important;}
.cd1{background: #fc7d22;padding: 8px;}
.btn1{background: #473c33;display: block;margin-left: 20px;color: #fff;text-decoration: none;border-radius: 5px;border: 0px;font-weight: 700;}
.btn.btn-danger {
    background-color: #473C33 !important;
   
    border: 1px solid #dbe8b0 !important;
    }
.bg-danger1 {
    --bs-bg-opacity: 1;
    background-color: #f07e2b !important;
}  
  













h1, h2 {
   
font-weight: bold;
   
line-height: 1.2;
   
/* margin-bottom: 10px; */
}

.toc {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.toc h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.toc ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.toc li {
    margin-bottom: 5px;
}

.toc a {
    text-decoration: none;
    color: #007bff;
}

.toc a:hover {
    text-decoration: underline;
}






.author-section {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-section img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.author-section .author-info {
    flex: 1;
}

.author-section h5 {
    margin: 0 0 5px 0;
}

.author-section p {
    margin: 0;
}





.recommended-articles {
    margin-top: 20px;
}

.recommended-articles a {
    text-decoration: none;
    color: #000;
}

.recommended-articles img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 768px) {
    .col-lg-9, .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 425px) {
    h1,  {
        font-size: 1.9rem;
    }
h2 {
         font-size: 1.5rem;
    }
    .author-section {
        text-align: center;
    }

    .author-section img {
        margin-bottom: 10px;
    }
}

@media (max-width: 375px) {
    h1, h2 {
        font-size: 1.2rem;
    }
}

@media (max-width: 320px) {
    h1, h2 {
        font-size: 1.1rem;
    }
}

.box11{border: 1px solid #fc83b5; padding: 0px; border-radius: 5px;}
.box13{border: 1px solid #fc83b5;padding:  0px; margin: 10px 0px 10px 0px; border-radius: 5px;}



/* Nav Bar styling */
.tdn {
text-decoration: none;
}

@font-face {
font-family: anand;
src: url(../Titan_One/TitanOne-Regular.ttf);
}

.ana {
font-family: anand;
font-size: 50px;
font-weight: 20px;
}

.bg-img {
background-image: url(../images/october-7521183_1280.jpg);
height: 400px;
background-repeat: no-repeat;
width: 100%;
background-position: center;
background-size: cover;
background-attachment: fixed;
align-items: center;
}

.bg-img1 {
background-image: url(../images/jdu.jpg);
height: 700px;
background-repeat: no-repeat;
width: 100%;
background-position: center;
background-size: cover;
background-attachment: fixed;
align-items: center;
}

.carousel-item {
height: 800px;
}

@media (max-width: 768px) {
.counter h2 {
font-size: 30px;
}

.counter p {
font-size: 20px;
}

.hide {
display: none;
}

.navbar-nav {
text-align: center;
}

.carousel-item {
height: 400px;
}

.bg-img1 {
height: 1100px;
}

.gap {
padding: 10px;
}
}

@media (max-width: 500px) {
.carousel-item {
height: 200px;
}
}

.navbar-collapse {
flex-grow: 0;
}

.pdng {
padding: 10px;
}

/* Most1 */
.row1{
padding-left: 2px; !important;
padding-right: 2px; !important;
}
.Most1{padding: 0px 0px;background: rgb(249, 249, 249);}
.caed1 img{width: 100%;}
.caed1{border: 1px solid #bfb4b4; padding-bottom: 1rem; border-radius: 6px; margin: 10px 0px;}
.caed2{border: 1px solid #bfb4b4; padding-bottom: .5rem; border-radius: 6px; margin: 10px 0px;}
.card-body {
padding: 0 !important; /* Remove padding and ensure it overrides existing styles */
}

.cd{padding: 8px;}
.br span a{color: #cb1176; text-decoration: none;}
.br1{border: 1px solid #eee;margin-top: 10px; margin-bottom: 10px;}
.cd1 h5{color: #fff; font-weight: 700;}
.gir h3{font-weight: 500; margin-top: 10px; margin-bottom: 10px;}
.gir h5{font-weight: 400;}
.gir span{font-weight: 600; font-size: 21px;}
.icon_rund{width: 25px;height: 25px;background: #cb1176; border-radius: 50%;}
.rund{margin-top: 10px;}









.custom-gap {
margin-left: 10px; /* Adjust as needed */
margin-right: 10px; /* Adjust as needed */
}



/* CTA Custom CSS for smaller input and button */
.smaller-input-group .custom-input {
max-width: 200px;  /* Adjust width as needed */
height: 30px;      /* Adjust height as needed */
font-size: 14px;   /* Smaller font size */
padding: 4px 8px;  /* Adjust padding for better appearance */
}

.smaller-input-group .custom-button {
height: 30px;       /* Match height with input */
font-size: 14px;    /* Smaller font size */
padding: 4px 12px;  /* Adjust padding for better appearance */
margin-right: 10px; /* Small space between buttons */
}

/* Responsive Adjustments */

/* For tablets (768px and below) */
@media (max-width: 768px) {
.smaller-input-group .custom-input,
.smaller-input-group .custom-button {
font-size: 12px;   /* Smaller font size for smaller screens */
padding: 3px 6px;  /* Adjust padding for smaller screens */
}

.smaller-input-group .custom-input {
max-width: 180px;  /* Slightly narrower input on tablets */
}
}

/* For mobile phones (576px and below) */
@media (max-width: 576px) {
.smaller-input-group {
flex-direction: column;  /* Stack input and buttons vertically */
}

.smaller-input-group .custom-input {
max-width: 100%;   /* Full-width input on mobile */
margin-bottom: 10px; /* Space below input */
}

.smaller-input-group .custom-button {
width: 100%;  /* Full-width buttons */
margin-right: 0; /* Remove margin when stacked */
}
}
/* CTA  CSS End */


/* Day1  CSS  */
.bg-pink {
    background-color: #e91e63;
}
.itinerary-header {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
    border: 1px solid #e91e63; /* Pink border */
    padding: 5px;
    border-radius: 5px;
    margin: 0px;
}
@media (max-width: 425px) {
    .itinerary-header h5 { font-size: 1rem; }
    .itinerary-header .bg-pink { padding: 0.5rem 1rem; }
}
@media (max-width: 375px) {
    .itinerary-header h5 { font-size: 0.9rem; }
    .itinerary-header .bg-pink { padding: 0.4rem 0.8rem; }
}
@media (max-width: 320px) {
    .itinerary-header h5 { font-size: 0.8rem; }
    .itinerary-header .bg-pink { padding: 0.3rem 0.6rem; }
}

/* FOR BUTTON */

.btn1 {
    /* background-color: #dc3545; */
    color: white;
    font-size: 14px;
    padding: 6px 10px;
  }
  .btn2 {
    font-size: 14px;
    padding: 6px 10px;
  }
  @media (max-width: 425px) {
    .d-flex button {
      flex: 1;
      margin: 2px;
      text-align: center;
    }
  }




/* ..................................Home Page css......................... */




 /* Most_box */
 .Most_box{padding: 20px 0px;}
 .mbox img{width: 100%; opacity: 90%; border-radius: 5px;}
 .mbox{position: relative; margin: 8px 0px;}
 .tx{position: absolute; z-index: 999; top: 18px; left: 165px;}
 .bt a{padding: 5px 15px; background: #fff; color: #cb1176; text-decoration: none; border-radius: 5px;}
 
 .bt1 a{padding: 3px 8px; background: #cb1176;font-size: 14px; color: #fff; text-decoration: none; border-radius: 5px;}
 .tx1{position: absolute; z-index: 999; top: 190px; left: 14px;}
 .tx1 h5{color: #fff; font-weight: 600;}
 


/* ..................................video......................... */
.video img {width: 100%;}
.p {background: #f07e2b;width: 100%;height: 44px;}
.video span{font-size: 30px; font-weight: 650; color: #f14228;}

.video h6{color: #f14228; margin-bottom: 30px;}
.video1{box-shadow: 1px 5px 41px 0 hsla(0,0%,89.4%,.8);margin: 13px 0px; }
.video a{text-decoration: none;}









.hpack{ margin: 0px 120px 0px 120px;} /* home page ke pack set hai media me bhi hai ye*/

@media(max-width:1024px) {
    .tx{top: 18px; left: 120px;}
    .tx1{top: 147px; left: 13px;}
    .hpack{ margin: 0px 32px 0px 32px;}
   }
   @media(max-width:768px) {
     .tx{top: 10px; left: 70px;}
     .tx1{top: 93px; left: 10px;}
     .hpack{ margin: 0px 32px 0px 32px;}
    }
    @media(max-width:425px) {
     .tx{top: 18px; left: 305px;}
     .tx1{top: 325px; left: 18px;}
     .hpack{ margin: 0px 10px 0px 10px;}
    
   
    
   
     
    }
    @media(max-width:375px) {
     .tx{top: 18px; left: 255px;}
     .tx1{top: 280px; left: 18px;}
     .hpack{ margin: 0px 10px 0px 10px;}
    }
    /* i phone */
    @media(max-width:390px) {
     .tx{top: 18px; left: 255px;}
     .tx1{top: 288px; left: 18px;}
     .hpack{ margin: 0px 10px 0px 10px;}
    }
     @media(max-width:320px) {
       .g-bt a {padding: 7px 6px; }
     .w-bt a {padding: 5px 6px;}
     .tx{top: 18px; left: 200px;}
     .tx1{top: 220px; left: 18px;}
     .hpack{ margin: 0px 10px 0px 10px;}
     }
   
 



    /* Destination top */
    #gallery {
        padding: 10px 10px; /* Additional CSS for better image presentation */
   }
    
    #gallery h2 {
        font-size: 2.5rem;
        font-weight: bold;
        color: #333;
    }
    
    .gallery-item {
        margin-bottom: 15px;
    }
    
    .gallery-item a {
        display: block;
        text-decoration: none;
    }
    
    .gallery-img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }
    
    .gallery-img:hover {
        transform: scale(1.05);
    }
    
    /* Responsive adjustments for tablets and below */
    @media (max-width: 768px) {
        .gallery-item {
            margin-bottom: 20px;
        }
    
        #gallery h2 {
            font-size: 2rem;
        }
    }
    
    /* Responsive adjustments for mobile screens */
    @media (max-width: 576px) {
        .gallery-item {
            margin-bottom: 15px;
            flex: 0 0 50%; /* Set 2 images per row on mobile */
            max-width: 50%;
        }
    
        .gallery-item a {
            margin: 0 2px; /* 2px margin on left and right */
        }
    
        #gallery h2 {
            font-size: 1.5rem;
        }
    }
    
   /* Footer css */

    footer {
        background-color: #343a40; /* Dark background color */
        color: #f8f9fa; /* Light text color */
    }
    
    footer h5 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    
    footer p, footer a {
        font-size: 0.9rem;
    }
    
    footer a {
        text-decoration: none;
        color: #f8f9fa;
        transition: color 0.3s ease;
    }
    
    footer a:hover {
        color: #ffc107; /* Change color on hover */
    }
    
    /* Social media icons spacing */
    footer .me-2 {
        margin-right: 0.5rem;
    }
    



  /* review css homepage */

    .review-container {
        display: flex;
        overflow-x: auto; /* Allows horizontal scrolling */
        padding-bottom: 10px;
        scroll-snap-type: x mandatory; /* Enables snap scrolling */
    }
    
    .review-container::-webkit-scrollbar {
        display: none; /* Hides scrollbar */
    }
    
    .card {
        scroll-snap-align: center; /* Each card snaps to center on scroll */
        flex-shrink: 0;
        width: 250px; /* Width for each card */
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    



      /* why choose us css homepage */
    .cardw {
        border: 1px solid #ddd; /* Adding border to each card */
        border-radius: 5px;
        padding: 10px;
        margin: 0px 5px 0px 5px;
        transition: box-shadow 0.3s ease;
      }
  
      .cardw:hover {
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      }
  
      .cardw-icon img {
        width: 50px; /* Custom image icon size */
        height: 50px;
        margin-bottom: 10px;
      }
  
      .wtheme-title {
        font-weight: sharp;
        font-size: 18px;
      }
  
      .wtheme-section {
        padding: 20px 0;
      }
  
      @media (max-width: 768px) {
        .col-12.col-md-4.col-lg-2 {
          width: 50%; /* Display two cards per row on mobile view */
        }
      }


 /* star rating  css for pack*/

      .star-rating {
        display: flex;
      }
      
      .star {
        width: 10px;
        height: 10px;
        margin-right: 4px;
      }
      
 /* star rating  css for pack End*/





 /* About home*/

 #image-text-section {
   
  }
  
  #image-text-section img {
    width: 100%;
    height: auto;
    padding: 0px; 0px;10px;0px;
    object-fit: cover; /* Ensures image doesn't distort */
    border-radius: 5px; /* Optional: to give the image rounded corners */
  }
  
  .text-content {
    padding: 20px;
  }
  
   #image-text-section p {
    margin-bottom: 10px;
    color: #555;
  }
  
  #image-text-section a.btn {
    padding: 10px 20px;
    font-size: 1.1rem;
  }
  


 /* About home end*/


 /* fees and time*/


.section-header {
            font-size: 1.5rem;
            font-weight: bold;
            background-color: #f8f9fa;
            padding: 10px 15px;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        /* Rounded Image Styling */
        .rounded-image {
            border-radius: 10px;
        }
        /* Info Box Styling */
        .info-box {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            border: 1px solid #ddd;
            font-size: 1rem;
        }
        .info-box h5 {
            font-weight: bold;
        }
        .info-box ul {
            list-style: none;
            padding-left: 0;
        }
        .info-box ul li {
            margin-bottom: 5px;
        }
        /* Sidebar Placeholder Styling */
        .sidebar {
            padding: 10px;
            background-color: #ea6cbe;
            border-radius: 10px;
            height: 100%;
        }
        /* Blink Button css Styling */
 
        @keyframes blinkBounce {
            0%, 100% { 
                opacity: 1; 
                transform: scale(0.98) translateY(0); 
                box-shadow: none;
            }
            50% { 
                opacity: 0.9; 
                transform: scale(1) translateY(-10px); 
                box-shadow: 0 0 15px rgba(255, 20, 147, 0.8); /* Pink Shadow */
            }
        }

        .blink-bounce-button {
            animation: blinkBounce 1s infinite;
            will-change: opacity, transform, box-shadow;
            -webkit-animation: blinkBounce 1s infinite;
            font-weight: bold;
            border-radius: 8px;
            border: none;
            background-color: #ff4d6a; /* Bright red for CTA */
            color: white;
        }



.gallery-item a {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%; /* square */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* soft modern shadow */
  transition: all 0.3s ease;
}

.gallery-item a:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.12); /* slight hover lift */
  transform: translateY(-3px);
}

.gallery-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.gallery-item .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px;
  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}





</style>