:root[data-theme="light"] body {
  background: var(--white);
}

:root[data-theme="light"] .hero-section {
  background: #000000;
  padding: 50px 0px;
  margin-top: 0 !important;
}

:root[data-theme="light"] .about-section {
  background: var(--white);
}

:root[data-theme="light"] .about-section h2 {
  color: var(--bg-color) !important;
}

:root[data-theme="light"] .about-section h6 {
  color: var(--bg-color) !important;
}

:root[data-theme="light"] .about-text p {
  color: var(--bg-light);
}

:root[data-theme="light"] footer ul li {
  color: var(--bg-color);
}

:root[data-theme="light"] .mid-footer h6 {
  color: var(--bg-color);
}

:root[data-theme="light"] .mid-footer p {
  color: var(--bg-color);
}

:root[data-theme="light"] .lower-footer {
  background: var(--white);
}

:root[data-theme="light"] .lower-footer p {
  color: var(--bg-color);
}

/*==================================== Contact Us ===================================== */
:root[data-theme="light"] .contact-page-section p {
  color: var(--bg-color);
}

:root[data-theme="light"] .contact-page-section h4 {
  color: var(--bg-color);
}

:root[data-theme="light"] .contact-form button {
  background: var(--bg-color);
  border: 2px solid var(--bg-color);
  color: var(--white);
}

/*==================================== Future Trading ===================================== */
:root[data-theme="light"] #futuretrading {
  color: var(--bg-color);
}

:root[data-theme="light"] .about-page-tab-content p {
  color: var(--bg-color);
}

/*================================= Contract Specification ===================================== */
:root[data-theme="light"] #v-pills-profile h6 {
  color: var(--bg-color);
}

:root[data-theme="light"] #v-pills-profile h4 {
  color: var(--bg-color);
}

/*================================= Login Page ===================================== */
:root[data-theme="light"] #login-form h3 {
  color: var(--bg-color);
}

:root[data-theme="light"] #login-form h6 {
  color: var(--bg-color);
}

:root[data-theme="light"] #login-form p {
  color: var(--bg-color);
}

:root[data-theme="light"] #login-form label {
  color: var(--bg-color);
}

:root[data-theme="light"] .text-light {
  color: var(--bg-color) !important;
}

/*================================= Register Page ===================================== */
:root[data-theme="light"] #register-form label {
  color: var(--bg-color);
}

:root[data-theme="light"] #register-form h2 {
  color: var(--bg-color);
}

:root[data-theme="light"] #register-form p {
  color: var(--bg-color) !important;
}
:root[data-theme="light"] #register-form h4 {
  color: var(--bg-color) !important;
}
:root[data-theme="light"] #register-form .form-check-label {
  color: var(--bg-color) !important;
}

:root[data-theme="light"] .about-section {
  background: var(--white);
}
:root[data-theme="light"] .cards-section {
  background: var(--white);
}
:root[data-theme="light"] .footer-area {
  background: var(--white);
}
:root[data-theme="light"] .upper-f-links a {
  color: var(--text);
}
:root[data-theme="light"] .text-desc {
  color: var(--text);
}

:root[data-theme="light"] .lower-f-text {
  border-top: 3px solid var(--grey);
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
:root[data-theme="light"] .social-list__link {
  background-color: var(--bg-light);
}
:root[data-theme="light"] .btn:hover {
  color: var(--text);
  border: 1px solid var(--golden);
  background: var(--bg-light);
}


