.elementor-6954 .elementor-element.elementor-element-949aea0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6954 .elementor-element.elementor-element-4806705{--e-image-carousel-slides-to-show:4;}.elementor-6954 .elementor-element.elementor-element-4806705 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF4F;opacity:1;}.elementor-6954 .elementor-element.elementor-element-4806705 .swiper-pagination-bullet{background:#FFFFFF;}.elementor-6954 .elementor-element.elementor-element-c12222c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6954 .elementor-element.elementor-element-79227d5{--display:flex;}.elementor-6954 .elementor-element.elementor-element-9f5d280 .elementor-heading-title{font-size:32px;}.elementor-6954 .elementor-element.elementor-element-e15a17a:not(.elementor-motion-effects-element-type-background), .elementor-6954 .elementor-element.elementor-element-e15a17a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-6954 .elementor-element.elementor-element-e15a17a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 0px 0px;}.elementor-6954 .elementor-element.elementor-element-e15a17a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6954 .elementor-element.elementor-element-79fd917 .elementor-heading-title{font-family:"DM Sans", Sans-serif;}.elementor-6954 .elementor-element.elementor-element-5d308b8{--divider-border-style:solid;--divider-color:#DADADA;--divider-border-width:1px;}.elementor-6954 .elementor-element.elementor-element-5d308b8 .elementor-divider-separator{width:100%;}.elementor-6954 .elementor-element.elementor-element-5d308b8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6954 .elementor-element.elementor-element-99dcf8e .elementor-button{background-color:var( --e-global-color-astglobalcolor0 );border-radius:10px 10px 10px 10px;}.elementor-6954 .elementor-element.elementor-element-99dcf8e .elementor-button:hover, .elementor-6954 .elementor-element.elementor-element-99dcf8e .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-6954 .elementor-element.elementor-element-1cfc0c9{--divider-border-style:solid;--divider-color:#DADADA;--divider-border-width:1px;}.elementor-6954 .elementor-element.elementor-element-1cfc0c9 .elementor-divider-separator{width:100%;}.elementor-6954 .elementor-element.elementor-element-1cfc0c9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6954 .elementor-element.elementor-element-3056c74{padding:50px 0px 60px 0px;}.elementor-6954 .elementor-element.elementor-element-fd2213f > .elementor-element-populated{padding:0px 60px 0px 15px;}.elementor-6954 .elementor-element.elementor-element-1cfa738{font-family:"DM Sans", Sans-serif;line-height:2em;}.elementor-6954 .elementor-element.elementor-element-05cebf6 .elementor-tab-title{background-color:#E1EFE0;}.elementor-6954 .elementor-element.elementor-element-05cebf6 .elementor-accordion-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:800;text-decoration:none;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-6954 .elementor-element.elementor-element-05cebf6 .elementor-tab-title .elementor-accordion-icon i:before{color:var( --e-global-color-primary );}.elementor-6954 .elementor-element.elementor-element-05cebf6 .elementor-tab-title .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-6954 .elementor-element.elementor-element-99a3ff7 .elementor-heading-title{font-size:32px;}.elementor-6954 .elementor-element.elementor-element-ff1cddc > .elementor-element-populated, .elementor-6954 .elementor-element.elementor-element-ff1cddc > .elementor-element-populated > .elementor-background-overlay, .elementor-6954 .elementor-element.elementor-element-ff1cddc > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-6954 .elementor-element.elementor-element-ff1cddc > .elementor-element-populated{padding:15px 15px 15px 15px;}@media(max-width:767px){.elementor-6954 .elementor-element.elementor-element-949aea0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6954 .elementor-element.elementor-element-4806705{--e-image-carousel-slides-to-show:1;}.elementor-6954 .elementor-element.elementor-element-4806705 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;width:8px;height:8px;}.elementor-6954 .elementor-element.elementor-element-c12222c{--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6954 .elementor-element.elementor-element-79227d5{--padding-top:20px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-6954 .elementor-element.elementor-element-9f5d280 .elementor-heading-title{font-size:21.6px;}.elementor-6954 .elementor-element.elementor-element-e15a17a{padding:30px 0px 30px 0px;}.elementor-6954 .elementor-element.elementor-element-22ad812 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-6954 .elementor-element.elementor-element-79fd917 .elementor-heading-title{font-size:24px;}.elementor-6954 .elementor-element.elementor-element-5d308b8 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6954 .elementor-element.elementor-element-5d308b8 .elementor-divider-separator{width:0%;}.elementor-6954 .elementor-element.elementor-element-31d3155 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-6954 .elementor-element.elementor-element-1cfc0c9 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6954 .elementor-element.elementor-element-1cfc0c9 .elementor-divider-separator{width:0%;}.elementor-6954 .elementor-element.elementor-element-3056c74{padding:060px 10px 60px 10px;}.elementor-6954 .elementor-element.elementor-element-fd2213f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6954 .elementor-element.elementor-element-05cebf6 .elementor-accordion-title{font-size:20px;}.elementor-6954 .elementor-element.elementor-element-ff1cddc > .elementor-element-populated{padding:40px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c8eb447 *//* === BRAND IDENTITY VARIABLES === */
:root {
    --primary-color: #F57E27; /* Your primary orange */
    --secondary-color: #2F3C4C; /* Your dark blue-gray */
    --text-color: #2F3C4C;
    --text-light: #69707f;
    --background-color: #ffffff;
    --border-color: #e6e8eb;
    --star-gold: #ffc107;
    --font-title: 'Be Vietnam Pro', sans-serif;
    --font-body: 'Nunito Sans', sans-serif;
}

/* === GENERAL STYLES === */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: var(--font-body);
    background-color: var(--background-color);
    color: var(--text-color);
    font-size: 17px; /* CONSISTENT BODY TEXT SIZE */
    padding-bottom: 100px;
}
.content-wrapper { padding: 1rem; max-width: 1200px; margin: 0 auto; }
h1, h2, h3, h4, .accordion summary, .cta-button, .rec-card h4 {
    font-family: var(--font-title);
    color: var(--secondary-color);
    font-weight: 600; /* REDUCED TITLE THICKNESS */
}

