:root{ --cz-dark-rgb: 253,17,54; --cz-accent-rgb: 253,17,54; --new_primary: #552F80; --new_primary_hover: #552F80; --new_secondary: #fd1136; --new_secondary_hover: #fd1136; --cz-navbar-color: #fd1136; } .steps-light .step-count, .steps-light .step-progress{ background-color: #fff; color: var(--new_primary) } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #552F80; } .text_icons{ color: #fd1136 !important; } .text_color{ color: var(--new_primary) !important; } .form-control, .form-control:focus { color: #fd1136; background-color: #fff; border-color: rgba(var(--cz-primary-rgb), 0.35); outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0), 0 0.375rem 0.625rem -0.3125rem rgba(var(--cz-primary-rgb), 0.15); } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: var(--new_secondary); } .navbar-light .navbar-tool-text > small, .navbar-light .navbar-tool-text > .small, .navbar-light .navbar-tool-text, .contact_text{ color: var(--new_primary); } .navbar-light .navbar-tool-icon-box.bg-secondary{ background-color: var(--new_primary) !important; color: #fff; } .navbar-tool .navbar-tool-label{ background-color: var(--new_secondary) !important; }