.dest-card-item {
            cursor: pointer;
            transition: transform 0.3s ease;
            user-select: none;
            height: 100%;
        }

     .dest-card-item:hover {
            transform: translateY(-5px);
        }
      a{
         text-decoration: none;
         color: #000;
      }
        /* Image Container */
     .dest-img-box {
            position: relative;
            height: 340px;
            width: 100%;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
            margin-bottom: 1rem;
            background: #f1f5f9;
        }

     .dest-card-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }

        /* Hover Effects */
     .dest-card-item:hover .dest-card-img {
            transform: scale(1.15);
            filter: blur(4px) brightness(0.6);
        }

        /* Flag Badge */
     .dest-flag-badge {
            position: absolute;
            top: 20px; left: 20px;
            width: 50px; height: 50px;
            border-radius: 50%;
            background: white;
            padding: 3px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            z-index: 10;
            display: flex; align-items: center; justify-content: center;
        }

        /* Text Overlay on Hover */
     .dest-overlay {
            position: absolute;
            inset: 0;
            display: flex; align-items: center; justify-content: center;
            z-index: 5;
            opacity: 0;
            transition: opacity 0.3s ease;
            padding: 1.5rem;
            text-align: center;
        }

     .dest-card-item:hover .dest-overlay { opacity: 1; }

     .dest-desc-overlay {
            color: white;
            font-size: 1.1rem;
            font-weight: 600;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
            transform: translateY(10px);
            transition: transform 0.3s ease;
        }

     .dest-card-item:hover .dest-desc-overlay { transform: translateY(0); }

        /* Card Title */
     .dest-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--dest-text-dark);
            text-align: center;
            margin-bottom: 0;
        }