/* === HEADER & INFO === */
.tour-header h1 { font-size: 1.5rem; font-weight: 600; line-height: 1.2; margin-bottom: 2rem; }
.rating-box { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 2rem; font-size: 15px; }
.top-rated-badge { background-color: var(--primary-color); color: white; padding: 4px 10px; border-radius: 6px; font-weight: 700; font-family: var(--font-body); }
.stars { color: var(--star-gold); }
.rating-text { color: var(--text-light); font-family: var(--font-body); }
.short-description { line-height: 1.6; margin: 1rem 0 2rem 0; font-weight: 400; }

/* === ACCORDION SECTION (WITH DIVIDER & TOGGLE FIX) === */
.accordion { margin-bottom: 2rem; border-top: 1px solid var(--border-color); 
    margin-top: 2rem;
}
.accordion details {
    padding: 1.25rem 0;
    border-bottom: 2px solid #E9EAEC; /* Dark gray */
}
.accordion summary {
    list-style: none;
    font-size: 1.2rem;
    cursor: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary i { /* FIXED TOGGLE BUTTON */
    font-size: 0.9rem;
    transition: transform 0.2s;
    color: var(--secondary-color);
}
.accordion details[open] > summary i {
    transform: rotate(180deg);
}
.accordion-content { padding: 1rem 0.5rem 0 0; line-height: 1.6; }
.accordion-content ul { padding-left: 0rem; }
.accordion-content ul li { margin-bottom: 0.5rem; }

/* === CAROUSEL SECTION RE-ADDED & STYLED === */
.recommendations { margin-top: 4rem; }
.recommendations h2 { margin-bottom: 2rem; }
.recommendations-container { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: 1rem; scrollbar-width: none; }
.recommendations-container::-webkit-scrollbar { display: none; }
.rec-card { flex: 0 0 70%; max-width: 250px; border: 1px solid #E9EAEC; border-radius: 8px; overflow: hidden; }
.rec-card h3 { padding: 0.75rem 0.75rem 0; font-size: 16px; 
    line-height: 1.2;
}
.rec-image img { width: 100%; display: block; }
.rec-details { padding: 0 0.75rem; font-size: 14px; color: var(--text-light); line-height: 1.2;
    
}
.rec-rating { display: flex; align-items: center; gap: 0.5rem; padding: 0 0.75rem; font-size: 15px; }
.rec-price { padding: 0 0.75rem 0.75rem; font-size: 1.1rem; font-weight: 700; font-family: var(--font-body); }
.rec-price span { font-weight: 400; font-size: 14px; color: var(--text-light); }

/* Must Visit Place Carousel */

h2 {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 20em;
  color: #2F3C4C;
  font-weight: 600;
}

.carousel-container {
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  overflow: hidden;
  position: relative;
  padding: 0 10px;
  border: none;
}

.carousel-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding-bottom: 20px;
}

.carousel-track::-webkit-scrollbar {
  display: none;
}
.carousel-track {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.carousel-card-link {
  text-decoration: none !important; /* Removes underline from the link and all its content */
  color: inherit;
  display: block;
  flex-shrink: 0;
  width: 280px;
  scroll-snap-align: start;
}

.carousel-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid #E9EAEC; /* Added border to each card */
  /* Removed animation properties */
}

.carousel-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.carousel-card h4 {
  font-size: 1em;
  font-weight: 600;
  margin: 15px 15px 5px 15px;
  color: #2F3C4C;
  /* text-decoration: none; - Not needed here, as it's handled by .carousel-card-link */
}

.carousel-card p {
  font-size: 0.9em;
  margin: 0 15px 15px 15px;
  color: #2F3C4C;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* text-decoration: none; - Not needed here, as it's handled by .carousel-card-link */
}

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

  .carousel-track {
    gap: 15px;
  }

  .carousel-card-link {
    width: 250px;
  }

  .carousel-card h4,
  .carousel-card p {
    margin: 10px 10px;
  }
}

