/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* BLACK AND WHITE COLOR SCHEME OVERRIDES */

body {
    background: #fff !important;
    color: #000 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000 !important;
}

p {
    color: #333 !important;
}

label {
    color: #000 !important;
}

a {
    color: #000 !important;
}

a:hover,
a:focus {
    color: #333 !important;
}

a.animated_link:before,
a.animated_link.active:before {
    background-color: #000 !important;
}

a.animated_link.active {
    color: #000 !important;
}

.btn_1,
a.btn_1 {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}

.btn_1:hover,
a.btn_1:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.btn_1.yellow,
a.btn_1.yellow {
    background: #333 !important;
    color: #fff !important;
}

.btn_1.yellow:hover,
a.btn_1.yellow:hover {
    background-color: #000 !important;
    color: #fff !important;
}

#left_form {
    background-color: #000 !important;
    color: #fff !important;
}

#left_form h2,
#left_form p {
    color: #fff !important;
}

#form_container {
    background-color: #fff !important;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2) !important;
}

#wizard_container {
    background: #fff !important;
    background-image: none !important;
}

.layout_2 header {
    background: #000 !important;
    background-image: none !important;
}

h3.main_question i {
    color: #000 !important;
}

button.forward,
button.submit {
    background: #000 !important;
    color: #fff !important;
}

button.backward {
    background: #ccc !important;
    color: #000 !important;
}

.backward:hover,
.forward:hover {
    background: #333 !important;
    color: #fff !important;
}

.ui-widget-header {
    background: #333 !important;
}

.ui-widget-header a {
    color: #fff !important;
}

.ui-progressbar .ui-progressbar-value {
    background: #000 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
}

.main_title h2 {
    color: #000 !important;
}

.main_title h2 em {
    background-color: #333 !important;
}

.main_title_2 span em {
    background-color: #000 !important;
}

.main_title_3 span {
    background-color: #000 !important;
}

.form-control {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #000 !important;
}

.form-control:focus {
    border-color: #000 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25) !important;
}

.container_check input:checked~.checkmark {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}

.container_check .checkmark {
    border: 1px solid #999 !important;
    background-color: #fff !important;
}

.container_radio .checkmark:after {
    background: #000 !important;
}

.container_radio.version_2.active,
.container_radio.version_2:hover,
.container_check.version_2.active,
.container_check.version_2:hover {
    border: 1px solid #000 !important;
}

header {
    background-color: #fff !important;
}

header.header_in {
    background-color: #fff !important;
}

header #social ul li a {
    color: #000 !important;
}

header #social ul li a:hover {
    color: #333 !important;
}

footer {
    background-color: #fff !important;
}

footer.footer_in {
    background-color: #fff !important;
    border-top: 1px solid #ccc !important;
}

footer ul li a {
    color: #000 !important;
}

footer ul li a:hover {
    color: #333 !important;
}

footer ul li:after {
    color: #999 !important;
}

.box_style_2 {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.box_style_2 hr {
    border-top: 1px solid #ccc !important;
}

.error_message {
    color: #000 !important;
}

span.error {
    background-color: #000 !important;
    color: #fff !important;
}

span.error:after {
    border-color: transparent #000 !important;
}

#sub_content_in {
    background: rgba(0, 0, 0, 0.7) !important;
}

#sub_content_in h1,
#sub_content_in p {
    color: #fff !important;
}

.container_styled_1 {
    background: #f5f5f5 !important;
}

.team-item-img .team-item-detail {
    background: rgba(0, 0, 0, 0.9) !important;
}

.team-item-detail-inner h4,
.team-item-detail-inner .social li a {
    color: #fff !important;
}

.team-item-detail-inner .social li a:hover {
    color: #ccc !important;
}

.layout_2 header {
    background: #000 !important;
}

.layout_2 header h1 {
    color: #fff !important;
}

.layout_2 header .top_elements #social a {
    color: #fff !important;
}

