/*
Theme Name: Rx360
Theme URI: https://rx360.com
Description: Hello Elementor child theme for Rx360 marketing site.
Author: Rx360
Author URI: https://rx360.com
Template: hello-elementor
Version: 1.0.6
Text Domain: rx360
*/

a, * a, .elementor-button a {
  text-decoration: none !important;
}

main#content.site-main {
  margin-top: -90px;
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* ==========================================================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ========================================================================== */
:root {
  --rx-primary: #6b2d5c;
  --rx-primary-hover: #5a2650;
  --rx-secondary: #c4a0b0;
  --rx-accent-pink: #e882b7;
  --rx-background: #faf9f8;
  --rx-foreground: #22222a;
  --rx-muted: #eeede9;
  --rx-muted-foreground: #6d6d78;
  --rx-border: #e8e4e2;
  --rx-white: #ffffff;
  --rx-warning: #ffc107;
  --rx-success: #28a745;
  --rx-error: #dc3545;
  --rx-card: #ffffff;

  --rx-font-display: 'Outfit', sans-serif;
  --rx-font-body: 'Plus Jakarta Sans', sans-serif;

  --rx-text-xs: 0.75rem;
  --rx-text-sm: 0.875rem;
  --rx-text-base: 1rem;
  --rx-text-lg: 1.125rem;
  --rx-text-xl: 1.25rem;
  --rx-text-2xl: 1.5rem;
  --rx-text-3xl: 1.875rem;
  --rx-text-4xl: 2.25rem;
  --rx-text-5xl: 3rem;
  --rx-text-6xl: 3.75rem;
  --rx-text-7xl: 4.5rem;

  --rx-leading-tight: 1.05;
  --rx-leading-snug: 1.25;
  --rx-leading-normal: 1.5;
  --rx-leading-relaxed: 1.625;

  --rx-weight-normal: 400;
  --rx-weight-medium: 500;
  --rx-weight-semibold: 600;
  --rx-weight-bold: 700;

  --rx-tracking-tight: -0.025em;
  --rx-tracking-wide: 0.05em;
  --rx-tracking-wider: 0.1em;

  --rx-space-4: 1rem;
  --rx-space-6: 1.5rem;
  --rx-space-8: 2rem;
  --rx-space-12: 3rem;
  --rx-space-16: 4rem;
  --rx-space-24: 6rem;

  --rx-container-max: 80rem;
  --rx-container-padding: 1rem;
  --rx-radius-xl: 0.75rem;
  --rx-radius-2xl: 1rem;
  --rx-radius-3xl: 1.5rem;

  --rx-shadow-sm: 0 1px 3px rgba(107, 45, 92, 0.06);
  --rx-shadow-lg: 0 10px 15px -3px rgba(107, 45, 92, 0.1), 0 4px 6px -4px rgba(107, 45, 92, 0.08);
  --rx-shadow-xl: 0 20px 25px -5px rgba(107, 45, 92, 0.12), 0 8px 10px -6px rgba(107, 45, 92, 0.08);

  --rx-transition: 300ms ease;

  --rx-input-bg: oklab(0.955358 0.00153533 0.00367033 / 0.4);
  --rx-input-height: 3rem;
  --rx-input-radius: 1rem;
  --rx-input-focus-ring: 0 0 0 1px var(--rx-primary);
  --rx-cf7-gap: 1.5rem;
  --rx-cf7-row-gap: 1.5rem;
  --tw-inset-shadow: 0 0 #0000;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
}

body {
  font-family: var(--rx-font-body);
  font-size: var(--rx-text-base);
  font-weight: var(--rx-weight-normal);
  line-height: var(--rx-leading-normal);
  color: var(--rx-foreground);
  background-color: var(--rx-background);
  -webkit-font-smoothing: antialiased;
}


table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: transparent;
}

table tbody tr:nth-child(odd):hover > td,
table tbody tr:nth-child(odd):hover > th {
  background-color: hsla(0, 0%, 50%, .071);
}


h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--rx-font-display);
  letter-spacing: var(--rx-tracking-tight);
  color: var(--rx-foreground);
}

body.rx-has-fixed-header {
  padding-top: 5rem;
}

