/* Mirror Teal-Blue Theme — Angad Software */
:root {
    --mirror-bg: #070b14;
    --mirror-bg-2: #0c1220;
    --mirror-card: rgba(15, 23, 42, 0.72);
    --mirror-card-border: rgba(32, 201, 151, 0.18);
    --mirror-teal: #20c997;
    --mirror-teal-light: #33ffcc;
    --mirror-blue: #007bff;
    --mirror-blue-bright: #00a3ff;
    --mirror-text: #e8eef7;
    --mirror-muted: #94a3b8;
    --mirror-heading: #ffffff;
    --mirror-gradient: linear-gradient(135deg, var(--mirror-teal) 0%, var(--mirror-blue) 100%);
    --mirror-glow: radial-gradient(ellipse at 50% 0%, rgba(32, 201, 151, 0.14) 0%, transparent 65%);
    --mirror-radius: 14px;
    --mirror-pill: 999px;
    --mirror-font: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

body.mirror-theme {
    font-family: var(--mirror-font);
    background: var(--mirror-bg);
    color: var(--mirror-text);
    -webkit-font-smoothing: antialiased;
}

body.mirror-theme .main-wrapper {
    background: var(--mirror-bg);
    background-image: var(--mirror-glow);
    background-repeat: no-repeat;
    background-size: 100% 480px;
}

/* Preloader */
body.mirror-theme #preloader {
    background: var(--mirror-bg);
}

body.mirror-theme .loader-icon {
    border-color: var(--mirror-teal);
    border-right-color: rgba(255, 255, 255, 0.12);
}

/* Typography */
body.mirror-theme h1,
body.mirror-theme h2,
body.mirror-theme h3,
body.mirror-theme h4,
body.mirror-theme h5,
body.mirror-theme h6 {
    color: var(--mirror-heading);
}

body.mirror-theme p,
body.mirror-theme li,
body.mirror-theme .text-extra-dark-gray,
body.mirror-theme .text-dark-gray {
    color: var(--mirror-muted) !important;
}

body.mirror-theme a {
    color: var(--mirror-teal-light);
    transition: color 0.25s ease;
}

body.mirror-theme a:hover,
body.mirror-theme a:active {
    color: var(--mirror-teal);
}

body.mirror-theme .text-theme-color {
    color: var(--mirror-teal) !important;
}

/* Header / Nav */
body.mirror-theme header {
    background: transparent;
    z-index: 1000;
    position: relative;
}

body.mirror-theme .transparent-header.scrollHeader .navbar-default,
body.mirror-theme .fixedHeader.scrollHeader .navbar-default {
    background: rgba(7, 11, 20, 0.92) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--mirror-card-border);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

body.mirror-theme .navbar-nav > li > a {
    color: var(--mirror-muted) !important;
    font-weight: 500;
    letter-spacing: 0.04em;
}

body.mirror-theme .navbar-nav > li > a:hover,
body.mirror-theme .navbar-nav li.current > a,
body.mirror-theme .navbar-nav > li.active > a {
    color: var(--mirror-teal) !important;
    opacity: 1 !important;
}

