:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #ff131d;
  --theme2: #020e28;
  --header: #020E28;
  --text: #333333;
  --border: #E6E6E6;
  --border-2: #D4DCED;
  --bg: #EFEFEF;
  --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  --logo-header-bg: #020e28;
  --button-text-color: #FFFFFF;
}

/* Primary Color Applications */
.btn-read,
.header-button .btn-read,
.theme-btn,
.nblue-bg,
.section-title span::before,
.section-title span::after {
    background-color: var(--theme) !important;
}

/* Links and Hover States */
.footer-area a:not(.btn-read):not(.theme-btn),
.footer-copyright a {
    color: var(--white) !important;
}

/* Button Styles */
.btn-read,
.theme-btn {
    background-color: var(--theme) !important;
    color: var(--button-text-color) !important;
}

.btn-read:hover,
.theme-btn:hover {
    background-color: var(--theme2) !important;
    color: var(--button-text-color) !important;
}

/* Sticky Header Navigation */
.sticky.header-3 .main-menu ul li a {
    color: var(--header) !important;
}

.main-menu ul li.active > a,
.main-menu ul li:hover > a {
    color: var(--theme) !important;
}

/* Footer Styles */
.footer-area {
    background-color: var(--theme2) !important;
}

.footer-content p,
.footer-copyright span {
    color: var(--white) !important;
}

/* Footer Logo */
.footer-logo img {
    max-height: 200px !important;
}

/* Social Icons */
.social-icon a:hover,
.footer-social a:hover {
    background-color: var(--theme) !important;
    border-color: var(--theme) !important;
}

/* Accent Colors */
.section-subtitle span,
.counter-number,
.service-icon i {
    color: var(--theme) !important;
}

/* Form Elements */
.form-control:focus {
    border-color: var(--theme) !important;
}

/* Custom Elements */
.preloader {
    background-color: var(--theme) !important;
}

.letters-loading {
    color: var(--button-text-color) !important;
}

/* Override any template default colors */
[class*="-color"],
[class*="text-theme"],
[class*="theme-color"] {
    color: var(--theme) !important;
}

[class*="-bg"],
[class*="theme-bg"] {
    background-color: var(--theme2) !important;
}

/* Offcanvas Area */
.offcanvas__content h4,
.offcanvas__contact-icon i {
    color: var(--theme) !important;
}

.offcanvas__close button:hover {
    background-color: var(--theme) !important;
}

/* Search Area */
.search-close:hover {
    background-color: var(--theme) !important;
}

/* Back to Top Button */
.back-to-top {
    background-color: var(--theme) !important;
    color: var(--button-text-color) !important;
}

/* Mouse Cursor */
.cursor-inner.cursor-hover {
    background-color: var(--theme) !important;
}

.cursor-outer {
    border-color: var(--theme) !important;
}

/* Service Cards */
.service-item:hover {
    border-color: var(--theme) !important;
}

.service-item:hover .service-icon {
    background-color: var(--theme) !important;
}

/* Override any inline styles */
[style*="color"],
[style*="background-color"] {
    transition: all 0.3s ease !important;
}

/* Header Logo 2 Height */
.header-logo-2 img {
    max-height: 100px;
}

/* Sticky Header Styles */
.sticky.header-2:before {
    position: absolute;
    content: "";
    width: 155px;
    height: 131px;
    background-color: var(--logo-header-bg) !important;
    z-index: -1;
    left: 0;
    top: 0;
}

/* Sticky Header Logo 2 Positioning */
@media (min-width: 1400px) {
    .sticky.header-2 .logo .header-logo-2 {
        left: 12px;
        top: 12px;
    }
}

@media (max-width: 1399px) {
    .sticky.header-2 .logo .header-logo-2 {
        left: 12px;
        top: 12px;
    }
}

@media (max-width: 767px) {
    .sticky.header-2 .logo .header-logo-2 {
        left: 12px;
        top: 12px;
    }
}