.layout_2 header .top_elements #social a:hover {
    color: #ccc !important;
}

.layout_2 #wizard_container #top-wizard .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.modal-content {
    background-color: #fff !important;
    color: #000 !important;
}

.form-group.terms {
    background-color: #f5f5f5 !important;
}

.form-group i {
    color: #999 !important;
}

.box_style_cat {
    background: #fff !important;
    border: 1px solid #ccc !important;
}

ul#cat_nav li {
    border-bottom: 1px solid #ccc !important;
}

ul#cat_nav li a {
    color: #000 !important;
}

ul#cat_nav li a:hover,
ul#cat_nav li a#active,
ul#cat_nav li a.active {
    color: #333 !important;
}

.accordion_2 .card {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.accordion_2 .card .card-header {
    background-color: #fff !important;
    border-bottom: 1px solid #ccc !important;
}

.accordion_2 .card-header h5 a {
    color: #000 !important;
}

.accordion_2 .card-header h5 a i.indicator {
    color: #000 !important;
}

.main_title_2 span {
    background-color: #ccc !important;
}

a.box_topic {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
}

a.box_topic span {
    background-color: #f5f5f5 !important;
}

a.box_topic h3 {
    color: #000 !important;
}

.list_articles ul li {
    border-bottom: 1px solid #ccc !important;
}

.list_articles ul li a {
    color: #000 !important;
}

.list_articles ul li a:hover {
    color: #333 !important;
}

.cd-nav-trigger .cd-icon,
.cd-nav-trigger .cd-icon::before,
.cd-nav-trigger .cd-icon::after {
    background-color: #000 !important;
}

.cd-nav-trigger::before {
    background-color: #ccc !important;
}

.cd-nav-trigger::after {
    background-color: #ccc !important;
}

.cd-primary-nav {
    background-color: #fff !important;
}

.cd-primary-nav a {
    color: #000 !important;
}

.cd-primary-nav a:hover {
    color: #333 !important;
}

.cd-overlay-nav span,
.cd-overlay-content span {
    background-color: #000 !important;
}

/* Legal Disclaimer Footer */
.legal-disclaimer-footer {
    background-color: #000 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 40px 0;
    margin-top: 0;
}

.legal-disclaimer-footer .disclaimer-text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
    color: #fff !important;
    margin: 0;
    padding: 0 15px;
    text-align: justify;
}

@media (max-width: 767px) {
    .legal-disclaimer-footer {
        padding: 30px 0;
        margin-top: 0;
    }

    .legal-disclaimer-footer .disclaimer-text {
        font-size: 11px;
        font-size: 0.6875rem;
        text-align: left;
        padding: 0 10px;
    }
}

/* Radio button group styles for black and white */
.radio-btn-group label span.yes {
    color: #000 !important;
    border-color: #000 !important;
}

.radio-btn-group label span.no {
    color: #000 !important;
    border-color: #000 !important;
}

.radio-btn-group label input:checked~span.yes {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5) !important;
}

.radio-btn-group label input:checked~span.no {
    color: #fff !important;
    background-color: #333 !important;
    border-color: #333 !important;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5) !important;
}

.radio-btn-group label span {
    border: 1px solid #666 !important;
    color: #000 !important;
    background-color: #fff !important;
}

/* Information icon styling for better visibility */
a#more_info {
    color: #000 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

a#more_info:hover {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

a#more_info i {
    color: #000 !important;
    font-size: 20px !important;
}

/* Inline style overrides */
#left_form[style*="background-color"] {
    background-color: #000 !important;
}

/* Override any red colors */
span[style*="color:red"],
span[style*="color: red"],
span[style*="color:#ff0000"],
span[style*="color:#f00"],
div[style*="color:red"],
div[style*="color: red"],
div[style*="color:#ff0000"],
div[style*="color:#f00"] {
    color: #000 !important;
}

/* Ensure all required field indicators are black */
label span[style*="color"] {
    color: #000 !important;
}
