/* Dark Mode Converted CSS - Based on Your Original File */

/* =========================
   DARK MODE OVERRIDES
========================= */

body {
  background-color: #121212;
  color: #e0e0e0;
}

p, span, li {
  color: #b0b0b0;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

/* Header */
.header-area,
.background-header {
  background-color: #1e1e1e !important;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
}

.header-area .main-nav .nav li a {
  color: #ddd;
}

.header-area .main-nav .nav li a:hover {
  color: #4b8ef1;
}

/* Dropdown */
.header-area .main-nav .nav li.submenu ul li a {
  background: #2a2a2a;
  color: #ddd !important;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
  background: #333;
}

/* Buttons */
.white-button a {
  background-color: #2a2a2a;
  color: #4b8ef1 !important;
}

.border-button a {
  background-color: #1e1e1e;
  border-color: #4b8ef1;
}

/* Banner */
.main-banner .left-content p {
  color: #ccc;
}

/* Cards / Boxes */
.service-item,
.about-us .box-item,
.pricing-item-regular,
.pricing-item-pro {
  background-color: #1e1e1e;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
}

/* Hover Cards */
.service-item:hover {
  background: linear-gradient(135deg, #1e1e1e, #2a2a2a);
}

/* Client Section */
.menu .thumb h4 {
  color: #fff;
}

.menu .thumb span {
  color: #aaa;
}

/* Forms */
input,
textarea {
  background-color: #1e1e1e;
  color: #fff;
  border: 1px solid #333;
}

/* Free Quote Form */
.free-quote form {
  background-color: #1e1e1e;
}

.free-quote form input {
  border-bottom: 1px solid #444;
  color: #ccc;
}

/* Footer */
footer {
  background-color: #121212;
}

.footer-widget p,
.footer-widget a {
  color: #ccc;
}

/* Popup */
.popupContainer {
  background: #1e1e1e;
}

.popupHeader {
  background: #2a2a2a;
  color: #fff;
}

.social_login .social_box {
  background: #2a2a2a;
}

/* Preloader */
.js-preloader {
  background-color: #121212;
}