body.mirror-theme .transparent-header .navbar-nav > li.current > a,
body.mirror-theme .transparent-header .navbar-nav > li.active > a {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .transparent-header.scrollHeader .navbar-nav > li.active > a,
body.mirror-theme .transparent-header.scrollHeader .navbar-nav > li.current > a {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .navbar > ul > li.current > a:after {
    border-color: transparent var(--mirror-teal) var(--mirror-teal) transparent !important;
}

body.mirror-theme .navbar ul ul {
    background: rgba(12, 18, 32, 0.98) !important;
    border: 1px solid var(--mirror-card-border);
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

body.mirror-theme .navbar ul ul li a {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .navbar ul ul li a:hover,
body.mirror-theme .navbar ul ul li.active > a {
    color: var(--mirror-teal) !important;
    background: rgba(32, 201, 151, 0.08) !important;
}

body.mirror-theme .navbar-toggler:after {
    border-color: var(--mirror-teal) !important;
}

body.mirror-theme .navbar-toggler:before,
body.mirror-theme .navbar-toggler.menu-opened:after,
body.mirror-theme .navbar-toggler.menu-opened:before {
    background: var(--mirror-teal) !important;
}

@media screen and (max-width: 991px) {
    body.mirror-theme .navbar-default {
        background: rgba(7, 11, 20, 0.96) !important;
        border-bottom: 1px solid var(--mirror-card-border);
    }
}

/* Nav CTA — same as .butn (white text, gradient pill) */
body.mirror-theme .navbar-nav > li.mirror-nav-cta {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

body.mirror-theme .navbar-nav > li.mirror-nav-cta > a,
body.mirror-theme .mirror-nav-cta > a.butn {
    background: var(--mirror-gradient) !important;
    color: #fff !important;
    border-radius: var(--mirror-pill) !important;
    padding: 11px 24px !important;
    margin-top: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    box-shadow: 0 4px 20px rgba(32, 201, 151, 0.35);
    border: none !important;
    opacity: 1 !important;
}

body.mirror-theme .navbar-nav > li.mirror-nav-cta > a:hover,
body.mirror-theme .navbar-nav > li.mirror-nav-cta > a:focus,
body.mirror-theme .mirror-nav-cta > a.butn:hover {
    color: #fff !important;
    background: var(--mirror-gradient) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 28px rgba(0, 123, 255, 0.4);
    opacity: 1 !important;
}

@media screen and (max-width: 991px) {
    body.mirror-theme .navbar-nav > li.mirror-nav-cta {
        padding: 12px 16px;
    }

    body.mirror-theme .navbar-nav > li.mirror-nav-cta > a {
        display: inline-block;
        width: auto;
    }
}

/* Buttons */
body.mirror-theme .butn {
    background: var(--mirror-gradient) !important;
    border: none !important;
    border-radius: var(--mirror-pill) !important;
    color: #fff !important;
    box-shadow: 0 4px 18px rgba(32, 201, 151, 0.3);
    letter-spacing: 0.06em;
}

body.mirror-theme .butn:before {
    background: linear-gradient(135deg, var(--mirror-blue) 0%, var(--mirror-teal) 100%) !important;
    border-radius: var(--mirror-pill) !important;
}

body.mirror-theme .butn.white {
    background: transparent !important;
    color: var(--mirror-teal) !important;
    border: 1px solid rgba(32, 201, 151, 0.55) !important;
    box-shadow: none;
}

body.mirror-theme .butn.white:hover {
    background: rgba(32, 201, 151, 0.1) !important;
    color: var(--mirror-teal-light) !important;
}

body.mirror-theme .butn.white:before {
    background: rgba(32, 201, 151, 0.12) !important;
}

/* Theme gradients */
body.mirror-theme .bg-theme,
body.mirror-theme .theme-overlay[data-overlay-dark]:before,
body.mirror-theme .data-box-grid {
    background: var(--mirror-gradient) !important;
}

body.mirror-theme .bg-theme-lighter {
    background: rgba(32, 201, 151, 0.1) !important;
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    color: var(--mirror-text) !important;
}

body.mirror-theme .bg-theme-lighter.text-dark-gray,
body.mirror-theme .bg-theme-lighter p {
    color: var(--mirror-text) !important;
}

body.mirror-theme .bg-theme-light,
body.mirror-theme .bg-light-gray {
    background: var(--mirror-bg-2) !important;
}

/* Hero banner */
body.mirror-theme .creative-banner {
    background: var(--mirror-bg) !important;
    background-image:
        radial-gradient(ellipse 80% 60% at 70% 20%, rgba(0, 123, 255, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 60% 50% at 20% 80%, rgba(32, 201, 151, 0.1) 0%, transparent 50%) !important;
    padding-top: 120px;
    padding-bottom: 48px;
    position: relative;
    overflow: hidden;
}

/* Stop banner illustration from rising under the navbar */
body.mirror-theme .creative-banner .creative-banner-img {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 24px;
    z-index: 1;
}

body.mirror-theme .creative-banner .creative-banner-img img {
    max-height: 420px;
    width: auto;
    object-fit: contain;
}

body.mirror-theme .transparent-header .navbar-default {
    background: rgba(7, 11, 20, 0.55) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.mirror-theme .transparent-header.scrollHeader .navbar-default {
    background: rgba(7, 11, 20, 0.92) !important;
}

body.mirror-theme .creative-banner.theme-overlay[data-overlay-dark]:before {
    background: transparent !important;
    opacity: 0 !important;
}

body.mirror-theme .creative-banner .header-text h1 {
    font-weight: 700;
    line-height: 1.15;
}

body.mirror-theme .creative-banner .header-text h1 .mirror-highlight {
    color: var(--mirror-teal);
}

body.mirror-theme .mirror-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--mirror-pill);
    background: rgba(32, 201, 151, 0.12);
    border: 1px solid rgba(32, 201, 151, 0.35);
    color: var(--mirror-teal);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
}

body.mirror-theme .mirror-hero-badge::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mirror-teal);
    box-shadow: 0 0 10px var(--mirror-teal);
}

/* Banner → stats: smooth dark gradient (replace grey SVG waves) */
body.mirror-theme .creative-banner .wave-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background: linear-gradient(
        180deg,
        rgba(7, 11, 20, 0) 0%,
        rgba(12, 18, 32, 0.65) 55%,
        var(--mirror-bg-2) 100%
    ) !important;
    overflow: hidden !important;
    z-index: 3;
    pointer-events: none;
}

body.mirror-theme .creative-banner .wave-area::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(32, 201, 151, 0.35) 50%,
        transparent 100%
    );
}

