body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #333;
            font-weight: 600;
        }
        
        
        

        :root {
            --primary-color: #0d6efd;
            --secondary-color: #20c997;
            --accent-color: #fd7e14;
            --light-blue: #e7f5ff;
            --sand-color: #f8f0d9;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #333;
            background-color: #f8f9fa;
        }
        
  
        .tour-title {
            font-weight: 700;
            margin-bottom: 0.5rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
              color: white;
        }
        
        .duration-badge {
            background-color: var(--accent-color);
            color: #000;
            font-weight: 600;
            padding: 0.5rem 1rem;
            border-radius: 30px;
        }
        
 
        
        .tab-icon {
            margin-right: 8px;
            color: var(--primary-color);
        }
        

        .itinerary-day {
            border-left: 3px solid var(--primary-color);
            padding-left: 1.5rem;
            margin-bottom: 2rem;
            position: relative;
        }
        
        .itinerary-day:before {
            content: "";
            position: absolute;
            left: -8px;
            top: 0;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: var(--primary-color);
        }
        
        .inclusion-list li, .exclusion-list li {
            margin-bottom: 0.5rem;
            padding-left: 1.5rem;
            position: relative;
        }
        
        .inclusion-list li:before {
            content: "✓";
            color: var(--secondary-color);
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        
        .exclusion-list li:before {
            content: "✗";
            color: #dc3545;
            position: absolute;
            left: 0;
        }
        
        .accordion-button:not(.collapsed) {
            background-color: rgba(13, 110, 253, 0.1);
            color: var(--primary-color);
            font-weight: 600;
            box-shadow: none;
        }
        
        .accordion-button:focus {
            box-shadow: none;
            border-color: rgba(0,0,0,.125);
        }
        
        .contact-card {
            background: linear-gradient(135deg, var(--sand-color) 0%, #ffffff 100%);
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        
        
        .beach-theme-bg {
            background-color: var(--light-blue);
        }
        
        .beach-icon {
            color: var(--secondary-color);
        }
        
        
        @media (max-width: 768px) {
            .nav-tabs .nav-link {
                padding: 0.75rem;
                font-size: 0.9rem;
            }
            
            .tab-icon {
                display: block;
                margin: 0 auto 5px;
                text-align: center;
            }
            
            .hero-section {
                padding: 3rem 0;
            }
        }
        
        .gallery-img {
            border-radius: 8px;
            transition: transform 0.3s ease;
        }
        
        .gallery-img:hover {
            transform: scale(1.03);
        }
        
        
/* Sidebar sticky behavior */
.sidebar {
    position: sticky;
    top: 100px; /* adjust according to your header/hero height */
}

/* Disable sticky on smaller screens */
@media (max-width: 992px) {
    .sidebar {
        position: static;
        top: auto;
    }
}



  .jungle-theme-bg {
            background-color: var(--light-green);
        }
        
        .jungle-icon {
            color: var(--primary-color);
        }
        
        .adventure-icon {
            color: var(--adventure-color);
        }
   .btn-adventure {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: white;
        }
        
        .wildlife-badge {
            background-color: var(--secondary-color);
            color: #000;
        }
        
        .adventure-badge {
            background-color: var(--primary-color);
            color: white;
        }