@media (min-width: 768px) {
  body.rx-has-fixed-header {
    padding-top: 4.5rem;
  }
}

.rx-eyebrow {
  font-family: var(--rx-font-body) !important;
  font-size: var(--rx-text-sm) !important;
  font-weight: var(--rx-weight-semibold) !important;
  line-height: var(--rx-leading-normal) !important;
  letter-spacing: var(--rx-tracking-wider) !important;
  text-transform: uppercase !important;
  color: var(--rx-primary) !important;
}

.rx-eyebrow-light {
  color: rgba(255, 255, 255, 0.8) !important;
}

.rx-h1-hero {
  font-family: var(--rx-font-display) !important;
  font-size: var(--rx-text-5xl) !important;
  font-weight: var(--rx-weight-bold) !important;
  line-height: var(--rx-leading-tight) !important;
  color: var(--rx-white) !important;
}

.rx-h1-hero span,
.rx-accent-pink {
  color: var(--rx-accent-pink) !important;
}

.rx-h2-section {
  font-size: var(--rx-text-4xl) !important;
  font-weight: var(--rx-weight-bold) !important;
  line-height: var(--rx-leading-snug) !important;
}

.rx-h3-card {
  font-size: var(--rx-text-2xl) !important;
  font-weight: var(--rx-weight-bold) !important;
}

.rx-body-lg,
.rx-body {
  font-family: var(--rx-font-body) !important;
  line-height: var(--rx-leading-relaxed) !important;
  color: var(--rx-muted-foreground) !important;
}

.rx-body-lg {
  font-size: var(--rx-text-xl) !important;
  font-weight: var(--rx-weight-medium) !important;
}

.rx-body {
  font-size: var(--rx-text-base) !important;
}

.rx-footer-tagline {
  font-family: var(--rx-font-display) !important;
  font-size: var(--rx-text-xl) !important;
  font-weight: var(--rx-weight-medium) !important;
  color: var(--rx-foreground) !important;
}

a {
  color: var(--rx-primary);
  text-decoration: none;
  transition: color var(--rx-transition);
}

a:hover {
  color: var(--rx-primary-hover);
}

.rx-nav-link {
  font-family: var(--rx-font-body);
  font-size: var(--rx-text-sm);
  font-weight: var(--rx-weight-semibold);
  color: rgba(255, 255, 255, 0.8);
  transition: color var(--rx-transition);
}

.rx-nav-link:hover,
.rx-nav-link.rx-nav-active {
  color: var(--rx-white);
}

.rx-header-scrolled .rx-nav-link {
  color: rgba(34, 34, 42, 0.8);
}

.rx-header-scrolled .rx-nav-link:hover,
.rx-header-scrolled .rx-nav-link.rx-nav-active {
  color: var(--rx-primary);
}

.rx-footer-link {
  color: var(--rx-muted-foreground) !important;
  transition: color var(--rx-transition);
}

.rx-footer-link:hover {
  color: var(--rx-primary) !important;
}

.elementor-button {
  font-family: var(--rx-font-body) !important;
  /* font-weight: var(--rx-weight-semibold) !important; */
  /* font-size: 16px !important;
  border-radius: var(--rx-radius-xl) !important; */
  transition: transform var(--rx-transition), background-color var(--rx-transition) !important;
}

.elementor-button .elementor-button-icon,
.elementor-button-icon {
  font-size: 16px !important;
  line-height: 1 !important;
}

.elementor-widget-icon .elementor-icon,
.elementor-widget-icon-box .elementor-icon {
  font-size: 24px !important;
}

.elementor-widget-icon-list:not(.check-circle) .elementor-icon-list-icon i,
.elementor-widget-icon-list:not(.check-circle) .elementor-icon-list-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.rx-btn-primary .elementor-button {
  background-color: var(--rx-primary) !important;
  color: var(--rx-white) !important;
  padding: 1rem 2rem !important;
  box-shadow: var(--rx-shadow-lg);
}

.rx-btn-primary .elementor-button:hover {
  background-color: var(--rx-primary-hover) !important;
}

.rx-btn-white .elementor-button {
  background-color: var(--rx-white) !important;
  color: var(--rx-primary) !important;
  box-shadow: var(--rx-shadow-xl);
}