body.mirror-theme .creative-banner .wave-area .wave {
    display: none !important;
}

/* Mirror stats row — seamless below banner */
body.mirror-theme .mirror-stats-row {
    padding: 36px 0 60px;
    margin-top: 0;
    position: relative;
    z-index: 2;
    background: var(--mirror-bg-2);
}

body.mirror-theme .mirror-stat-card {
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    padding: 24px 20px;
    text-align: center;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    height: 100%;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

body.mirror-theme .mirror-stat-card:hover {
    border-color: rgba(32, 201, 151, 0.45);
    transform: translateY(-3px);
}

body.mirror-theme .mirror-stat-card h4 {
    color: var(--mirror-teal);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
}

body.mirror-theme .mirror-stat-card p {
    color: var(--mirror-muted);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* Glass service cards */
body.mirror-theme .services-block {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

body.mirror-theme .services-block:hover {
    border-color: rgba(32, 201, 151, 0.4);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    transform: translateY(-4px);
}

body.mirror-theme .services-block h3 {
    color: var(--mirror-heading);
}

body.mirror-theme .service-icon {
    background: rgba(32, 201, 151, 0.15) !important;
    color: var(--mirror-teal) !important;
}

body.mirror-theme .hover-icon:hover .service-icon {
    background: var(--mirror-gradient) !important;
    color: #fff !important;
}

/* Section headings */
body.mirror-theme .section-heading h2,
body.mirror-theme .section-heading h3,
body.mirror-theme .section-heading h4 {
    color: var(--mirror-heading);
}

body.mirror-theme .section-heading h2:after,
body.mirror-theme .section-heading h3:after {
    background: var(--mirror-gradient) !important;
}

body.mirror-theme .section-heading p {
    color: var(--mirror-muted) !important;
}

body.mirror-theme section {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* Blog cards */
body.mirror-theme .blog-grid {
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    overflow: hidden;
}

body.mirror-theme .blog-grid-text {
    background: transparent !important;
    box-shadow: none !important;
}

body.mirror-theme .blog-grid-text h4 a {
    color: var(--mirror-heading);
}

body.mirror-theme .blog-grid-text h4 a:hover {
    color: var(--mirror-teal);
}

body.mirror-theme .blog-grid span {
    color: var(--mirror-teal) !important;
}

/* Testimonials — remove original half-white split gradient */
body.mirror-theme .testmonial-style08 {
    background: var(--mirror-bg-2) !important;
    background-image: none !important;
    border-top: 1px solid var(--mirror-card-border);
    border-bottom: 1px solid var(--mirror-card-border);
}

body.mirror-theme .testmonial-style08 .section-heading h3,
body.mirror-theme .line-title.white {
    color: var(--mirror-heading) !important;
}

body.mirror-theme .testmonial-single {
    background: var(--mirror-card) !important;
    background-color: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border) !important;
    border-radius: var(--mirror-radius);
    padding: 30px 24px;
}

body.mirror-theme .testmonial-single p {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .testmonial-single h4,
body.mirror-theme .testmonial-single h6 {
    color: var(--mirror-heading) !important;
}

body.mirror-theme .testmonial-single .item-title h6 {
    color: var(--mirror-muted) !important;
}

/* Footer */
body.mirror-theme footer,
body.mirror-theme .footer-top {
    background: var(--mirror-bg-2) !important;
    background-image: none !important;
    border-top: 1px solid var(--mirror-card-border);
}

body.mirror-theme .footer-title-style2 {
    color: var(--mirror-heading);
}

body.mirror-theme .footer-list a {
    color: var(--mirror-muted);
}

body.mirror-theme .footer-list a:hover {
    color: var(--mirror-teal);
}

body.mirror-theme .footer-bar {
    background: rgba(0, 0, 0, 0.35) !important;
    border-top: 1px solid var(--mirror-card-border);
}

body.mirror-theme .footer-bar p {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .footer-social-icons a {
    background: rgba(32, 201, 151, 0.12) !important;
    border: 1px solid var(--mirror-card-border);
    color: var(--mirror-teal) !important;
}

body.mirror-theme .footer-social-icons a:hover {
    background: var(--mirror-gradient) !important;
    color: #fff !important;
}

/* Locality / profiles */
body.mirror-theme .profiles_list {
    display: block;
    padding: 12px 16px;
    margin-bottom: 10px;
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: 10px;
    color: var(--mirror-muted) !important;
    transition: all 0.25s ease;
}

body.mirror-theme .profiles_list:hover {
    border-color: var(--mirror-teal);
    color: var(--mirror-teal) !important;
    transform: translateX(4px);
}

/* Modal */
body.mirror-theme .modal-content {
    background: var(--mirror-bg-2);
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    color: var(--mirror-text);
}

body.mirror-theme .modal-header {
    border-bottom-color: var(--mirror-card-border);
}

body.mirror-theme .modal-title {
    color: var(--mirror-heading);
}

body.mirror-theme .form-control {
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid var(--mirror-card-border);
    color: var(--mirror-text);
    border-radius: 10px;
}

body.mirror-theme .form-control:focus {
    background: rgba(15, 23, 42, 0.95);
    border-color: var(--mirror-teal);
    color: var(--mirror-text);
    box-shadow: 0 0 0 3px rgba(32, 201, 151, 0.15);
}

/* Scroll to top */
body.mirror-theme .scroll-to-top {
    background: var(--mirror-gradient) !important;
    border: 1px solid var(--mirror-card-border);
    box-shadow: 0 4px 20px rgba(32, 201, 151, 0.35);
}

body.mirror-theme .scroll-to-top:hover {
    background: var(--mirror-blue) !important;
}

/* Owl carousel dots */
body.mirror-theme .owl-theme .owl-dots .owl-dot span {
    background: rgba(148, 163, 184, 0.4);
}

body.mirror-theme .owl-theme .owl-dots .owl-dot.active span {
    background: var(--mirror-teal);
}

/* Pagination (blog) */
body.mirror-theme .pagination a {
    background: var(--mirror-card);
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-muted);
}

body.mirror-theme .pagination a.active,
body.mirror-theme .pagination a:hover:not(.active) {
    background: var(--mirror-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* Page title banners on inner pages */
body.mirror-theme .page-title-section {
    background: var(--mirror-bg) !important;
    background-image:
        radial-gradient(ellipse 70% 80% at 50% 100%, rgba(0, 123, 255, 0.1) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 80% 0%, rgba(32, 201, 151, 0.08) 0%, transparent 50%) !important;
    border-bottom: 1px solid var(--mirror-card-border);
    padding: 120px 0 60px;
}

body.mirror-theme .page-title-section.theme-overlay[data-overlay-dark]:before {
    background: rgba(7, 11, 20, 0.55) !important;
    opacity: 1 !important;
}

body.mirror-theme .page-title-section h1 {
    color: var(--mirror-heading);
    font-weight: 700;
}

body.mirror-theme .page-title-section ul li,
body.mirror-theme .page-title-section ul li a {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .page-title-section ul li a:hover {
    color: var(--mirror-teal) !important;
}

/* Lists */
body.mirror-theme .list-style3 li {
    color: var(--mirror-muted);
}

body.mirror-theme .list-style3 li:before {
    color: var(--mirror-teal);
}

/* Partner logos section */
body.mirror-theme .client-style-01 img {
    filter: brightness(0.9) contrast(1.05);
    opacity: 0.85;
}

/* Mirror glass panel (hero right side optional) */
body.mirror-theme .mirror-glass-panel {
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: 18px;
    padding: 28px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.mirror-theme .mirror-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

body.mirror-theme .mirror-feature-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 16px;
}

body.mirror-theme .mirror-feature-item h5 {
    color: var(--mirror-teal);
    font-size: 14px;
    margin-bottom: 6px;
}

body.mirror-theme .mirror-feature-item p {
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

/* Breadcrumb chevron on inner pages */
body.mirror-theme .page-title-section ul li:after {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .page-title-section ul li:last-child a {
    color: var(--mirror-teal) !important;
    opacity: 1 !important;
}

/* White sections override */
body.mirror-theme section.bg-white,
body.mirror-theme .bg-white {
    background: var(--mirror-bg-2) !important;
}

/* Tables */
body.mirror-theme table,
body.mirror-theme .table {
    color: var(--mirror-text);
}

body.mirror-theme .table-bordered td,
body.mirror-theme .table-bordered th {
    border-color: var(--mirror-card-border);
}

/* ========== Global dark base (catch remaining white gaps) ========== */
body.mirror-theme,
body.mirror-theme html {
    background-color: var(--mirror-bg) !important;
}

body.mirror-theme section {
    background-color: transparent;
}

body.mirror-theme section.bg-light-gray,
body.mirror-theme footer.bg-light-gray,
body.mirror-theme .bg-light-gray,
body.mirror-theme section.bg-light,
body.mirror-theme .bg-light {
    background: var(--mirror-bg-2) !important;
}

body.mirror-theme section:not(.creative-banner):not(.page-title-section):not(.mirror-stats-row):not(.testmonial-style08) {
    background-color: var(--mirror-bg);
}

body.mirror-theme section.bg-light-gray,
body.mirror-theme section#services,
body.mirror-theme section#blogs,
body.mirror-theme section#contact {
    background-color: var(--mirror-bg-2) !important;
}

/* ========== Services / contact cards ========== */
body.mirror-theme .services-block,
body.mirror-theme .services-block:hover,
body.mirror-theme .services-block.bg-light-gray,
body.mirror-theme .services-block:focus,
body.mirror-theme .services-block:active {
    background: var(--mirror-card) !important;
    box-shadow: none;
}

body.mirror-theme .services-block:hover {
    border-color: rgba(32, 201, 151, 0.4);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

body.mirror-theme .title-box .box-circle-large,
body.mirror-theme .title-box .box-circle-small {
    background: rgba(32, 201, 151, 0.12) !important;
    border: 1px solid var(--mirror-card-border);
}

/* ========== Accordion (homepage FAQ) ========== */
body.mirror-theme .accordion-style {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    box-shadow: none !important;
}

body.mirror-theme .accordion-style .card,
body.mirror-theme .accordion-style .card-header {
    background: transparent !important;
}

body.mirror-theme .accordion-style .card-header:hover {
    background-color: rgba(32, 201, 151, 0.06) !important;
}

body.mirror-theme .accordion-style .btn-link {
    background: var(--mirror-gradient) !important;
    color: #fff !important;
    border-bottom-color: transparent !important;
}

body.mirror-theme .accordion-style .btn-link.collapsed {
    background: transparent !important;
    color: var(--mirror-muted) !important;
    border-bottom: 1px dashed var(--mirror-card-border) !important;
}

body.mirror-theme .accordion-style .btn-link.collapsed .counts,
body.mirror-theme .accordion-style .btn:not(:disabled):not(.disabled).active .counts,
body.mirror-theme .accordion-style .btn:not(:disabled):not(.disabled):active .counts {
    background: rgba(32, 201, 151, 0.1) !important;
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-teal) !important;
}

body.mirror-theme .accordion-style .btn-link .counts {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
}

body.mirror-theme .accordion-style .card-body {
    background: rgba(0, 0, 0, 0.15);
    color: var(--mirror-muted);
    border-top: 1px solid var(--mirror-card-border);
}

body.mirror-theme .accordion-style .card:last-child {
    border-bottom: 1px dashed var(--mirror-card-border) !important;
}

/* ========== Blog post & sidebar ========== */
body.mirror-theme .blogs .post .content {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border) !important;
    border-radius: var(--mirror-radius);
    color: var(--mirror-text);
}

body.mirror-theme .blogs .post .content .post-title h5 a,
body.mirror-theme .blogs .posts .title-g h3 {
    color: var(--mirror-heading) !important;
}

body.mirror-theme .blogs .post .content .post-title h5 a:hover {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .blogs .post .content .meta li,
body.mirror-theme .blogs .post .content .meta li a {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .blogs .post .content .special {
    background: rgba(32, 201, 151, 0.08) !important;
    border-left-color: var(--mirror-teal) !important;
    color: var(--mirror-text);
}

body.mirror-theme .blogs .post .share-post {
    border-top-color: var(--mirror-card-border) !important;
}

body.mirror-theme .blogs .post .content .content,
body.mirror-theme .blogs .post .content p,
body.mirror-theme .blogs .post .content li {
    color: var(--mirror-muted);
}

body.mirror-theme .blog-list-simple-text h4,
body.mirror-theme .blog-list-simple-text h4 a {
    color: var(--mirror-heading) !important;
}

body.mirror-theme .blog-list-simple-text p,
body.mirror-theme .blog-list-simple-text li,
body.mirror-theme .blog-list-simple-text {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .blog-list-simple-text p {
    border-top-color: var(--mirror-card-border) !important;
}

body.mirror-theme .blog-list-simple-text > span,
body.mirror-theme .blog-list-simple-text ul li i {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .side-bar .widget {
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    padding: 20px;
}

body.mirror-theme .side-bar .widget .widget-title h6 {
    color: var(--mirror-heading);
}

body.mirror-theme .side-bar .widget .widget-title h6:after {
    background: var(--mirror-teal) !important;
}

body.mirror-theme .side-bar .widget li,
body.mirror-theme .side-bar .widget li a {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .side-bar .widget li a:hover {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .side-bar .search form input {
    background: rgba(15, 23, 42, 0.8) !important;
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-text);
}

body.mirror-theme .side-bar .search form button {
    background: var(--mirror-gradient) !important;
}

body.mirror-theme .side-bar .widget .social-listing a {
    background: rgba(32, 201, 151, 0.12);
    border: 1px solid var(--mirror-card-border);
    color: var(--mirror-teal) !important;
    border-radius: 8px;
    padding: 8px 10px;
    display: inline-block;
}

body.mirror-theme .side-bar .widget .social-listing a:hover {
    background: var(--mirror-gradient) !important;
    color: #fff !important;
}

body.mirror-theme section.blogs {
    background: var(--mirror-bg) !important;
}

body.mirror-theme .blogs .post .post-cont,
body.mirror-theme .blogs .post .post-cont p,
body.mirror-theme .blogs .post .post-cont li,
body.mirror-theme .blogs .post .post-cont h2,
body.mirror-theme .blogs .post .post-cont h3 {
    color: var(--mirror-muted);
}

body.mirror-theme .blogs .post .post-cont h2,
body.mirror-theme .blogs .post .post-cont h3 {
    color: var(--mirror-heading);
}

/* ========== Contact info ========== */
body.mirror-theme .contact-info .item {
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
    padding: 20px;
    border-bottom: none;
    margin-bottom: 16px;
}

body.mirror-theme .contact-info .item .cont h6 {
    color: var(--mirror-heading);
}

body.mirror-theme .contact-info .item .cont p {
    color: var(--mirror-muted) !important;
}

/* ========== Forms & inputs (Enquiry, Contact) ========== */
body.mirror-theme input[type="text"],
body.mirror-theme input[type="email"],
body.mirror-theme input[type="tel"],
body.mirror-theme input[type="number"],
body.mirror-theme input[type="password"],
body.mirror-theme input[type="search"],
body.mirror-theme textarea,
body.mirror-theme select,
body.mirror-theme .form-control,
body.mirror-theme .info_message {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid var(--mirror-card-border) !important;
    color: var(--mirror-text) !important;
    border-radius: 10px;
}

body.mirror-theme input::placeholder,
body.mirror-theme textarea::placeholder {
    color: rgba(148, 163, 184, 0.7) !important;
}

body.mirror-theme input:focus,
body.mirror-theme textarea:focus,
body.mirror-theme select:focus {
    border-color: var(--mirror-teal) !important;
    box-shadow: 0 0 0 3px rgba(32, 201, 151, 0.12) !important;
}

/* ========== Mobile navigation ========== */
body.mirror-theme header.scrollHeader .navbar-default {
    background: rgba(7, 11, 20, 0.96) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

@media screen and (max-width: 991px) {
    body.mirror-theme .navbar-nav {
        background: rgba(10, 15, 28, 0.98) !important;
        border: 1px solid var(--mirror-card-border);
    }

    body.mirror-theme .navbar-nav li {
        border-top-color: var(--mirror-card-border) !important;
    }

    body.mirror-theme .navbar-nav > li > a {
        color: var(--mirror-muted) !important;
    }

    body.mirror-theme .navbar ul ul,
    body.mirror-theme .navbar-nav ul ul,
    body.mirror-theme .navbar ul ul li:hover,
    body.mirror-theme .navbar li > ul ul ul {
        background: rgba(7, 11, 20, 0.95) !important;
    }

    body.mirror-theme .navbar ul ul li a {
        color: var(--mirror-muted) !important;
    }

    body.mirror-theme .navbar .sub-title {
        color: var(--mirror-heading) !important;
    }
}

/* ========== Owl carousel arrows ========== */
body.mirror-theme .owl-nav .owl-prev,
body.mirror-theme .owl-nav .owl-next {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border) !important;
    color: var(--mirror-teal) !important;
}

body.mirror-theme .owl-nav i {
    color: var(--mirror-teal) !important;
}

/* ========== Team, pricing, tabs ========== */
body.mirror-theme .team-style {
    background: var(--mirror-card) !important;
    border-color: var(--mirror-card-border) !important;
}

body.mirror-theme .team-style:hover .bg-theme {
    background: var(--mirror-gradient) !important;
}

body.mirror-theme .price .item {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border);
    border-radius: var(--mirror-radius);
}

body.mirror-theme .price .type i {
    background: rgba(32, 201, 151, 0.1) !important;
    border-color: var(--mirror-teal) !important;
    color: var(--mirror-teal) !important;
}

body.mirror-theme .price .type h4,
body.mirror-theme .price .value h3,
body.mirror-theme .price .value h3 span,
body.mirror-theme .price .value .per {
    color: var(--mirror-muted) !important;
}

body.mirror-theme .price .features li {
    border-bottom-color: var(--mirror-card-border) !important;
    color: var(--mirror-muted) !important;
}

body.mirror-theme .resp-tabs-container,
body.mirror-theme h2.resp-accordion {
    background: var(--mirror-card) !important;
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-muted) !important;
}

body.mirror-theme .resp-tab-content {
    border-color: var(--mirror-card-border) !important;
}

/* ========== Feature blocks & partners ========== */
body.mirror-theme .feature-block1 .title {
    color: var(--mirror-heading);
}

body.mirror-theme .feature-block1 .icon {
    background: rgba(32, 201, 151, 0.12) !important;
}

body.mirror-theme .feature-block1 .icon i {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .feature-block1:hover .icon {
    background: var(--mirror-gradient) !important;
}

body.mirror-theme .feature-block1:hover .icon i {
    color: #fff !important;
}

body.mirror-theme .partner-text h4,
body.mirror-theme .partner-text span {
    color: var(--mirror-heading);
}

body.mirror-theme .partner-text span {
    color: var(--mirror-muted) !important;
}

body.mirror-theme section.partner {
    background: var(--mirror-bg-2) !important;
    border-top: 1px solid var(--mirror-card-border);
    border-bottom: 1px solid var(--mirror-card-border);
    padding: 40px 0;
}

body.mirror-theme .clients-style2 .item {
    padding: 4px 8px;
}

body.mirror-theme .clients-style2 img {
    display: block;
    margin: 0 auto;
    background: var(--mirror-card);
    border: 1px solid var(--mirror-card-border);
    border-radius: 12px;
    padding: 10px 14px;
    width: auto !important;
    max-width: 100%;
    height: 72px;
    max-height: 72px;
    object-fit: contain;
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: border-color 0.25s ease, transform 0.25s ease;
}

body.mirror-theme .clients-style2 img:hover {
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
    border-color: rgba(32, 201, 151, 0.45);
    transform: scale(1.04);
}

/* ========== Career page cards ========== */
body.mirror-theme .job-content {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border) !important;
    box-shadow: none !important;
    color: var(--mirror-text);
}

/* ========== Services page (standalone) ========== */
body.mirror-theme .banner-form {
    background: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border);
    color: var(--mirror-text);
}

body.mirror-theme .banner-form h2 {
    color: var(--mirror-heading);
}

body.mirror-theme .all-img img {
    background-color: var(--mirror-card) !important;
    border: 1px solid var(--mirror-card-border);
}

/* ========== Misc components ========== */
body.mirror-theme .card,
body.mirror-theme .card-body {
    background: var(--mirror-card) !important;
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-muted);
}

body.mirror-theme .blockquote,
body.mirror-theme .blockquote h4 {
    color: var(--mirror-text) !important;
}

body.mirror-theme .separator-dashed-line-horrizontal-full {
    border-bottom-color: var(--mirror-card-border) !important;
}

body.mirror-theme .newsletter input {
    background: rgba(15, 23, 42, 0.85) !important;
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-text);
}

body.mirror-theme .locality h3,
body.mirror-theme section h3,
body.mirror-theme section h4 {
    color: var(--mirror-heading);
}

body.mirror-theme .text-uppercase.text-small.font-weight-600 {
    color: var(--mirror-teal) !important;
}

body.mirror-theme .btn:not(.butn) {
    border-radius: var(--mirror-pill);
}

body.mirror-theme .blogs .post .content .btn {
    border-color: var(--mirror-card-border) !important;
    color: var(--mirror-muted) !important;
}

body.mirror-theme .blogs .post .content .btn:hover {
    background: var(--mirror-gradient) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* Keep images readable on dark bg */
body.mirror-theme img {
    max-width: 100%;
}

body.mirror-theme .rounded-circle.border {
    border-color: var(--mirror-card-border) !important;
}