.client {
            max-width: 1400px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .client-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            align-items: center;
        }

        .client-item {
            background: white;
            border-radius: 8px;
            padding: 30px 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 120px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .client-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
        }

        .client-logo {
            max-width: 100%;
            max-height: 80px;
            object-fit: contain;
        }

        /* Logo specific styling */
        .radisson-blu {
            font-size: 28px;
            font-weight: bold;
            color: #333;
        }

        .radisson-blu .blu-box {
            background: #1e5aa8;
            color: white;
            padding: 4px 8px;
            margin-left: 10px;
            border-radius: 3px;
            font-size: 16px;
        }

        .best-western {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .best-western .bw-circle {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #4a9eff, #0066cc);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }

        .best-western .bw-text {
            color: #0066cc;
            font-size: 32px;
            font-weight: bold;
        }

        .fortune-park {
            text-align: center;
            color: #8B4513;
        }

        .fortune-park .fortune {
            font-size: 24px;
            font-weight: bold;
            color: #D2691E;
        }

        .fortune-park .park {
            font-size: 18px;
            margin-top: 2px;
        }

        .fortune-park .tagline {
            font-size: 10px;
            margin-top: 5px;
            color: #666;
        }

        .sandys-tower {
            text-align: center;
        }

        .sandys-tower .sandys {
            color: #8B0000;
            font-size: 24px;
            font-weight: bold;
        }

        .sandys-tower .tower {
            color: #8B0000;
            font-size: 16px;
            margin-top: 2px;
        }

        .sandys-tower .tagline {
            font-size: 10px;
            color: #666;
            margin-top: 5px;
        }

        .hotel-orchid {
            text-align: center;
            color: #8A2BE2;
        }

        .hotel-orchid .orchid-icon {
            font-size: 30px;
            margin-bottom: 5px;
        }

        .hotel-orchid .hotel {
            font-size: 18px;
            font-weight: bold;
        }

        .hotel-orchid .orchid {
            font-size: 24px;
            font-weight: bold;
            margin-top: 2px;
        }

        .hotel-orchid .location {
            font-size: 12px;
            margin-top: 5px;
            color: #666;
        }

        .kimmane {
            text-align: center;
        }

        .kimmane .logo-circle {
            width: 50px;
            height: 50px;
            background: #2E8B57;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            color: white;
            font-weight: bold;
        }

        .kimmane .name {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .kimmane .tagline {
            font-size: 12px;
            color: #666;
        }

        .trance-veechika {
            text-align: center;
        }

        .trance-veechika .logo-badge {
            background: linear-gradient(135deg, #32CD32, #228B22);
            color: white;
            padding: 15px;
            border-radius: 25px;
            margin-bottom: 10px;
            display: inline-block;
            font-weight: bold;
        }

        .trance-veechika .veechika {
            color: #2E8B57;
            font-size: 20px;
            font-weight: bold;
        }

        .trance-veechika .resort {
            color: #666;
            font-size: 14px;
            margin-top: 2px;
        }

        .vani-boutique {
            color: #FF8C00;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }

        .npr {
            background: #8B0000;
            color: white;
            padding: 20px;
            border-radius: 5px;
            text-align: center;
        }

        .npr .flame {
            font-size: 24px;
            margin-bottom: 5px;
        }

        .npr .npr-text {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .npr .tagline {
            font-size: 12px;
            margin-top: 5px;
        }

        .suraj {
            text-align: center;
        }

        .suraj .star-icon {
            color: #4169E1;
            font-size: 24px;
            margin-bottom: 5px;
        }

        .suraj .suraj-text {
            font-size: 28px;
            font-weight: bold;
            color: #DC143C;
        }

        .suraj .tagline {
            font-size: 12px;
            color: #666;
            margin-top: 5px;
        }

        /* Tablet view */
        @media (max-width: 1024px) {
            .client-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }
            
            .client-item {
                min-height: 100px;
                padding: 20px 15px;
            }
        }

        /* Mobile view */
        @media (max-width: 768px) {
            .client {
                padding: 30px 15px;
            }
            
            .client-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }
            
            .client-item {
                min-height: 90px;
                padding: 15px 10px;
            }
            
            .best-western .bw-text {
                font-size: 24px;
            }
            
            .radisson-blu {
                font-size: 20px;
            }
            
            .npr .npr-text {
                font-size: 20px;
            }
            
            .suraj .suraj-text {
                font-size: 20px;
            }
        }

        /* Small mobile view */
        @media (max-width: 480px) {
            .client-grid {
                grid-template-columns: -1fr;
                gap: 10px;
            }
            
            .client-item {
                min-height: 80px;
                padding: 15px;
            }
        }