.rx-btn-outline-white .elementor-button {
  background-color: transparent !important;
  color: var(--rx-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* Fixed header — transparent at top; scrolled = semi-transparent white (see header-scroll.js) */
.rx-site-header,
.elementor-location-header .rx-site-header,
.elementor-location-header > .elementor > .e-con.rx-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100% !important;
  transition: background-color var(--rx-transition), border-color var(--rx-transition), padding var(--rx-transition), box-shadow var(--rx-transition);
  border-bottom: 1px solid transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  /* padding-top: 1.25rem;
  padding-bottom: 1.25rem; */
}

header.rx-site-header.rx-header-scrolled,
.elementor-location-header .rx-site-header.rx-header-scrolled {
  /* background-color: rgba(255, 255, 255, 0.88) !important; */
  background-color: color-mix(in oklab,hsl(30 20% 98%) 80%,transparent) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom-color: rgba(232, 228, 226, 0.9) !important;
  box-shadow: var(--rx-shadow-sm);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

header.rx-site-header .elementor-widget-wpr-logo {
  display: flex;
}

@media (max-width: 767px) {
  header.rx-site-header.rx-header-scrolled,
  .elementor-location-header .rx-site-header.rx-header-scrolled {
    background-color: #fbfaf9 !important;
  }
}

.rx-site-header.rx-header-scrolled .e-con-inner,
.elementor-location-header .rx-site-header.rx-header-scrolled .e-con-inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

header>.e-con-inner {
  padding: 20px 32px !important;
}

.home section>.e-con-inner {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

@media (max-width: 767px) {
  header>.e-con-inner {
    padding: 20px 16px !important;
  }

  .home section>.e-con-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.rx-site-header .rx-header-logo__img,
.rx-site-header .elementor-widget-image img {
  height: 36px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
  transition: opacity var(--rx-transition);
}

@media (max-width: 767px) {
  .rx-site-header .rx-header-logo__img,
  .rx-site-header .elementor-widget-image img {
    height: auto;
    max-width: 128px;
  }
}

/* Nav links inside Elementor header text-editor fallback */
.rx-site-header .rx-nav a,
.rx-site-header .rx-nav-link {
  font-family: var(--rx-font-body);
  font-size: var(--rx-text-sm);
  font-weight: var(--rx-weight-semibold);
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color var(--rx-transition);
}

.rx-site-header .rx-nav a:hover,
.rx-site-header .rx-nav-link:hover,
.rx-site-header .rx-nav a.rx-nav-active,
.rx-site-header .rx-nav-link.rx-nav-active {
  color: var(--rx-white);
}

.rx-header-scrolled .rx-nav a,
.rx-header-scrolled .rx-nav-link,
body.rx-header-no-hero .rx-site-header:not(.rx-header-scrolled) .rx-nav a {
  color: rgba(34, 34, 42, 0.8);
}

.rx-header-scrolled .rx-nav a:hover,
.rx-header-scrolled .rx-nav-link:hover,
.rx-header-scrolled .rx-nav a.rx-nav-active,
.rx-header-scrolled .rx-nav-link.rx-nav-active,
body.rx-header-no-hero .rx-site-header:not(.rx-header-scrolled) .rx-nav a:hover {
  color: var(--rx-primary);
}

.rx-site-header .rx-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 767px) {
  .rx-site-header .rx-nav {
    display: none;
  }
}

.rx-site-footer {
  background-color: var(--rx-white);
  border-top: 1px solid var(--rx-border);
  padding-top: var(--rx-space-16);
  padding-bottom: var(--rx-space-16);
}

.rx-footer-heading {
  font-size: var(--rx-text-lg) !important;
  font-weight: var(--rx-weight-bold) !important;
  margin-bottom: var(--rx-space-6) !important;
}

.rx-section {
  padding-top: var(--rx-space-24);
  padding-bottom: var(--rx-space-24);
}

footer ul li a:hover {
  color: var(--rx-primary) !important;
}

/* ==========================================================================
   Contact Form 7 — Rx360 Contact & Careers (parity with React forms)
   Shortcodes: html_class="rx-cf7-contact" | html_class="rx-cf7-careers"
   ========================================================================== */

.wpcf7 {
  font-family: var(--rx-font-body);
  color: var(--rx-foreground);
}

.wpcf7 form {
  margin: 0;
}

.wpcf7 form p {
  margin: 0;
}

/* Labels — CF7 inserts <br> after label text; use flex column */
.wpcf7-form label {
  display: flex;
  flex-direction: column;
  font-family: var(--rx-font-body);
  font-size: var(--rx-text-sm);
  font-weight: var(--rx-weight-medium);
  line-height: var(--rx-leading-normal);
  color: var(--rx-foreground);
  margin: 0;
}

.wpcf7-form label.has-error {
  color: #ef4343 !important;
}

.wpcf7-form label br {
  display: none;
}

.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin: 0;
}

/* Shared field styles — beat CF7 + Elementor defaults */
.wpcf7 .wpcf7-form-control,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--rx-input-height) !important;
  min-height: var(--rx-input-height) !important;
  padding: 0.75rem 1rem !important;
  font-family: var(--rx-font-body) !important;
  font-size: var(--rx-text-sm) !important;
  font-weight: var(--rx-weight-normal) !important;
  line-height: var(--rx-leading-normal) !important;
  color: var(--rx-foreground) !important;
  background-color: var(--rx-input-bg) !important;
  border: 1px solid var(--rx-border) !important;
  border-radius: var(--rx-input-radius) !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: var(--rx-primary) !important;
}

