*, *::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 ── */ .rz-policies-page { padding: 52px 0 80px; background: var(--gray-bg); } /* ── Grid ── */ .rz-policies-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px; } /* ── Policy Card ── */ .rz-policy-link-card { background: #fff; border-radius: var(--radius-lg); border: 1px solid var(--gray-border); padding: 32px 28px; text-decoration: none; display: flex; align-items: flex-start; gap: 20px; 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; position: relative; overflow: hidden; } .rz-policy-link-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--red), #ff5a4f); transform: scaleX(0); transform-origin: left; transition: transform 0.3s cubic-bezier(0.22,1,0.36,1); } .rz-policy-link-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,0,0,0.1); border-color: rgba(237,47,36,0.18); } .rz-policy-link-card:hover::after { transform: scaleX(1); } /* Icon */ .rz-policy-card-icon { width: 56px; height: 56px; flex-shrink: 0; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 26px; background: var(--gray-bg); transition: background 0.25s; } .rz-policy-link-card:hover .rz-policy-card-icon { background: var(--red-light); } /* Text */ .rz-policy-card-text { flex: 1; } .rz-policy-card-text h4 { font-size: 16px; font-weight: 700; color: var(--charcoal); margin: 0 0 8px; line-height: 1.3; } .rz-policy-card-text p { font-size: 13px; color: var(--text-muted); margin: 0; line-height: 1.65; } .rz-policy-card-arrow { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--gray-bg); flex-shrink: 0; align-self: center; transition: background 0.25s, color 0.25s; } .rz-policy-link-card:hover .rz-policy-card-arrow { background: var(--red); color: #fff; } .rz-policy-card-arrow i { font-size: 15px; color: inherit; transition: color 0.25s; } /* ── Info Banner ── */ .rz-policy-info-banner { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border-radius: var(--radius-lg); padding: 28px 32px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 28px; } .rz-policy-info-banner .icon { width: 52px; height: 52px; background: rgba(237,47,36,0.15); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .rz-policy-info-banner .icon i { color: var(--red); font-size: 22px; } .rz-policy-info-banner .text { flex: 1; } .rz-policy-info-banner .text h4 { font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 5px; } .rz-policy-info-banner .text p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 0; } .rz-policy-info-cta { display: inline-flex; align-items: center; gap: 8px; background: var(--red); color: #fff; padding: 10px 22px; border-radius: 99px; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: box-shadow 0.2s, transform 0.2s; } .rz-policy-info-cta:hover { box-shadow: 0 8px 24px rgba(237,47,36,0.4); transform: translateY(-2px); color: #fff; } /* ── Responsive ── */ @media (max-width: 768px) { .rz-policies-page { padding: 36px 0 56px; } .rz-policies-grid { grid-template-columns: 1fr; gap: 14px; } .rz-policy-link-card { padding: 22px 20px; } .rz-policy-info-banner { padding: 22px 20px; gap: 16px; } } @media (max-width: 480px) { .rz-policy-card-icon { width: 48px; height: 48px; font-size: 22px; border-radius: 12px; } .rz-policy-card-text h4 { font-size: 15px; } .rz-policy-info-cta { width: 100%; justify-content: center; } }
Bangalore
Choose your city
WhatsApp

Our Policies

Transparency is at the heart of everything we do