@media (max-width: 480px) {
  .carousel-card-link {
    width: 70%;
    margin: 0 auto;
  }
}

/* === FOOTER CTA === */
.sticky-footer-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--background-color);
    border-top: 1px solid var(--border-color);
    padding: 1rem;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.05);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-button {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 10px 45px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    max-width: 300px;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae38776 *//* FAQ Item Styling */
.faq-item {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 10px; /* Slightly reduced margin */
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:last-child {
    margin-bottom: 0; /* Remove margin from the last item */
}

/* You might need to add a class 'open' to your details tag using JavaScript
   for the .faq-item.open styles to work, e.g., when the details tag is opened.
   Alternatively, you can use the [open] attribute .elementor-6954 .elementor-element.elementor-element-ae38776 directly if preferred.
   For simplicity, I've kept the .open class in case you add JS functionality. */
.faq-item.open {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-color: #5cb85c;
}

/* FAQ Question Styling */
.faq-question {
    display: block;
    padding: 15px 45px 15px 20px; /* Increased right padding for the icon */
    font-size: 1.1em;
    font-weight: 600;
    color: #34495e;
    cursor: pointer;
    position: relative;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.faq-item.open .faq-question {
    background-color: #eafaea;
    color: #2e8b57;
    border-bottom: 1px solid #5cb85c;
}

/* Arrow/Plus Icon Styling */
.faq-question::after {
    content: '+';
    position: absolute;
    right: 20px; /* Adjusted right position */
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
    color: #888;
    transition: transform 0.3s ease, color 0.3s ease;
}

.faq-item.open .faq-question::after {
    content: '-';
    transform: translateY(-50%) rotate(0deg);
    color: #2e8b57;
}

/* FAQ Answer Styling */
.faq-answer {
    padding: 15px 20px;
    font-size: 0.95em;
    color: #555;
    background-color: #ffffff;
    border-top: none;
}

.faq-answer p {
    margin-top: 10px;
    margin-bottom: 0;
}

.faq-answer ul {
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 20px; /* Indent for list items */
}

.faq-answer ul li {
    margin-bottom: 5px; /* Spacing for list items */
}

/* Basic Accordion Open/Close (without smooth height transition for simplicity) */
/* This will show/hide the content directly. For a smooth slide effect,
   you would typically need a small JavaScript snippet to manage heights or
   use libraries. For the current details/summary HTML, browser's default
   behavior for content visibility is used when 'open' attribute changes. */
/* The 'display: none/block' below is if you were manually toggling content
   with JavaScript, which is not strictly necessary for <details> tag itself. */
/* If you use a class `open` on `details` via JS, then these rules apply.
   Otherwise, the browser's default open/close behavior for <details> handles visibility. */
.faq-answer {
    display: none; /* Hidden by default */
}

.faq-item[open] .faq-answer {
    display: block; /* Shown when details is open */
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-05cebf6 *//* Add space between accordion items */
.elementor-accordion .elementor-accordion-item {
    margin-bottom: 15px; /* Adjust the spacing between items */
    border: none; /* Remove any border */
}

/* Optional: Add padding inside each accordion item */
.elementor-accordion .elementor-accordion-item .elementor-tab-title,
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
    padding: 15px; /* Adjust padding as needed */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dd6742 *//* FAQ Item Styling */
.faq-item {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 10px; /* Slightly reduced margin */
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:last-child {
    margin-bottom: 0; /* Remove margin from the last item */
}

/* You might need to add a class 'open' to your details tag using JavaScript
   for the .faq-item.open styles to work, e.g., when the details tag is opened.
   Alternatively, you can use the [open] attribute .elementor-6954 .elementor-element.elementor-element-0dd6742 directly if preferred.
   For simplicity, I've kept the .open class in case you add JS functionality. */
.faq-item.open {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-color: #5cb85c;
}

/* FAQ Question Styling */
.faq-question {
    display: block;
    padding: 15px 45px 15px 20px; /* Increased right padding for the icon */
    font-size: 1.1em;
    font-weight: 600;
    color: #34495e;
    cursor: pointer;
    position: relative;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.faq-item.open .faq-question {
    background-color: #eafaea;
    color: #2e8b57;
    border-bottom: 1px solid #5cb85c;
}

/* Arrow/Plus Icon Styling */
.faq-question::after {
    content: '+';
    position: absolute;
    right: 20px; /* Adjusted right position */
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
    color: #888;
    transition: transform 0.3s ease, color 0.3s ease;
}

.faq-item.open .faq-question::after {
    content: '-';
    transform: translateY(-50%) rotate(0deg);
    color: #2e8b57;
}

/* FAQ Answer Styling */
.faq-answer {
    padding: 15px 20px;
    font-size: 0.95em;
    color: #555;
    background-color: #ffffff;
    border-top: none;
}

.faq-answer p {
    margin-top: 10px;
    margin-bottom: 0;
}

.faq-answer ul {
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 20px; /* Indent for list items */
}

.faq-answer ul li {
    margin-bottom: 5px; /* Spacing for list items */
}

/* Basic Accordion Open/Close (without smooth height transition for simplicity) */
/* This will show/hide the content directly. For a smooth slide effect,
   you would typically need a small JavaScript snippet to manage heights or
   use libraries. For the current details/summary HTML, browser's default
   behavior for content visibility is used when 'open' attribute changes. */
/* The 'display: none/block' below is if you were manually toggling content
   with JavaScript, which is not strictly necessary for <details> tag itself. */
/* If you use a class `open` on `details` via JS, then these rules apply.
   Otherwise, the browser's default open/close behavior for <details> handles visibility. */
.faq-answer {
    display: none; /* Hidden by default */
}

.faq-item[open] .faq-answer {
    display: block; /* Shown when details is open */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6d971b *//* बेसिक पेज सेटअप */


/* तीनों कार्ड्स को वर्टिकली रखने वाला कंटेनर */
.packages-container {
    display: flex;
    flex-direction: column; /* यह कार्ड्स को ऊपर से नीचे रखता है */
    gap: 30px; /* कार्ड्स के बीच की जगह */
}

/* हर एक कार्ड की मेन स्टाइलिंग */
.trip-card {
    width: fill;
    height: 300px;
    border-radius: 16px; /* गोल कोने */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    position: relative; /* कंटेंट को इसके ऊपर रखने के लिए */
    overflow: hidden; /* ताकि बैकग्राउंड इमेज कोनों से बाहर न जाए */
    color: white;
    display: flex;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

    /* बैकग्राउंड इमेज की कॉमन स्टाइल */
    background-size: cover;
    background-position: center;
}

/* होवर करने पर कार्ड थोड़ा ऊपर उठेगा */
.trip-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(40, 50, 70, 0.15);
}

/* हर कार्ड के लिए अलग बैकग्राउंड इमेज */
/* --- अपनी इमेज के URLs यहाँ बदलें --- */
.trip-card.thailand {
    background-image: url('https://dandelihub.com/wp-content/uploads/2025/06/Supa-Dam-dandeli-2.webp');
}
.trip-card.greece {
    background-image: url('https://dandelihub.com/wp-content/uploads/2025/06/Kavala-Caves-1.webp');
}
.trip-card.nepal {
    background-image: url('https://dandelihub.com/wp-content/uploads/2025/06/crocodile-park-dandeli-1.webp');
}
.trip-card.syntheri {
    background-image: url('https://dandelihub.com/wp-content/uploads/2025/06/Syntheri-Rocks-2.webp');
}
.trip-card.moulangi {
    background-image: url('https://dandelihub.com/wp-content/uploads/2025/06/moulangi-eco-park-4.webp');
}
.trip-card.wild {
    background-image: url('https://dandelihub.com/wp-content/uploads/2025/06/dandeli-tiger.webp');
}

/* टेक्स्ट को इमेज पर दिखाने के लिए कंटेनर */
.card-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* यह प्राइस को ऊपर और डेस्टिनेशन को नीचे रखता है */

    /* यह नीचे से डार्क ग्रेडिएंट बनाता है ताकि सफेद टेक्स्ट आसानी से दिखे */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
}

.price-info .price-label {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    opacity: 0.9;
    display: block;
}

.price-info .price-amount {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
}

.destination-info {
    text-align: center; /* डेस्टिनेशन नाम और 'Holidays' को सेंटर करता है */
}

.destination-info .destination-name {
    font-size: 26px;
    font-weight: 600;
    text-transform: 
    letter-spacing: 1px;
    display: block;
}

.destination-info .destination-type {
    font-size: 15px;
    font-weight: 400;
    opacity: 0.9;
}/* End custom CSS */