/* Shared public frontend theme switcher and dark-mode layer. */
.frontend-theme-switcher-wrap {
    display: flex;
    justify-content: center;
    padding: 16px 12px;
}

.frontend-theme-switcher {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.frontend-theme-switcher__label {
    margin: 0 4px 0 8px;
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.frontend-theme-switcher__button {
    min-width: 58px;
    border: 0;
    border-radius: 999px;
    padding: 7px 12px;
    background: transparent;
    color: currentColor;
    font: inherit;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.frontend-theme-switcher__button[aria-pressed="true"] {
    background: var(--primary, var(--bs-primary, #0d6efd));
    color: #fff;
    box-shadow: 0 8px 18px rgba(13, 110, 253, .28);
}

.frontend-theme-switcher__button:focus-visible {
    outline: 2px solid var(--primary, var(--bs-primary, #0d6efd));
    outline-offset: 2px;
}

html[data-frontend-theme="light"] {
    color-scheme: light;
}

html[data-frontend-theme="light"] body {
    background: #f4f7fb !important;
    color: #1f2937 !important;
}

html[data-frontend-theme="light"] .wrap {
    background: #f4f7fb !important;
}

html[data-frontend-theme="light"] .hero-card,
html[data-frontend-theme="light"] .panel,
html[data-frontend-theme="light"] .section-card,
html[data-frontend-theme="light"] .block {
    background: #fff !important;
    color: #1f2937 !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 14px 32px rgba(12, 18, 38, .08) !important;
}

html[data-frontend-theme="light"] .panel .form-control,
html[data-frontend-theme="light"] .panel textarea,
html[data-frontend-theme="light"] .form-control,
html[data-frontend-theme="light"] textarea,
html[data-frontend-theme="light"] select {
    background: #fff !important;
    color: #1f2937 !important;
    border-color: #ced4da !important;
}

html[data-frontend-theme="light"] .panel .form-control::placeholder,
html[data-frontend-theme="light"] .panel textarea::placeholder,
html[data-frontend-theme="light"] .form-control::placeholder,
html[data-frontend-theme="light"] textarea::placeholder {
    color: #6b7280 !important;
}

html[data-frontend-theme="light"] .panel .text-light-emphasis,
html[data-frontend-theme="light"] .hero-card .text-light-emphasis,
html[data-frontend-theme="light"] .panel p,
html[data-frontend-theme="light"] .hero-card p {
    color: #4b5563 !important;
}

html[data-frontend-theme="light"] .panel h1,
html[data-frontend-theme="light"] .panel h2,
html[data-frontend-theme="light"] .panel h3,
html[data-frontend-theme="light"] .panel h4,
html[data-frontend-theme="light"] .panel h5,
html[data-frontend-theme="light"] .panel h6,
html[data-frontend-theme="light"] .hero-card h1,
html[data-frontend-theme="light"] .hero-card h2,
html[data-frontend-theme="light"] .hero-card h3,
html[data-frontend-theme="light"] .hero-card h4,
html[data-frontend-theme="light"] .hero-card h5,
html[data-frontend-theme="light"] .hero-card h6 {
    color: #111827 !important;
}

html[data-frontend-theme="dark"] {
    color-scheme: dark;
    --frontend-dark-bg: #070b14;
    --frontend-dark-surface: #101827;
    --frontend-dark-surface-2: #162033;
    --frontend-dark-surface-3: #1d2a3f;
    --frontend-dark-border: rgba(226, 232, 240, .16);
    --frontend-dark-text: #e5edf8;
    --frontend-dark-muted: #a9b7cb;
    --frontend-dark-soft: #d7e1ef;
    --background: var(--frontend-dark-bg);
    --text: var(--frontend-dark-text);
    --dark: #eef4ff;
    --light: var(--frontend-dark-surface);
    --bs-body-bg: var(--frontend-dark-bg);
    --bs-body-color: var(--frontend-dark-text);
    --bs-body-color-rgb: 229, 237, 248;
    --bs-body-bg-rgb: 7, 11, 20;
    --bs-emphasis-color: #f8fbff;
    --bs-emphasis-color-rgb: 248, 251, 255;
    --bs-secondary-color: var(--frontend-dark-muted);
    --bs-secondary-bg: var(--frontend-dark-surface-2);
    --bs-tertiary-bg: var(--frontend-dark-surface);
    --bs-border-color: var(--frontend-dark-border);
    --bs-border-color-translucent: var(--frontend-dark-border);
    --bs-light: var(--frontend-dark-surface);
    --bs-dark: #f8fbff;
}

html[data-frontend-theme="dark"],
html[data-frontend-theme="dark"] body {
    background: var(--frontend-dark-bg) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] body,
html[data-frontend-theme="dark"] p,
html[data-frontend-theme="dark"] li,
html[data-frontend-theme="dark"] span,
html[data-frontend-theme="dark"] small,
html[data-frontend-theme="dark"] label,
html[data-frontend-theme="dark"] .text-dark,
html[data-frontend-theme="dark"] .text-body,
html[data-frontend-theme="dark"] .text-muted,
html[data-frontend-theme="dark"] .text-light-emphasis,
html[data-frontend-theme="dark"] .card-text,
html[data-frontend-theme="dark"] .lead {
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .text-muted,
html[data-frontend-theme="dark"] .text-secondary,
html[data-frontend-theme="dark"] .small,
html[data-frontend-theme="dark"] .breadcrumb,
html[data-frontend-theme="dark"] .breadcrumb a,
html[data-frontend-theme="dark"] .breadcrumb-item,
html[data-frontend-theme="dark"] .breadcrumb-item.active,
html[data-frontend-theme="dark"] .card .text-muted,
html[data-frontend-theme="dark"] .footer-menu a,
html[data-frontend-theme="dark"] .footer-title,
html[data-frontend-theme="dark"] .copyright-text,
html[data-frontend-theme="dark"] .section-title p,
html[data-frontend-theme="dark"] .item-detail p,
html[data-frontend-theme="dark"] .product-detail p {
    color: var(--frontend-dark-muted) !important;
}

html[data-frontend-theme="dark"] h1,
html[data-frontend-theme="dark"] h2,
html[data-frontend-theme="dark"] h3,
html[data-frontend-theme="dark"] h4,
html[data-frontend-theme="dark"] h5,
html[data-frontend-theme="dark"] h6,
html[data-frontend-theme="dark"] .display-1,
html[data-frontend-theme="dark"] .display-2,
html[data-frontend-theme="dark"] .display-3,
html[data-frontend-theme="dark"] .display-4,
html[data-frontend-theme="dark"] .display-5,
html[data-frontend-theme="dark"] .display-6,
html[data-frontend-theme="dark"] .section-title,
html[data-frontend-theme="dark"] .title,
html[data-frontend-theme="dark"] .card-title,
html[data-frontend-theme="dark"] .product-title,
html[data-frontend-theme="dark"] .navbar-brand,
html[data-frontend-theme="dark"] .navbar-brand h1,
html[data-frontend-theme="dark"] .navbar-brand h2 {
    color: var(--frontend-dark-soft) !important;
}

html[data-frontend-theme="dark"] a:not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand),
html[data-frontend-theme="dark"] .nav-link,
html[data-frontend-theme="dark"] .dropdown-item {
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] a:not(.btn):hover,
html[data-frontend-theme="dark"] .nav-link:hover,
html[data-frontend-theme="dark"] .nav-link.active,
html[data-frontend-theme="dark"] .dropdown-item:hover,
html[data-frontend-theme="dark"] .dropdown-item.active {
    color: var(--primary, var(--bs-primary, #67b7ff)) !important;
}

html[data-frontend-theme="dark"] .bg-white,
html[data-frontend-theme="dark"] .bg-light,
html[data-frontend-theme="dark"] .bg-body,
html[data-frontend-theme="dark"] .bg-transparent,
html[data-frontend-theme="dark"] .card,
html[data-frontend-theme="dark"] .card-body,
html[data-frontend-theme="dark"] .card-header,
html[data-frontend-theme="dark"] .card-footer,
html[data-frontend-theme="dark"] .section-card,
html[data-frontend-theme="dark"] .block,
html[data-frontend-theme="dark"] .panel,
html[data-frontend-theme="dark"] .modal-content,
html[data-frontend-theme="dark"] .modal-header,
html[data-frontend-theme="dark"] .modal-body,
html[data-frontend-theme="dark"] .modal-footer,
html[data-frontend-theme="dark"] .dropdown-menu,
html[data-frontend-theme="dark"] .list-group-item,
html[data-frontend-theme="dark"] .accordion-item,
html[data-frontend-theme="dark"] .accordion-button,
html[data-frontend-theme="dark"] .offcanvas,
html[data-frontend-theme="dark"] .toast,
html[data-frontend-theme="dark"] .popover,
html[data-frontend-theme="dark"] .top-header,
html[data-frontend-theme="dark"] .top-header2,
html[data-frontend-theme="dark"] .header7,
html[data-frontend-theme="dark"] .category-header7,
html[data-frontend-theme="dark"] .navbar,
html[data-frontend-theme="dark"] .navbar-light,
html[data-frontend-theme="dark"] .nav-bar,
html[data-frontend-theme="dark"] .sticky-header,
html[data-frontend-theme="dark"] .service-item,
html[data-frontend-theme="dark"] .service-content,
html[data-frontend-theme="dark"] .service-content-inner,
html[data-frontend-theme="dark"] .testimonial-item,
html[data-frontend-theme="dark"] .testimonial-content,
html[data-frontend-theme="dark"] .team-item,
html[data-frontend-theme="dark"] .team-text,
html[data-frontend-theme="dark"] .team-detail,
html[data-frontend-theme="dark"] .product-box,
html[data-frontend-theme="dark"] .product-item,
html[data-frontend-theme="dark"] .product-item-inner,
html[data-frontend-theme="dark"] .product-item-add,
html[data-frontend-theme="dark"] .product-content,
html[data-frontend-theme="dark"] .product-details,
html[data-frontend-theme="dark"] .product-tags-items,
html[data-frontend-theme="dark"] .product-wrapper,
html[data-frontend-theme="dark"] .single-product,
html[data-frontend-theme="dark"] .single-inner,
html[data-frontend-theme="dark"] .featured-product-item,
html[data-frontend-theme="dark"] .additional-product-item,
html[data-frontend-theme="dark"] .shop-sidebar,
html[data-frontend-theme="dark"] .sidebar,
html[data-frontend-theme="dark"] .form-box,
html[data-frontend-theme="dark"] .contact-form,
html[data-frontend-theme="dark"] .contact-item,
html[data-frontend-theme="dark"] .map-wrap,
html[data-frontend-theme="dark"] .map,
html[data-frontend-theme="dark"] .content-html,
html[data-frontend-theme="dark"] .gallery-item,
html[data-frontend-theme="dark"] .portfolio-item,
html[data-frontend-theme="dark"] .blog-item,
html[data-frontend-theme="dark"] .post-item,
html[data-frontend-theme="dark"] .pricing-card,
html[data-frontend-theme="dark"] .package-card,
html[data-frontend-theme="dark"] .booking-section,
html[data-frontend-theme="dark"] .booking-card,
html[data-frontend-theme="dark"] .searchbar-input,
html[data-frontend-theme="dark"] .typeahead,
html[data-frontend-theme="dark"] .bizpry-site-header,
html[data-frontend-theme="dark"] .bizpry-navbar,
html[data-frontend-theme="dark"] .bizpry-topbar,
html[data-frontend-theme="dark"] .bizpry-footer,
html[data-frontend-theme="dark"] .bizpry-footer-extra,
html[data-frontend-theme="dark"] .bizpry-footer-bottom,
html[data-frontend-theme="dark"] .bizpry-footer-cta,
html[data-frontend-theme="dark"] [class*="public-"],
html[data-frontend-theme="dark"] .page-header,
html[data-frontend-theme="dark"] .container-fluid.bg-white,
html[data-frontend-theme="dark"] .container-fluid.bg-light {
    background-color: var(--frontend-dark-surface) !important;
    color: var(--frontend-dark-text) !important;
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .bg-secondary,
html[data-frontend-theme="dark"] .bg-dark,
html[data-frontend-theme="dark"] .footer,
html[data-frontend-theme="dark"] .footer-area,
html[data-frontend-theme="dark"] .footer-section,
html[data-frontend-theme="dark"] footer,
html[data-frontend-theme="dark"] .copyright,
html[data-frontend-theme="dark"] .bottom-footer,
html[data-frontend-theme="dark"] .sub-footer,
html[data-frontend-theme="dark"] .hero-card,
html[data-frontend-theme="dark"] .wrap,
html[data-frontend-theme="dark"] .topbar,
html[data-frontend-theme="dark"] .top-info,
html[data-frontend-theme="dark"] .category-left,
html[data-frontend-theme="dark"] .category-right {
    background-color: var(--frontend-dark-surface-2) !important;
    color: var(--frontend-dark-text) !important;
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .shadow,
html[data-frontend-theme="dark"] .shadow-sm,
html[data-frontend-theme="dark"] .shadow-lg,
html[data-frontend-theme="dark"] .card,
html[data-frontend-theme="dark"] .block,
html[data-frontend-theme="dark"] .panel,
html[data-frontend-theme="dark"] .section-card,
html[data-frontend-theme="dark"] .product-box,
html[data-frontend-theme="dark"] .service-item,
html[data-frontend-theme="dark"] .testimonial-item,
html[data-frontend-theme="dark"] .team-item {
    box-shadow: 0 16px 42px rgba(0, 0, 0, .34) !important;
}

html[data-frontend-theme="dark"] .border,
html[data-frontend-theme="dark"] .border-top,
html[data-frontend-theme="dark"] .border-end,
html[data-frontend-theme="dark"] .border-bottom,
html[data-frontend-theme="dark"] .border-start,
html[data-frontend-theme="dark"] .border-primary,
html[data-frontend-theme="dark"] .border-secondary,
html[data-frontend-theme="dark"] .card,
html[data-frontend-theme="dark"] .modal-content,
html[data-frontend-theme="dark"] .dropdown-menu,
html[data-frontend-theme="dark"] .list-group-item,
html[data-frontend-theme="dark"] .accordion-item,
html[data-frontend-theme="dark"] hr {
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .form-control,
html[data-frontend-theme="dark"] .form-select,
html[data-frontend-theme="dark"] .input-group-text,
html[data-frontend-theme="dark"] .custom-select,
html[data-frontend-theme="dark"] .custom-control-label::before,
html[data-frontend-theme="dark"] input,
html[data-frontend-theme="dark"] select,
html[data-frontend-theme="dark"] textarea {
    background-color: #0b1220 !important;
    color: var(--frontend-dark-text) !important;
    border-color: rgba(226, 232, 240, .22) !important;
}

html[data-frontend-theme="dark"] .form-control:focus,
html[data-frontend-theme="dark"] .form-select:focus,
html[data-frontend-theme="dark"] input:focus,
html[data-frontend-theme="dark"] select:focus,
html[data-frontend-theme="dark"] textarea:focus {
    background-color: #0f172a !important;
    color: #fff !important;
    border-color: var(--primary, var(--bs-primary, #67b7ff)) !important;
    box-shadow: 0 0 0 .2rem rgba(103, 183, 255, .18) !important;
}

html[data-frontend-theme="dark"] .form-control::placeholder,
html[data-frontend-theme="dark"] textarea::placeholder,
html[data-frontend-theme="dark"] input::placeholder {
    color: #8796aa !important;
}

html[data-frontend-theme="dark"] .table {
    --bs-table-bg: var(--frontend-dark-surface);
    --bs-table-color: var(--frontend-dark-text);
    --bs-table-border-color: var(--frontend-dark-border);
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-frontend-theme="dark"] .table-striped tbody tr:nth-of-type(odd),
html[data-frontend-theme="dark"] .table-hover > tbody > tr:hover > *,
html[data-frontend-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .045) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .page-link,
html[data-frontend-theme="dark"] .pagination .page-item .page-link {
    background-color: var(--frontend-dark-surface) !important;
    border-color: var(--frontend-dark-border) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .page-item.active .page-link,
html[data-frontend-theme="dark"] .pagination .active .page-link {
    background-color: var(--primary, var(--bs-primary, #67b7ff)) !important;
    border-color: var(--primary, var(--bs-primary, #67b7ff)) !important;
    color: #fff !important;
}

html[data-frontend-theme="dark"] .nav-tabs,
html[data-frontend-theme="dark"] .nav-pills,
html[data-frontend-theme="dark"] .tab-content {
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .nav-tabs .nav-link,
html[data-frontend-theme="dark"] .nav-pills .nav-link {
    color: var(--frontend-dark-muted) !important;
}

html[data-frontend-theme="dark"] .nav-tabs .nav-link.active,
html[data-frontend-theme="dark"] .nav-pills .nav-link.active {
    background-color: var(--frontend-dark-surface-2) !important;
    border-color: var(--frontend-dark-border) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .alert {
    background-color: var(--frontend-dark-surface-2) !important;
    border-color: var(--frontend-dark-border) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .alert-success {
    background-color: rgba(22, 101, 52, .26) !important;
}

html[data-frontend-theme="dark"] .alert-danger {
    background-color: rgba(153, 27, 27, .28) !important;
}

html[data-frontend-theme="dark"] .alert-warning {
    background-color: rgba(146, 64, 14, .28) !important;
}

html[data-frontend-theme="dark"] .alert-info {
    background-color: rgba(14, 116, 144, .28) !important;
}

html[data-frontend-theme="dark"] .close,
html[data-frontend-theme="dark"] .btn-close {
    filter: invert(1) grayscale(1) brightness(1.6);
    opacity: .9;
}

html[data-frontend-theme="dark"] .table th,
html[data-frontend-theme="dark"] .table td {
    color: var(--frontend-dark-text) !important;
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .btn-light,
html[data-frontend-theme="dark"] .btn-outline-light {
    background-color: var(--frontend-dark-surface-2) !important;
    border-color: rgba(226, 232, 240, .28) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .btn-light:hover,
html[data-frontend-theme="dark"] .btn-outline-light:hover {
    background-color: #1f2c42 !important;
    color: #fff !important;
}

html[data-frontend-theme="dark"] .navbar-light .navbar-toggler,
html[data-frontend-theme="dark"] .navbar-toggler {
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .navbar-light .navbar-toggler-icon,
html[data-frontend-theme="dark"] .navbar-toggler-icon {
    filter: invert(1) grayscale(1) brightness(1.6);
}

html[data-frontend-theme="dark"] .dropdown-menu {
    box-shadow: 0 18px 38px rgba(0, 0, 0, .38) !important;
}

html[data-frontend-theme="dark"] .dropdown-item:hover,
html[data-frontend-theme="dark"] .dropdown-item:focus {
    background-color: rgba(255, 255, 255, .08) !important;
}

html[data-frontend-theme="dark"] .modal-backdrop.show {
    opacity: .78;
}

html[data-frontend-theme="dark"] .breadcrumb-section,
html[data-frontend-theme="dark"] .breadcrumb-area,
html[data-frontend-theme="dark"] .page-title,
html[data-frontend-theme="dark"] .page-header {
    background-color: #0b1220 !important;
}

html[data-frontend-theme="dark"] .owl-carousel .owl-nav button,
html[data-frontend-theme="dark"] .slick-prev,
html[data-frontend-theme="dark"] .slick-next,
html[data-frontend-theme="dark"] .back-to-top,
html[data-frontend-theme="dark"] .btn-search {
    background-color: var(--frontend-dark-surface-2) !important;
    color: var(--frontend-dark-text) !important;
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] img.hero-logo,
html[data-frontend-theme="dark"] .brand-logo img,
html[data-frontend-theme="dark"] .navbar-brand img,
html[data-frontend-theme="dark"] .bizpry-brand img {
    background-color: rgba(255, 255, 255, .94);
}

html[data-frontend-theme="dark"] .frontend-theme-switcher {
    background: rgba(8, 13, 24, .72);
    border-color: var(--frontend-dark-border);
    color: var(--frontend-dark-text);
}

html[data-frontend-theme="dark"] [style*="background: #fff"],
html[data-frontend-theme="dark"] [style*="background:#fff"],
html[data-frontend-theme="dark"] [style*="background-color: #fff"],
html[data-frontend-theme="dark"] [style*="background-color:#fff"],
html[data-frontend-theme="dark"] [style*="background: white"],
html[data-frontend-theme="dark"] [style*="background-color: white"] {
    background: var(--frontend-dark-surface) !important;
    background-color: var(--frontend-dark-surface) !important;
}

html[data-frontend-theme="dark"] .btn-link,
html[data-frontend-theme="dark"] .btn.btn-link,
html[data-frontend-theme="dark"] .footer-link,
html[data-frontend-theme="dark"] .breadcrumb-item a,
html[data-frontend-theme="dark"] .product-categories a,
html[data-frontend-theme="dark"] .product-tags a,
html[data-frontend-theme="dark"] .featured-product a,
html[data-frontend-theme="dark"] .blog-item a,
html[data-frontend-theme="dark"] .post-item a,
html[data-frontend-theme="dark"] .card a.text-dark,
html[data-frontend-theme="dark"] .text-decoration-none.text-dark {
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .btn-link:hover,
html[data-frontend-theme="dark"] .footer-link:hover,
html[data-frontend-theme="dark"] .breadcrumb-item a:hover,
html[data-frontend-theme="dark"] .product-categories a:hover,
html[data-frontend-theme="dark"] .product-tags a:hover,
html[data-frontend-theme="dark"] .featured-product a:hover,
html[data-frontend-theme="dark"] .card a.text-dark:hover {
    color: var(--primary, var(--bs-primary, #67b7ff)) !important;
}

html[data-frontend-theme="dark"] .text-primary,
html[data-frontend-theme="dark"] .text-secondary,
html[data-frontend-theme="dark"] .text-success,
html[data-frontend-theme="dark"] .text-info,
html[data-frontend-theme="dark"] .text-warning,
html[data-frontend-theme="dark"] .text-danger {
    filter: saturate(1.08) brightness(1.12);
}

html[data-frontend-theme="dark"] .owl-stage-outer,
html[data-frontend-theme="dark"] .owl-item,
html[data-frontend-theme="dark"] .slick-list,
html[data-frontend-theme="dark"] .carousel,
html[data-frontend-theme="dark"] .carousel-item {
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .lightbox,
html[data-frontend-theme="dark"] .lb-outerContainer,
html[data-frontend-theme="dark"] .lb-dataContainer {
    background-color: var(--frontend-dark-surface-2) !important;
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] .g-recaptcha,
html[data-frontend-theme="dark"] iframe {
    color-scheme: light;
}

html[data-frontend-theme="dark"] img:not(.hero-logo) {
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .section-title.bg-white,
html[data-frontend-theme="dark"] .section-title.bg-light,
html[data-frontend-theme="dark"] p.section-title,
html[data-frontend-theme="dark"] .service-title,
html[data-frontend-theme="dark"] .testimonial-title {
    background-color: var(--frontend-dark-bg) !important;
    color: var(--primary, var(--bs-primary, #67b7ff)) !important;
}

html[data-frontend-theme="dark"] .top-shape,
html[data-frontend-theme="dark"] .hero,
html[data-frontend-theme="dark"] .hero-header,
html[data-frontend-theme="dark"] .bg-breadcrumb,
html[data-frontend-theme="dark"] .breadcrumb-section,
html[data-frontend-theme="dark"] .page-title,
html[data-frontend-theme="dark"] .counter,
html[data-frontend-theme="dark"] .donate,
html[data-frontend-theme="dark"] .about,
html[data-frontend-theme="dark"] .service,
html[data-frontend-theme="dark"] .testimonial {
    color: var(--frontend-dark-text) !important;
}

html[data-frontend-theme="dark"] body.bg-light,
html[data-frontend-theme="dark"] .b-g-white,
html[data-frontend-theme="dark"] .section-py-space,
html[data-frontend-theme="dark"] .page-main-content,
html[data-frontend-theme="dark"] .collection-product-wrapper,
html[data-frontend-theme="dark"] .collection-filter,
html[data-frontend-theme="dark"] .collection-collapse-block,
html[data-frontend-theme="dark"] .theme-card,
html[data-frontend-theme="dark"] .theme-tab,
html[data-frontend-theme="dark"] .tab-content-cls,
html[data-frontend-theme="dark"] .product-wrapper-grid,
html[data-frontend-theme="dark"] .product-wrapper-list,
html[data-frontend-theme="dark"] .product-page-main,
html[data-frontend-theme="dark"] .product-right,
html[data-frontend-theme="dark"] .product-accordion,
html[data-frontend-theme="dark"] .cart-section,
html[data-frontend-theme="dark"] .wishlist-section,
html[data-frontend-theme="dark"] .checkout-page,
html[data-frontend-theme="dark"] .contact-page,
html[data-frontend-theme="dark"] .blog-page,
html[data-frontend-theme="dark"] .search-page,
html[data-frontend-theme="dark"] .compare-page,
html[data-frontend-theme="dark"] .dashboard,
html[data-frontend-theme="dark"] .dashboard-left,
html[data-frontend-theme="dark"] .dashboard-right,
html[data-frontend-theme="dark"] .account-sidebar,
html[data-frontend-theme="dark"] .order-box,
html[data-frontend-theme="dark"] .payment-box,
html[data-frontend-theme="dark"] .speciality-page {
    color: var(--frontend-dark-text) !important;
    background: var(--frontend-dark-bg) !important;
    background-color: var(--frontend-dark-bg) !important;
}

html[data-frontend-theme="dark"] .custom-container,
html[data-frontend-theme="dark"] .top-header-left,
html[data-frontend-theme="dark"] .top-header-right,
html[data-frontend-theme="dark"] .icon-block,
html[data-frontend-theme="dark"] .logo-block,
html[data-frontend-theme="dark"] .brand-logo,
html[data-frontend-theme="dark"] .header-search .input-group,
html[data-frontend-theme="dark"] .header-search .input-group-text,
html[data-frontend-theme="dark"] .category-contain,
html[data-frontend-theme="dark"] .category-left,
html[data-frontend-theme="dark"] .category-right,
html[data-frontend-theme="dark"] .mobile-back,
html[data-frontend-theme="dark"] .sidenav,
html[data-frontend-theme="dark"] .sidebar-back,
html[data-frontend-theme="dark"] .top-banner-wrapper,
html[data-frontend-theme="dark"] .product-pagination,
html[data-frontend-theme="dark"] .product-top-filter,
html[data-frontend-theme="dark"] .filter-main-btn,
html[data-frontend-theme="dark"] .product-box .product-detail,
html[data-frontend-theme="dark"] .product-box .product-info,
html[data-frontend-theme="dark"] .theme-card .offer-slider,
html[data-frontend-theme="dark"] .theme-card .media,
html[data-frontend-theme="dark"] .services .service-block .media,
html[data-frontend-theme="dark"] .services1 .services-box,
html[data-frontend-theme="dark"] .services2 .services-box,
html[data-frontend-theme="dark"] .rounded-category .category-contain,
html[data-frontend-theme="dark"] .category1 .category-box,
html[data-frontend-theme="dark"] .category2 .category-box,
html[data-frontend-theme="dark"] .category3 .category-box,
html[data-frontend-theme="dark"] .category4 .category-box,
html[data-frontend-theme="dark"] .category5 .category-box,
html[data-frontend-theme="dark"] .blog .blog-contain,
html[data-frontend-theme="dark"] .blog .blog-contain .blog-details,
html[data-frontend-theme="dark"] .blog .blog-contain .blog-details-2,
html[data-frontend-theme="dark"] .brand-panel .brand-panel-box,
html[data-frontend-theme="dark"] .brand-second .brand-box,
html[data-frontend-theme="dark"] .brand-third .brand-box,
html[data-frontend-theme="dark"] .contact-banner2 .contact-bannerbox,
html[data-frontend-theme="dark"] .contact-banner2 .subscribe-box,
html[data-frontend-theme="dark"] .care-card,
html[data-frontend-theme="dark"] .class-item,
html[data-frontend-theme="dark"] .classes-item,
html[data-frontend-theme="dark"] .program-item,
html[data-frontend-theme="dark"] .facility-item,
html[data-frontend-theme="dark"] .contact-tile,
html[data-frontend-theme="dark"] .counter-card,
html[data-frontend-theme="dark"] .hero-panel,
html[data-frontend-theme="dark"] .hero-metric,
html[data-frontend-theme="dark"] .trust-strip .container,
html[data-frontend-theme="dark"] .route-strip .row,
html[data-frontend-theme="dark"] .client-logo-shell,
html[data-frontend-theme="dark"] .client-logo-card,
html[data-frontend-theme="dark"] .ms-card,
html[data-frontend-theme="dark"] .ms-stat,
html[data-frontend-theme="dark"] .ms-panel,
html[data-frontend-theme="dark"] .ms-faq,
html[data-frontend-theme="dark"] .ms-mock,
html[data-frontend-theme="dark"] .ms-mock-window,
html[data-frontend-theme="dark"] .ms-mock-top,
html[data-frontend-theme="dark"] .ms-badge,
html[data-frontend-theme="dark"] .ms-chip {
    color: var(--frontend-dark-text) !important;
    background: var(--frontend-dark-surface) !important;
    background-color: var(--frontend-dark-surface) !important;
    border-color: var(--frontend-dark-border) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .34) !important;
}

html[data-frontend-theme="dark"] .navbar-light,
html[data-frontend-theme="dark"] .sticky-top.navbar-light,
html[data-frontend-theme="dark"] .fixed-top.bg-white,
html[data-frontend-theme="dark"] .header-style2,
html[data-frontend-theme="dark"] .header7,
html[data-frontend-theme="dark"] .category-header7 {
    background: rgba(8, 13, 24, .94) !important;
    background-color: rgba(8, 13, 24, .94) !important;
    border-color: var(--frontend-dark-border) !important;
}

html[data-frontend-theme="dark"] .navbar-light .navbar-nav .nav-link,
html[data-frontend-theme="dark"] .sticky-top.navbar-light .navbar-nav .nav-link,
html[data-frontend-theme="dark"] .sm-horizontal > li > a,
html[data-frontend-theme="dark"] .pixelstrap a,
html[data-frontend-theme="dark"] .dark-menu-item,
html[data-frontend-theme="dark"] .category-toggle,
html[data-frontend-theme="dark"] .top-header2 a,
html[data-frontend-theme="dark"] .theme-color svg,
html[data-frontend-theme="dark"] .collection-collapse-block-title,
html[data-frontend-theme="dark"] .product-title,
html[data-frontend-theme="dark"] .product-detail h4,
html[data-frontend-theme="dark"] .product-detail h6,
html[data-frontend-theme="dark"] .product-info h4,
html[data-frontend-theme="dark"] .theme-card h5,
html[data-frontend-theme="dark"] .blog .blog-contain h4,
html[data-frontend-theme="dark"] .care-card h3,
html[data-frontend-theme="dark"] .class-item h3,
html[data-frontend-theme="dark"] .classes-item h5,
html[data-frontend-theme="dark"] .program-item h3,
html[data-frontend-theme="dark"] .facility-item h5,
html[data-frontend-theme="dark"] .contact-tile h4,
html[data-frontend-theme="dark"] .counter-card h2,
html[data-frontend-theme="dark"] .hero-panel h1,
html[data-frontend-theme="dark"] .hero-panel h2,
html[data-frontend-theme="dark"] .hero-panel h3,
html[data-frontend-theme="dark"] .client-logo-title,
html[data-frontend-theme="dark"] .ms-title,
html[data-frontend-theme="dark"] .ms-section-title,
html[data-frontend-theme="dark"] .ms-card h3,
html[data-frontend-theme="dark"] .ms-panel h4,
html[data-frontend-theme="dark"] .ms-faq .accordion-button {
    color: var(--frontend-dark-soft) !important;
    fill: var(--frontend-dark-soft) !important;
}

html[data-frontend-theme="dark"] .product-detail p,
html[data-frontend-theme="dark"] .product-info p,
html[data-frontend-theme="dark"] .theme-card p,
html[data-frontend-theme="dark"] .blog .blog-contain p,
html[data-frontend-theme="dark"] .care-card p,
html[data-frontend-theme="dark"] .class-item p,
html[data-frontend-theme="dark"] .classes-item p,
html[data-frontend-theme="dark"] .program-item p,
html[data-frontend-theme="dark"] .facility-item p,
html[data-frontend-theme="dark"] .contact-tile p,
html[data-frontend-theme="dark"] .hero-panel p,
html[data-frontend-theme="dark"] .client-logo-card,
html[data-frontend-theme="dark"] .ms-copy,
html[data-frontend-theme="dark"] .ms-card p,
html[data-frontend-theme="dark"] .ms-panel p,
html[data-frontend-theme="dark"] .ms-stat p,
html[data-frontend-theme="dark"] .ms-faq .accordion-body {
    color: var(--frontend-dark-muted) !important;
}

html[data-frontend-theme="dark"] .theme-hero::after,
html[data-frontend-theme="dark"] .transport-hero::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--frontend-dark-bg)) !important;
}

html[data-frontend-theme="dark"] .client-logo-shell {
    --client-logo-bg: var(--frontend-dark-bg) !important;
}

html[data-frontend-theme="dark"] .client-logo-shell::before {
    background: linear-gradient(90deg, var(--frontend-dark-bg), transparent) !important;
}

html[data-frontend-theme="dark"] .client-logo-shell::after {
    background: linear-gradient(270deg, var(--frontend-dark-bg), transparent) !important;
}

html[data-frontend-theme="dark"] .ms-cta,
html[data-frontend-theme="dark"] .theme-cta,
html[data-frontend-theme="dark"] .contact-banner,
html[data-frontend-theme="dark"] .contact-banner2 {
    color: #ffffff !important;
    background-color: var(--frontend-dark-surface-2) !important;
}

html[data-frontend-theme="dark"] .ms-cta p,
html[data-frontend-theme="dark"] .theme-cta p,
html[data-frontend-theme="dark"] .theme-cta h2,
html[data-frontend-theme="dark"] .contact-banner p,
html[data-frontend-theme="dark"] .contact-banner h2,
html[data-frontend-theme="dark"] .contact-banner h3 {
    color: #ffffff !important;
}

html[data-frontend-theme="dark"] .ms-btn-light {
    color: var(--frontend-dark-text) !important;
    background: var(--frontend-dark-surface-2) !important;
    border-color: var(--frontend-dark-border) !important;
}

@media (max-width: 991.98px) {
    html[data-frontend-theme="dark"] .navbar-collapse,
    html[data-frontend-theme="dark"] #main-menu,
    html[data-frontend-theme="dark"] .sm-horizontal,
    html[data-frontend-theme="dark"] .pixelstrap {
        background-color: var(--frontend-dark-surface) !important;
    }
}