.wpcf7 textarea,
.wpcf7 .wpcf7-textarea {
  height: auto !important;
  min-height: 9.375rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  resize: none !important;
}

.wpcf7 select,
.wpcf7 .wpcf7-select {
  padding-right: 2.5rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236D6D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 1rem !important;
  cursor: pointer;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: var(--rx-muted-foreground);
  opacity: 1;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  outline: none;
  border-color: var(--rx-primary);
  box-shadow: var(--rx-input-focus-ring);
}

.wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  font-weight: var(--rx-weight-medium);
  color: #ef4343;
}

.wpcf7-spinner {
  display: none !important;
}

/* Submit — React: w-full h-14 text-base rounded-lg */
.wpcf7 input[type="submit"],
.wpcf7-submit {
  display: block;
  width: 100%;
  height: 3.5rem;
  min-height: 3.5rem;
  margin: 0;
  padding: 0 2rem;
  font-family: var(--rx-font-body);
  font-size: var(--rx-text-base);
  font-weight: var(--rx-weight-semibold);
  line-height: 1;
  color: var(--rx-white) !important;
  background-color: var(--rx-primary) !important;
  border: none !important;
  border-radius: var(--rx-input-radius) !important;
  cursor: pointer !important;
  box-shadow: var(--rx-shadow-lg) !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 1px solid var(--rx-primary) !important;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7-submit:hover {
  background-color: var(--rx-white) !important;
  color: var(--rx-primary) !important;
}

.wpcf7 input[type="submit"]:disabled,
.wpcf7-submit:disabled {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Response messages */
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: var(--rx-input-radius);
  font-size: var(--rx-text-sm);
  line-height: var(--rx-leading-relaxed);
  border: 1px solid;
  border-color: var(--rx-success);
}

.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  display: block; 
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--rx-success);
}

.wpcf7 form.invalid .wpcf7-response-output {
  display: none !important;
}

.wpcf7 form.failed .wpcf7-response-output {
  border-color: var(--rx-warning);
}

.wpcf7-mail-sent-ok {
  background-color: #ecfdf3;
  border-color: #abefc6 !important;
  color: #067647;
}

.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-spam-blocked {
  background-color: #fef3f2;
  border-color: #fecdca !important;
  color: #b42318;
}

/* --- Careers: single column --- */
.wpcf7.rx-cf7-careers form,
.wpcf7-form.rx-cf7-careers-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

.wpcf7.rx-cf7-careers textarea,
.wpcf7-form.rx-cf7-careers-form textarea {
  min-height: 7.5rem !important;
  resize: none !important;
}

