.packages-section { position: relative; overflow: hidden; }
        .package-card { background: white; border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(0,0,0,0.08); height: 100%; }
        .package-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
        .card-image-wrapper { position: relative; height: 260px; background: #f0f0f0; cursor: pointer; overflow: hidden; }
        .package-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
        .package-card:hover .package-img { transform: scale(1.1); }
        .image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.4)); opacity: 0; transition: opacity 0.3s ease; }
        .package-card:hover .image-overlay { opacity: 1; }
        .quick-actions { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s ease; z-index: 2; display: flex; gap: 10px; }
        .package-card:hover .quick-actions { opacity: 1; transform: translate(-50%, -50%); }
        .quick-actions .btn { width: 40px; height: 40px; padding: 0; border-radius: 50%; }
        .quick-actions .btn:hover { background: #0d6efd; color: white; transform: scale(1.1); }
        .offer-badge { position: absolute; bottom: 15px; left: 15px; z-index: 2; }
        .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; }
        .feature-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #666; }
        .feature-item i { width: 20px; font-size: 14px; }
        .tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 15px; }
        .tag { font-size: 11px; padding: 4px 10px; background: #f0f0f0; border-radius: 20px; color: #666; transition: all 0.3s ease; }
        .tag:hover { background: #0d6efd; color: white; cursor: pointer; }
        .package-title { line-height: 1.4; color: #1a1a1a; transition: color 0.3s ease; font-size: 1.25rem; font-weight: 700; }
        .package-card:hover .package-title { color: #0d6efd; }
        .rating { text-align: right; }
        .stars { display: inline-block; font-size: 12px; letter-spacing: 2px; }
        .price-currency { font-size: 14px; font-weight: 500; color: #666; margin-right: 3px; }
        .price-amount { font-size: 28px; font-weight: 700; color: #0d6efd; line-height: 1; }
        .package-description { line-height: 1.6; color: #666; font-size: 0.875rem; }
        .destination-hero { padding: 60px 40px; border-radius: 20px; color: white; margin-bottom: 40px; }
        .stat-badge { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; background: rgba(255,255,255,0.2); border-radius: 30px; font-size: 13px; }
        .highlight-card { background: white; border-radius: 15px; padding: 20px; text-align: center; transition: all 0.3s ease; height: 100%; }
        .highlight-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
        .breadcrumb { background: transparent; padding: 0; margin-bottom: 20px; }
        .breadcrumb-item a { color: #0d6efd; text-decoration: none; }
        @media (max-width: 768px) {
            .card-image-wrapper { height: 220px; }
            .price-amount { font-size: 24px; }
            .destination-hero { padding: 40px 20px; }
            .display-4 { font-size: 2rem; }
        }
        .mb-5 .col-12{color:white;}
         .col-12 .fa-map-marked-alt h4{color: white;}