:root {
    --primary: #092E4E;
    --primary-rgb: 9, 46, 78;
    --secondary: #99D8EE;
    --grey: #edf0f3;

    --primary-text: #092E4E;
    --secondary-text: #99D8EE;
}

.modal.profile .container--bio .row {
    margin: 0;
    padding: 4.5vw 0 0 0;
}


div[class*='mode-']:not([class*="primary"]) .primary_text,
div.mode--primary[class*='Singular-Content-V-H-M-OptCTA'] .primary_text,
div.mode--primary[class*='Singular-Content-N-I'][class*='-O-'] .primary_text,
div.mode--primary[class*='Singular-Content-I-H-M-OptCTA'] .primary_text,
div.mode--primary[class*='Singular-Content-Image'][class*='-Overlay-'] .primary_text,
div.mode--primary[class*='Singular-Content-H-M-OptCTA-I'] .primary_text,
div.mode--primary[class*='Singular-Content-B-H-M-OptCTA'] .primary_text,
div.mode--primary:has(> .background--media) *.primary_text {
  color: var(--primary) !important;
}

div.mode--primary:not([class*='Singular-Content-V-H-M-OptCTA']):not([class*='Singular-Content-N-I'][class*='-O-']):not([class*='Singular-Content-I-H-M-OptCTA']):not([class*='Singular-Content-Image'][class*='-Overlay-']):not([class*='Singular-Content-H-M-OptCTA-I']):not([class*='Singular-Content-B-H-M-OptCTA']):not(:has(> .background--media)) *.primary_text {
  color: var(--secondary);
}