*, *::before, *::after { box-sizing: border-box; } :root { /* Brand */ --rz-red: #E5271A; --rz-red-dark: #B81F14; --rz-red-light: #FFF0EF; /* Ink */ --rz-ink: #0E0E0E; --rz-ink-2: #2A2A2A; --rz-ink-3: #555555; --rz-ink-4: #999999; /* Surfaces */ --rz-surface: #FFFFFF; --rz-bg: #F5F3EF; --rz-bg-2: #EDEBE6; /* Border */ --rz-border: rgba(14,14,14,0.08); --rz-border-md: rgba(14,14,14,0.14); /* Radius */ --rz-radius: 16px; --rz-radius-lg: 22px; --rz-radius-xl: 30px; /* Shadow */ --rz-shadow: 0 2px 16px rgba(0,0,0,0.06); --rz-shadow-lg: 0 8px 32px rgba(0,0,0,0.12); /* Transition */ --rz-trans: all 0.25s cubic-bezier(0.4,0,0.2,1); /* Alias for legacy pages */ --primary: #E5271A; --primary-dark: #B81F14; --red: #E5271A; --red-dark: #B81F14; --red-glow: rgba(229,39,26,0.18); --red-soft: #FFF0EF; --ink: #0E0E0E; --ink-mid: #2A2A2A; --ink-soft: #555555; --dark: #0E0E0E; --dark-2: #2A2A2A; --cream: #F5F3EF; --cream-2: #EDEBE6; --white: #FFFFFF; --charcoal: #2A2A2A; --border: rgba(14,14,14,0.08); --gray-bg: #F5F3EF; --gray-border: rgba(14,14,14,0.14); --gray-soft: #EDEBE6; --stone-100: #FAFAF8; --stone-200: #F4F1EC; --stone-300: #E8E3DB; --stone-400: #CEC7BC; --stone-500: #9E9689; --stone-600: #706860; --radius-sm: 10px; --radius-md: 16px; --radius-lg: 22px; --radius-xl: 30px; --r-xs: 6px; --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-xl: 30px; --r-2xl: 40px; --sh-xs: 0 1px 3px rgba(15,13,12,0.05); --sh-sm: 0 2px 8px rgba(15,13,12,0.07); --sh-md: 0 6px 24px rgba(15,13,12,0.09); --sh-lg: 0 16px 48px rgba(15,13,12,0.12); --sh-xl: 0 24px 64px rgba(15,13,12,0.14); --sh-red: 0 6px 20px rgba(229,39,26,0.30); --shadow: 0 12px 35px rgba(0,0,0,0.06); --transition: .35s ease; --ease: cubic-bezier(0.4,0,0.2,1); --ease-bounce: cubic-bezier(0.34,1.56,0.64,1); --t: 0.22s; --font-display: 'Playfair Display', serif; --font-body: 'DM Sans', sans-serif; --text: #555555; --success: #0D7A3E; --success-bg: #E6F7EE; --success-bdr: #B3E6CA; /* login page compat */ --accent: #E5271A; --accent-dark: #B81F14; --accent-lt: #FFF0EF; --bg: #F5F3EF; --bg-card: #FFFFFF; --danger: #dc3545; /* emi / policies compat */ --gold: #F59E0B; } body { font-family: 'DM Sans', sans-serif; } /* ── Page Section ── */ .rz-other-services { padding: 52px 0 72px; background: var(--gray-bg); } /* ── Service Grid ── */ .rz-services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 36px; } /* ── Service Card ── */ .rz-service-card { background: #fff; border-radius: var(--radius-lg); border: 1px solid var(--gray-border); overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--shadow-card); transition: transform 0.25s cubic-bezier(0.22,1,0.36,1), box-shadow 0.25s, border-color 0.25s; text-decoration: none; } .rz-service-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.1); border-color: rgba(237,47,36,0.22); } /* Image */ .rz-service-img { aspect-ratio: 16/10; overflow: hidden; background: #f0ede8; position: relative; } .rz-service-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s cubic-bezier(0.22,1,0.36,1); } .rz-service-card:hover .rz-service-img img { transform: scale(1.06); } /* Badge overlay on image */ .rz-service-img-badge { position: absolute; top: 10px; left: 10px; background: rgba(10,8,6,0.72); backdrop-filter: blur(6px); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border-radius: 99px; z-index: 2; } /* Body */ .rz-service-body { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; gap: 6px; } .rz-service-cat { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--red); } .rz-service-name { font-size: 15px; font-weight: 600; color: var(--charcoal); line-height: 1.35; } .rz-service-desc { font-size: 12px; color: var(--text-muted); line-height: 1.65; flex: 1; } /* Footer */ .rz-service-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; gap: 10px; } .rz-service-price-wrap {} .rz-service-price-label { font-size: 10px; color: #aaa; letter-spacing: 0.5px; display: block; margin-bottom: 1px; } .rz-service-price { font-size: 17px; font-weight: 700; color: var(--charcoal); } .rz-service-btn { display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(135deg, var(--red), #ff4a3f); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; padding: 8px 16px; border-radius: 99px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; white-space: nowrap; flex-shrink: 0; box-shadow: 0 4px 14px rgba(237,47,36,0.3); } .rz-service-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(237,47,36,0.4); color: #fff; } /* ── Category Card (fallback) ── */ .rz-cat-card { background: #fff; border-radius: var(--radius-lg); border: 1px solid var(--gray-border); padding: 32px 20px; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 12px; box-shadow: var(--shadow-card); transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; } .rz-cat-card:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(0,0,0,0.09); border-color: rgba(237,47,36,0.2); } .rz-cat-icon { width: 80px; height: 80px; border-radius: 50%; background: var(--gray-bg); display: flex; align-items: center; justify-content: center; overflow: hidden; } .rz-cat-icon img { max-width: 55%; max-height: 55%; object-fit: contain; display: block; } .rz-cat-name { font-size: 15px; font-weight: 600; color: var(--charcoal); } .rz-cat-link { font-size: 12px; color: var(--red); font-weight: 700; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; } /* ── Empty State ── */ .rz-empty-state { text-align: center; padding: 72px 24px; background: #fff; border-radius: var(--radius-lg); border: 1px solid var(--gray-border); } .rz-empty-icon { width: 80px; height: 80px; border-radius: 50%; background: var(--gray-bg); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .rz-empty-icon i { font-size: 34px; color: #ccc; } .rz-empty-state h4 { font-size: 18px; font-weight: 600; color: var(--charcoal); margin-bottom: 8px; } .rz-empty-state p { font-size: 14px; color: var(--text-muted); } /* ── Responsive ── */ @media (max-width: 1100px) { .rz-services-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .rz-other-services { padding: 36px 0 52px; } .rz-services-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } } @media (max-width: 480px) { .rz-services-grid { grid-template-columns: 1fr; gap: 12px; } .rz-service-img { aspect-ratio: 16/9; } }
Bangalore ▼
Choose your city
WhatsApp

Other Services

Explore more rental categories from Rentorzo

More Options

Other Rental Categories

Beyond laptops — discover all the services Rentorzo offers

No services available

Check back soon for more rental categories.