/* --- Contact layout (targets row markup inside form — no wrapper class required) --- */
.wpcf7.rx-cf7-contact form,
.wpcf7-form.rx-cf7-contact-form,
.wpcf7-form:has(.rx-cf7-row) {
  display: flex;
  flex-direction: column;
  gap: var(--rx-cf7-gap);
  width: 100%;
  max-width: 100%;
}

.wpcf7-form.rx-cf7-contact-form textarea,
.wpcf7-form:has(.rx-cf7-row) textarea {
  min-height: 9.375rem !important;
  resize: none !important;
}

.wpcf7-form .rx-cf7-field,
.wpcf7-form .rx-cf7-row,
.wpcf7-form p.rx-cf7-submit-row {
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
}

.wpcf7-form .rx-cf7-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--rx-cf7-row-gap);
  width: 100%;
}

@media (min-width: 768px) {
  .wpcf7-form .rx-cf7-row.rx-cf7-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.wpcf7-form .rx-cf7-col {
  min-width: 0;
  width: 100%;
}

.wpcf7-form .rx-cf7-field > p,
.wpcf7-form .rx-cf7-col > p,
.wpcf7-form p.rx-cf7-submit-row {
  margin: 0;
  padding: 0;
}

.wpcf7-form p.rx-cf7-submit-row br {
  display: none;
}

.wpcf7-form p.rx-cf7-submit-row .wpcf7-submit,
.wpcf7-form p.rx-cf7-submit-row input[type="submit"] {
  width: 100% !important;
  margin-top: 0;
}

/* Elementor shortcode widget */
.elementor-widget-shortcode .wpcf7,
.elementor-widget-shortcode .wpcf7-form {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 640px) {
  :root { --rx-container-padding: 1.5rem; }
  .rx-h1-hero { font-size: var(--rx-text-6xl) !important; }
  .rx-h2-section { font-size: var(--rx-text-5xl) !important; }
}

@media (min-width: 1025px) {
  :root { --rx-container-padding: 2rem; }
  .rx-h1-hero { font-size: var(--rx-text-7xl) !important; }
}

@media (max-width: 767px) {
  .rx-section { padding-top: var(--rx-space-16); padding-bottom: var(--rx-space-16); }
  .rx-h2-section { font-size: var(--rx-text-3xl) !important; }
}

@media (max-width: 360px) {
  :root { --rx-container-padding: 0.875rem; }
  .rx-h1-hero { font-size: 2.25rem !important; }
}


header.rx-header-scrolled .wpr-nav-menu .wpr-menu-item,
header.rx-header-scrolled .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon {
  color: var(--rx-foreground) !important;
}

header.rx-header-scrolled .wpr-nav-menu .current-menu-item .wpr-menu-item,
header.rx-header-scrolled .wpr-nav-menu .current-menu-item .menu-item-has-children > .wpr-sub-icon,
header.rx-header-scrolled .wpr-nav-menu .wpr-menu-item:hover,
header.rx-header-scrolled .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon:hover {
  color: var(--rx-primary) !important;
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.how-to-apply {
  padding: 24px;
  background-color: oklab(0.402108 0.100666 -0.0404595 / 0.05);
  display: flex;
  gap: 16px;
  align-items: center;
  border-radius: 20px;
  color: #6d6d78;
  margin: 32px 0;
}

@media (max-width: 767px) {
  .how-to-apply {
    flex-wrap: wrap;
  }
}

.how-to-apply p {
  margin: 0;
}

.how-to-apply strong {
  display: block;
  margin-bottom: 4px;
  color: #22222a;
}

.how-to-apply a {
  color: var(--rx-primary);
  font-weight: var(--rx-weight-semibold);
}

@media (max-height: 767px) and (orientation: landscape) {
  .page-header, .home-hero {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
  }
}

/*Accordion styles*/

.elementor-widget-n-accordion .e-n-accordion-item .elementor-widget-text-editor h4 {
  font-size: 1.125rem;
  margin-top: 0;
}

.elementor-widget-n-accordion .e-n-accordion-item .elementor-widget-text-editor ul {
  margin-bottom: 32px;
  padding-inline-start: 20px;
}

.elementor-widget-n-accordion .e-n-accordion-item .elementor-widget-text-editor ul li::marker {
  color: var(--rx-primary);
}