.elementor-6504 .elementor-element.elementor-element-72f4c97{--display:flex;}/* Start custom CSS for html, class: .elementor-element-15797f8 *//* Color variables (optional but useful if your theme supports :root) */
:root {
  --bg-gradient: linear-gradient(135deg, #fdf2ff, #e0f2ff, #f9fafb);
  --card-bg: #ffffff;
}

/* Page background for the resource persons section */
.rp-page {
  background:
    radial-gradient(circle at top left, #f9e3ff 0, transparent 55%),
    radial-gradient(circle at bottom right, #dbeafe 0, transparent 55%),
    var(--bg-gradient);
}

/* Card background – soft white with blue/pink glow */
.rp-card {
  background:
    radial-gradient(circle at top right, rgba(219, 234, 254, 0.85), transparent 55%),
    radial-gradient(circle at bottom left, rgba(251, 207, 232, 0.75), transparent 55%),
    var(--card-bg);
}

/* Popup (dialog) background */
.rp-dialog {
  background:
    radial-gradient(circle at top right, rgba(219, 234, 254, 0.9), transparent 55%),
    radial-gradient(circle at bottom left, rgba(251, 207, 232, 0.9), transparent 55%),
    #ffffff;
}

/* Avatar circle background (inner area behind initials/photo) */
.rp-avatar-inner,
.rp-dialog-avatar-inner {
  background: radial-gradient(circle at 30% 0, #eff6ff, #fdf2ff);
}

/* Fallback initials background (pastel blue + pink) */
.rp-avatar-fallback,
.rp-dialog-avatar-fallback {
  background: radial-gradient(circle at 30% 0, #bfdbfe, #f9a8d4);
}

/* Overall overlay background when profile dialog is open */
.rp-overlay {
  background: radial-gradient(
    circle at top left,
    rgba(248, 250, 252, 0.95),
    rgba(241, 245, 249, 0.98)
  );
}/* End custom CSS */