/* Extracted from partials/theme/styles.blade.php — keep in sync when editing theme runtime CSS. */
:root {
        --cc-mobile-navbar-offset: 46px;
    }

    /* Bootstrap 4 utility compatibility for legacy templates that still use float-left/float-right. */
    .float-left {
        float: left !important;
    }

    .float-right {
        float: right !important;
    }

    /* Bootstrap 4 spacing utility compatibility for legacy templates still using left/right shorthands. */
    .ml-0 {
        margin-left: 0 !important;
    }

    .ml-1 {
        margin-left: 0.25rem !important;
    }

    .ml-2 {
        margin-left: 0.5rem !important;
    }

    .ml-3 {
        margin-left: 1rem !important;
    }

    .ml-4 {
        margin-left: 1.5rem !important;
    }

    .ml-5 {
        margin-left: 3rem !important;
    }

    .ml-auto {
        margin-left: auto !important;
    }

    .mr-0 {
        margin-right: 0 !important;
    }

    .mr-1 {
        margin-right: 0.25rem !important;
    }

    .mr-2 {
        margin-right: 0.5rem !important;
    }

    .mr-3 {
        margin-right: 1rem !important;
    }

    .mr-4 {
        margin-right: 1.5rem !important;
    }

    .mr-5 {
        margin-right: 3rem !important;
    }

    .mr-auto {
        margin-right: auto !important;
    }

    .pl-0 {
        padding-left: 0 !important;
    }

    .pl-1 {
        padding-left: 0.25rem !important;
    }

    .pl-2 {
        padding-left: 0.5rem !important;
    }

    .pl-3 {
        padding-left: 1rem !important;
    }

    .pl-4 {
        padding-left: 1.5rem !important;
    }

    .pl-5 {
        padding-left: 3rem !important;
    }

    .pr-0 {
        padding-right: 0 !important;
    }

    .pr-1 {
        padding-right: 0.25rem !important;
    }

    .pr-2 {
        padding-right: 0.5rem !important;
    }

    .pr-3 {
        padding-right: 1rem !important;
    }

    .pr-4 {
        padding-right: 1.5rem !important;
    }

    .pr-5 {
        padding-right: 3rem !important;
    }

    @media (min-width: 576px) {
        .pr-sm-4 {
            padding-right: 1.5rem !important;
        }
    }

    @media (min-width: 768px) {
        .ml-md-3 {
            margin-left: 1rem !important;
        }
    }

    @media (min-width: 1200px) {
        .mr-xl-auto {
            margin-right: auto !important;
        }
    }

    .cc-theme-icon-wrap {
        align-items: center;
        display: flex;
    }

    .cc-theme-icon-wrap--nav {
        display: inline-flex !important;
        margin-left: 8px;
    }

    .nav-item-profile-tools {
        align-items: center;
        display: inline-flex !important;
    }

    .my-navbar .navbar-nav .nav-item.nav-item-profile-tools > .nav-user-drop,
    .my-navbar .navbar-nav .nav-item.nav-item-profile-tools > .cc-theme-icon-wrap--nav {
        align-items: center;
        display: inline-flex !important;
    }

    .cc-theme-icon-button {
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: 999px;
        color: #0f172a;
        cursor: pointer;
        display: inline-flex;
        height: 34px;
        justify-content: center;
        padding: 0;
        transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
        width: 34px;
    }

    .cc-theme-icon-button:hover {
        background-color: rgba(15, 23, 42, 0.08);
    }

    .cc-theme-icon-button:focus {
        box-shadow: 0 0 0 3px rgba(38, 200, 215, 0.32);
        outline: none;
    }

    .cc-theme-icon {
        align-items: center;
        display: inline-flex;
        justify-content: center;
    }

    .cc-theme-icon--sun {
        display: none;
    }

    .left-menu [data-theme-toggle-wrap],
    .dropdown-menu [data-theme-toggle-wrap] {
        display: none !important;
    }

    @media (max-width: 575.98px) {
        .cc-theme-icon-wrap--nav {
            margin-left: 4px;
        }
    }

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

    html[data-theme="dark"] .cc-theme-icon--moon {
        display: none;
    }

    html[data-theme="dark"] .cc-theme-icon--sun {
        display: inline-flex;
    }

    html[data-theme="dark"] .cc-theme-icon-button {
        color: #f8fafc;
    }

    html[data-theme="dark"] .cc-theme-icon-button:hover {
        background-color: rgba(148, 163, 184, 0.24);
    }

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

    /* Wallpaper include moved to end of this style block so full-coverage rules win over page-shell paints. */
    html[data-theme="dark"] .navigation,
    html[data-theme="dark"] .left-menu,
    html[data-theme="dark"] footer,
    html[data-theme="dark"] .card,
    html[data-theme="dark"] .modal-content,
    html[data-theme="dark"] .dropdown-menu,
    html[data-theme="dark"] .profile-container,
    html[data-theme="dark"] .profile-container .card-header,
    html[data-theme="dark"] .profile-container .card-body {
        background-color: #161c26 !important;
        color: var(--cc-theme-dark-text) !important;
        border-color: #273142 !important;
    }

    html[data-theme="dark"] .table,
    html[data-theme="dark"] .table tr,
    html[data-theme="dark"] .table td,
    html[data-theme="dark"] .table th {
        background-color: #161c26 !important;
        border-color: #2b3446 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .cv-page .language-table,
    html[data-theme="dark"] .cv-page .language-table tr,
    html[data-theme="dark"] .cv-page .language-table td {
        background-color: var(--cc-theme-dark-surface) !important;
        border-color: var(--cc-theme-dark-border) !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .cv-page .language-table th {
        background-color: var(--cc-theme-dark-background) !important;
        border-color: var(--cc-theme-dark-border) !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .nav-link,
    html[data-theme="dark"] .dropdown-item,
    html[data-theme="dark"] .menu-section-label,
    html[data-theme="dark"] .card-title,
    html[data-theme="dark"] .modal-title,
    html[data-theme="dark"] .text-muted {
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .dropdown-item:hover,
    html[data-theme="dark"] .dropdown-item:focus,
    html[data-theme="dark"] .dropdown-menu .nav-link:hover,
    html[data-theme="dark"] .dropdown-menu .nav-link:focus {
        background-color: var(--cc-theme-dark-background) !important;
        color: var(--cc-theme-dark-primary) !important;
    }

    html[data-theme="dark"] .form-control,
    html[data-theme="dark"] input,
    html[data-theme="dark"] select,
    html[data-theme="dark"] textarea {
        background-color: #0f141d !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .form-control:focus,
    html[data-theme="dark"] input:focus,
    html[data-theme="dark"] select:focus,
    html[data-theme="dark"] textarea:focus {
        border-color: #26c8d7 !important;
        box-shadow: 0 0 0 0.2rem rgba(38, 200, 215, 0.15) !important;
    }

    html[data-theme="dark"] .form-group input,
    html[data-theme="dark"] .form-group select,
    html[data-theme="dark"] .form-group textarea {
        background-color: #0f141d !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .form-group select {
        background-image: linear-gradient(45deg, transparent 50%, #c7d3e4 0), linear-gradient(135deg, #c7d3e4 50%, transparent 0) !important;
    }

    html[data-theme="dark"] .form-group input::placeholder,
    html[data-theme="dark"] .form-group textarea::placeholder {
        color: var(--cc-theme-dark-muted) !important;
        opacity: 1 !important;
    }

    html[data-theme="dark"] .form-group .control-label {
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .form-group select + .control-label {
        background-color: #161c26 !important;
    }

    html[data-theme="dark"] .form-group input:focus ~ .control-label,
    html[data-theme="dark"] .form-group select:focus ~ .control-label,
    html[data-theme="dark"] .form-group textarea:focus ~ .control-label {
        color: #75d6e3 !important;
    }

    html[data-theme="dark"] .form-group .no-form-style ~ .control-label,
    html[data-theme="dark"] .form-group input.date-style:valid ~ .control-label,
    html[data-theme="dark"] .form-group input.form-file ~ .control-label,
    html[data-theme="dark"] .form-group input[type="file"] ~ .control-label,
    html[data-theme="dark"] .form-group select.form-file ~ .control-label,
    html[data-theme="dark"] .form-group textarea.form-file ~ .control-label {
        background-color: #161c26 !important;
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .form-group input:-webkit-autofill,
    html[data-theme="dark"] .form-group input:-webkit-autofill:hover,
    html[data-theme="dark"] .form-group input:-webkit-autofill:focus,
    html[data-theme="dark"] .form-group textarea:-webkit-autofill,
    html[data-theme="dark"] .form-group select:-webkit-autofill {
        -webkit-text-fill-color: var(--cc-theme-dark-text) !important;
        box-shadow: 0 0 0 1000px #0f141d inset !important;
    }

    html[data-theme="dark"] .form-group .select2-container--default .select2-selection--single,
    html[data-theme="dark"] .form-group .select2-container--default .select2-selection--multiple {
        background-color: #0f141d !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
    html[data-theme="dark"] .form-group .select2-container--default .select2-selection--single .select2-selection__placeholder,
    html[data-theme="dark"] .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #c7d3e4 transparent transparent !important;
    }

    html[data-theme="dark"] .form-group .select2-container--open.select2-container .select2-selection--single,
    html[data-theme="dark"] .form-group .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #26c8d7 !important;
    }

    html[data-theme="dark"] .select2-dropdown,
    html[data-theme="dark"] .select2-container--open .select2-dropdown {
        background-color: #161c26 !important;
        border-color: #334155 !important;
    }

    html[data-theme="dark"] .select2-results__option {
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .select2-results__option[aria-selected="true"] {
        background-color: #243245 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #2c4e72 !important;
        color: #ffffff !important;
    }

    html[data-theme="dark"] .form-group select.phone_type,
    html[data-theme="dark"] .form-group #title {
        background-color: #0f141d !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .add-input {
        background-color: #161c26 !important;
        border: 1px solid #334155 !important;
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .add-input:hover {
        color: #9de4ee !important;
    }

    html[data-theme="dark"] .add-input::before,
    html[data-theme="dark"] .add-input::after {
        background-color: #4b5b71 !important;
    }

    html[data-theme="dark"] .add-input:hover::before,
    html[data-theme="dark"] .add-input:hover::after {
        background-color: #75d6e3 !important;
    }

    html[data-theme="dark"] .profile-tab.cc-profile-autosave-row .cc-profile-autosave-li,
    html[data-theme="dark"] .contact-tab.cc-profile-autosave-row .cc-profile-autosave-li {
        background-color: transparent !important;
    }

    html[data-theme="dark"] .cc-profile-autosave-status,
    html[data-theme="dark"] .profile-tab .recruitment-autosave-status {
        border-color: #334155 !important;
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .cc-profile-autosave-status.is-saving,
    html[data-theme="dark"] .profile-tab .recruitment-autosave-status.is-saving {
        border-color: #334155 !important;
        color: #8fc2ff !important;
    }

    html[data-theme="dark"] .cc-profile-autosave-status.is-failed,
    html[data-theme="dark"] .profile-tab .recruitment-autosave-status.is-failed {
        border-color: #334155 !important;
        color: #ffb4bc !important;
    }

    html[data-theme="dark"] .cc-profile-autosave-status:not(.is-saving):not(.is-failed),
    html[data-theme="dark"] .profile-tab .recruitment-autosave-status.is-saved {
        border-color: #334155 !important;
        color: #94d8bb !important;
    }

    html[data-theme="dark"] .cc-profile-type-icon-btn,
    html[data-theme="dark"] .cc-profile-title-icon-btn,
    html[data-theme="dark"] .cc-resume-type-icon-btn,
    html[data-theme="dark"] .cc-resume-title-icon-btn {
        background: #0f141d !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .cc-profile-type-icon-btn:hover,
    html[data-theme="dark"] .cc-profile-title-icon-btn:hover,
    html[data-theme="dark"] .cc-resume-type-icon-btn:hover,
    html[data-theme="dark"] .cc-resume-title-icon-btn:hover {
        background: #1f2836 !important;
        border-color: #4b5b71 !important;
        color: #ffffff !important;
    }

    html[data-theme="dark"] .cc-profile-type-icon-btn:focus,
    html[data-theme="dark"] .cc-profile-title-icon-btn:focus,
    html[data-theme="dark"] .cc-resume-type-icon-btn:focus,
    html[data-theme="dark"] .cc-resume-title-icon-btn:focus {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(38, 200, 215, 0.25) !important;
    }

    html[data-theme="dark"] a {
        color: #75d6e3;
    }

    html[data-theme="dark"] a:hover,
    html[data-theme="dark"] a:focus {
        color: #9de4ee;
    }

    html[data-theme="dark"] .my-navbar,
    html[data-theme="dark"] .my-navbar .navbar-nav .nav-link:not(.nav-btn),
    html[data-theme="dark"] .my-navbar .navbar-nav .dropdown-toggle:not(.nav-btn) {
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .my-navbar .navbar-nav .nav-link:not(.nav-btn):hover,
    html[data-theme="dark"] .my-navbar .navbar-nav .nav-link:not(.nav-btn):focus {
        color: var(--cc-theme-dark-primary) !important;
    }

    .nav-user-drop .dropdown-menu .nav-link,
    .nav-user-drop .dropdown-menu .dropdown-item {
        align-items: center;
        display: flex;
    }

    .nav-user-drop .dropdown-menu .cc-profile-dropdown-group-start {
        margin-top: 10px;
        padding-top: 12px;
        position: relative;
    }

    .nav-user-drop .dropdown-menu .cc-profile-dropdown-group-start::before {
        background: linear-gradient(
            90deg,
            rgba(139, 149, 169, 0) 0%,
            rgba(139, 149, 169, 0.34) 12%,
            rgba(139, 149, 169, 0.34) 88%,
            rgba(139, 149, 169, 0) 100%
        );
        border-radius: 999px;
        content: "";
        height: 1px;
        left: 14px;
        position: absolute;
        right: 14px;
        top: 0;
    }

    .nav-user-drop .dropdown-menu .cc-profile-dropdown-group-start:first-of-type {
        margin-top: 0;
        padding-top: 0;
    }

    .nav-user-drop .dropdown-menu .cc-profile-dropdown-group-start:first-of-type::before {
        content: none;
    }

    .my-navbar .dropdown-menu .cc-jobs-careers-own-item {
        margin-top: 10px;
        padding-top: 12px;
        position: relative;
    }

    .my-navbar .dropdown-menu .cc-jobs-careers-own-item::before {
        background: linear-gradient(
            90deg,
            rgba(139, 149, 169, 0) 0%,
            rgba(139, 149, 169, 0.34) 12%,
            rgba(139, 149, 169, 0.34) 88%,
            rgba(139, 149, 169, 0) 100%
        );
        border-radius: 999px;
        content: "";
        height: 1px;
        left: 14px;
        position: absolute;
        right: 14px;
        top: 0;
    }

    .my-navbar .dropdown-menu .cc-jobs-careers-own-item ~ .cc-jobs-careers-own-item {
        margin-top: 0;
        padding-top: .25rem;
    }

    .my-navbar .dropdown-menu .cc-jobs-careers-own-item ~ .cc-jobs-careers-own-item::before {
        content: none;
    }

    .my-navbar .cc-jobs-careers-dropdown-menu[data-has-divider-avatar="1"] .cc-jobs-careers-own-item::after {
        background-color: var(--cc-theme-light-surface, #ffffff);
        background-image: var(--cc-jobs-divider-avatar-image, none);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: 1px solid rgba(139, 149, 169, 0.38);
        border-radius: 999px;
        box-shadow: 0 0 0 2px var(--cc-theme-light-surface, #ffffff);
        content: "";
        height: 18px;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 0;
        transform: translate(-50%, -50%);
        width: 18px;
    }

    .my-navbar .cc-jobs-careers-dropdown-menu[data-has-divider-avatar="1"] .cc-jobs-careers-own-item ~ .cc-jobs-careers-own-item::after {
        content: none;
    }

    .my-navbar .navbar-nav .responsive-nav-icon[data-nav-icon="resume"]:not(.active):not(:hover):not(:focus) {
        background-color: transparent !important;
        color: inherit !important;
    }

    @media (max-width: 1199.98px) {
        .wrap {
            padding-top: var(--cc-mobile-navbar-offset, 46px) !important;
        }

        .navigation {
            left: 0;
            margin-top: 0 !important;
            padding-top: 0 !important;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 2300;
        }

        .my-navbar {
            align-items: center;
            flex-wrap: nowrap !important;
            gap: 0.35rem;
            overflow: visible !important;
            position: relative;
            z-index: 2200;
        }

        .my-navbar .navbar-brand {
            flex: 0 0 auto;
            margin-right: 0.35rem;
            order: 1;
        }

        .my-navbar .cc-mobile-quick-strip {
            align-items: center;
            display: flex;
            flex: 1 1 auto;
            gap: 0.2rem;
            margin-left: 0;
            margin-right: 0;
            min-width: 0;
            order: 2;
            position: relative;
            z-index: 2201;
        }

        /* Hamburger stays pinned to the far right (overrides legacy absolute left/logo overlap). */
        .my-navbar .navbar-toggler[data-cc-navbar-toggle="1"] {
            align-items: center;
            cursor: pointer;
            display: inline-flex !important;
            flex: 0 0 auto;
            justify-content: center;
            left: auto !important;
            margin-left: auto !important;
            min-height: 44px;
            min-width: 44px;
            order: 3;
            padding: 1px 6px;
            position: relative !important;
            right: auto !important;
            top: auto !important;
            -webkit-tap-highlight-color: rgba(0, 109, 183, 0.18);
            touch-action: manipulation;
            z-index: 2204;
        }

        /* While the full menu is open, hide the quick strip so the X is not buried mid-icons.
           Also allow wrap so the collapse panel can take the next row; nowrap + open panel
           was squeezing the hamburger next to the logo. */
        .my-navbar:has(> .navbar-collapse.show),
        .my-navbar:has(.navbar-toggler[aria-expanded="true"]) {
            flex-wrap: wrap !important;
        }

        .my-navbar:has(> .navbar-collapse.show) .cc-mobile-quick-strip,
        .my-navbar:has(.navbar-toggler[aria-expanded="true"]) .cc-mobile-quick-strip {
            display: none !important;
            pointer-events: none !important;
        }

        .my-navbar:has(> .navbar-collapse.show) .navbar-toggler[data-cc-navbar-toggle="1"],
        .my-navbar:has(.navbar-toggler[aria-expanded="true"]) .navbar-toggler[data-cc-navbar-toggle="1"] {
            margin-left: auto !important;
        }

        .my-navbar .cc-mobile-account-menu {
            min-width: 10rem;
            padding-top: 0.35rem;
        }

        .my-navbar .navbar-collapse {
            flex-basis: 100%;
            order: 4;
        }

        .my-navbar .cc-mobile-quick-link {
            align-items: center;
            background: transparent;
            border: 1px solid transparent;
            border-radius: 999px;
            color: var(--cc-theme-light-primary, #0b63b5);
            display: inline-flex;
            flex: 1 1 0;
            height: 2.25rem;
            justify-content: center;
            min-width: 32px;
            padding: 0;
            text-decoration: none;
            transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
            width: auto;
        }

        .my-navbar a.cc-mobile-quick-link[data-cc-mobile-quick-item="resume"]:not(:hover):not(:focus):not(:active),
        .my-navbar a.cc-mobile-quick-link[data-cc-mobile-quick-item="resume"]:visited:not(:hover):not(:focus):not(:active) {
            color: var(--cc-theme-light-primary, #0b63b5);
        }

        .my-navbar a.cc-mobile-quick-link:not([data-cc-mobile-quick-accent="post"]):not(:hover):not(:focus-visible):not(:active),
        .my-navbar a.cc-mobile-quick-link:not([data-cc-mobile-quick-accent="post"]):visited:not(:hover):not(:focus-visible):not(:active) {
            color: var(--cc-theme-light-primary, #0b63b5) !important;
        }

        .my-navbar .cc-mobile-quick-dropdown {
            display: flex;
            flex: 1 1 0;
            min-width: 32px;
            position: relative;
            z-index: 2202;
        }

        .my-navbar .cc-mobile-quick-dropdown > .cc-mobile-quick-link {
            flex: 1 1 auto;
            width: 100%;
        }

        .my-navbar .cc-mobile-quick-link i,
        .my-navbar .cc-mobile-quick-link svg {
            display: inline-flex;
            font-size: 22px;
            height: 22px;
            justify-content: center;
            line-height: 1;
            width: 22px;
        }

        .my-navbar .cc-mobile-quick-link .cc-mobile-theme-icon {
            height: 22px;
            width: 22px;
        }

        .my-navbar .cc-mobile-quick-link .cc-mobile-theme-icon svg {
            height: 22px;
            width: 22px;
        }

        .my-navbar .cc-mobile-quick-link:hover,
        .my-navbar .cc-mobile-quick-link:focus-visible {
            background-color: rgba(15, 23, 42, 0.08);
            color: var(--cc-theme-light-primary, #006db7);
        }

        .my-navbar .cc-mobile-quick-link[data-cc-mobile-quick-accent="post"] {
            background: linear-gradient(to right, #f3994b 0%, #ff5f6d 50%, #f3994b 100%);
            background-size: 200% auto;
            border-color: rgba(255, 255, 255, 0.55);
            color: #ffffff;
        }

        .my-navbar .cc-mobile-quick-link[data-cc-mobile-quick-accent="post"]:hover,
        .my-navbar .cc-mobile-quick-link[data-cc-mobile-quick-accent="post"]:focus-visible {
            background-position: right center;
            color: #ffffff;
        }

        .my-navbar .cc-mobile-quick-link:focus-visible {
            box-shadow: 0 0 0 3px rgba(38, 200, 215, 0.28);
            outline: none;
        }

        .my-navbar .cc-mobile-quick-link--avatar {
            border-color: rgba(139, 149, 169, 0.5);
            overflow: hidden;
            padding: 0;
        }

        .my-navbar .cc-mobile-quick-avatar {
            border-radius: 999px;
            display: block;
            height: 22px;
            object-fit: cover;
            width: 22px;
        }

        .my-navbar .cc-mobile-quick-dropdown .dropdown-toggle::after {
            display: none !important;
        }

        .my-navbar .cc-mobile-quick-flag {
            background-image: var(--cc-mobile-flag-image, none);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 160% 160%;
            border: 1px solid rgba(139, 149, 169, 0.45);
            border-radius: 50%;
            display: block;
            height: 22px;
            overflow: hidden;
            aspect-ratio: 1 / 1;
            width: 22px;
        }

        .my-navbar .cc-mobile-quick-dropdown .dropdown-menu {
            position: absolute !important;
            left: auto;
            margin-top: 0.2rem;
            max-width: calc(100vw - 16px);
            min-width: 10rem;
            right: 0;
            top: calc(100% + 2px);
            z-index: 2203;
        }

        .profile-container .profile-tab .nav-link.cc-page-tab-link,
        .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link,
        .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link,
        .profile-container .contact-tab .nav-link.cc-page-tab-link {
            align-items: center;
            display: inline-flex;
            gap: 0;
            justify-content: center;
            min-height: 42px;
            min-width: 42px;
            position: relative;
        }

        .profile-container .profile-tab .nav-link.cc-page-tab-link .cc-page-tab-icon,
        .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link .cc-page-tab-icon,
        .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link .cc-page-tab-icon,
        .profile-container .contact-tab .nav-link.cc-page-tab-link .cc-page-tab-icon {
            color: var(--cc-theme-light-primary, #0b63b5);
            display: inline-flex;
            font-size: 17px;
            line-height: 1;
            pointer-events: none;
        }

        .profile-container .profile-tab .nav-link.cc-page-tab-link.active .cc-page-tab-icon,
        .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link.active .cc-page-tab-icon,
        .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link.active .cc-page-tab-icon,
        .profile-container .contact-tab .nav-link.cc-page-tab-link.active .cc-page-tab-icon {
            color: #ffffff;
        }

        .profile-container .cc-page-tab-link .cc-page-tab-icon .lan-flag {
            border-radius: 50%;
            display: inline-block;
            height: 17px;
            width: 17px;
            background-size: cover;
            background-position: center;
        }

        .profile-container .cc-page-tab-link .cc-page-tab-icon .cc-page-tab-svg-icon {
            display: block;
            height: 17px;
            width: 17px;
            flex: 0 0 17px;
        }

        .profile-container .profile-tab .nav-link.cc-page-tab-link .cc-page-tab-label,
        .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link .cc-page-tab-label,
        .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link .cc-page-tab-label,
        .profile-container .contact-tab .nav-link.cc-page-tab-link .cc-page-tab-label {
            border: 0 !important;
            clip: rect(0, 0, 0, 0) !important;
            clip-path: inset(50%) !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            white-space: nowrap !important;
            width: 1px !important;
        }

        .my-navbar .cc-mobile-quick-dropdown.show .dropdown-menu,
        .my-navbar .cc-mobile-quick-dropdown .dropdown-menu.show {
            display: block;
        }

        .my-navbar .navbar-toggler #nav-icon3,
        .my-navbar .navbar-toggler #nav-icon3 span {
            pointer-events: none;
        }

        .my-navbar.cc-mobile-quick-measuring {
            flex-wrap: nowrap !important;
        }

        .my-navbar.cc-mobile-quick-measuring .cc-mobile-quick-strip {
            display: flex !important;
        }

        /* Dropdown panels inflate scrollWidth (~thousands of px) and falsely force overflow. */
        .my-navbar.cc-mobile-quick-measuring .cc-mobile-quick-strip .dropdown-menu {
            display: none !important;
        }

        /* Measuring must hide the toggler; otherwise its 44px reserves space, wraps the
           strip under the logo, and falsely forces overflow (hiding theme/login icons). */
        .my-navbar.cc-mobile-quick-measuring .navbar-toggler[data-cc-navbar-toggle="1"] {
            display: none !important;
        }

        .my-navbar.cc-mobile-quick-ready.cc-mobile-quick-overflow .cc-mobile-quick-strip {
            display: none !important;
            pointer-events: none !important;
        }

        .my-navbar.cc-mobile-quick-ready.cc-mobile-quick-overflow .navbar-toggler[data-cc-navbar-toggle="1"] {
            display: inline-flex !important;
            margin-left: auto !important;
        }
    }

    @media (max-width: 1199.98px) {
        .my-navbar .navbar-collapse {
            background-color: transparent;
            border: 0;
        }

        .my-navbar .navbar-nav {
            background-color: transparent !important;
            border-bottom: 0 !important;
            border-top: 0 !important;
        }

        .my-navbar .navbar-collapse.show {
            background-color: var(--cc-theme-light-surface, #f5f7fb);
        }

        .my-navbar .navbar-collapse.show .navbar-nav {
            background-color: var(--cc-theme-light-surface, #f5f7fb) !important;
        }

        .my-navbar .navbar-toggler[aria-expanded="true"] {
            z-index: 10001;
        }

        .my-navbar .navbar-nav .drop-lang > .nav-link#language-Drop {
            align-items: center;
            display: inline-flex;
            justify-content: center;
            min-height: 2.25rem;
        }

        .my-navbar .navbar-nav .drop-lang > .nav-link#language-Drop .cc-language-flag {
            border: 1px solid rgba(139, 149, 169, 0.45);
            border-radius: 999px;
            display: block;
            height: 22px;
            object-fit: cover;
            width: 22px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .navigation {
            margin-top: 0 !important;
            padding-top: 0 !important;
            top: 0 !important;
        }

        .my-navbar {
            min-height: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .my-navbar .navbar-collapse {
            height: auto !important;
            margin-top: 0 !important;
            min-height: 0 !important;
            overflow: visible !important;
            position: static !important;
        }

        .my-navbar .navbar-nav {
            margin-top: 0 !important;
            min-height: 0 !important;
            padding-top: 0 !important;
        }
    }

    @media (min-width: 1200px) {
        .navigation {
            position: relative;
            z-index: 2300;
        }

        .navigation.cc-profile-dropdown-layer-active {
            position: relative;
            z-index: 2300 !important;
        }

        .my-navbar {
            position: relative;
            z-index: 2200;
        }

        .my-navbar,
        .my-navbar .navbar-nav,
        .my-navbar .navbar-collapse,
        .my-navbar .navbar-nav .nav-item.dropdown.auto-dropdown,
        .my-navbar .navbar-nav .nav-item.nav-item-profile-tools,
        .my-navbar .navbar-nav .nav-item.nav-item-profile-tools > .nav-user-drop {
            overflow: visible !important;
        }

        .my-navbar .navbar-nav .nav-item.dropdown.auto-dropdown {
            position: relative;
            z-index: 2201;
        }

        .my-navbar .navbar-nav .nav-item.dropdown.auto-dropdown > .dropdown-menu {
            position: absolute !important;
            top: calc(100% + 8px) !important;
            left: 0 !important;
            right: auto !important;
            bottom: auto !important;
            margin-top: 0 !important;
            z-index: 2202 !important;
        }

        .my-navbar .navbar-nav .nav-item.dropdown.auto-dropdown > .dropdown-menu.dropdown-menu-right,
        .my-navbar .navbar-nav .nav-item.dropdown.auto-dropdown.drop-lang > .dropdown-menu {
            left: auto !important;
            right: 0 !important;
        }

        .my-navbar .nav-user-drop {
            position: relative;
            z-index: 2201;
        }

        .my-navbar .nav-user-drop > .dropdown-menu {
            position: absolute !important;
            top: 100% !important;
            bottom: auto !important;
            left: auto !important;
            right: 0 !important;
            margin-top: 24px !important;
            z-index: 2202 !important;
        }
    }

    .nav-user-drop .dropdown-menu .nav-link > img:not([id="profile-pic"]),
    .nav-user-drop .dropdown-menu .dropdown-item > img:not([id="profile-pic"]),
    .nav-user-drop .dropdown-menu .nav-link > svg,
    .nav-user-drop .dropdown-menu .dropdown-item > svg,
    .nav-user-drop .dropdown-menu .nav-link > i,
    .nav-user-drop .dropdown-menu .dropdown-item > i,
    .nav-user-drop .dropdown-menu .nav-link > box-icon,
    .nav-user-drop .dropdown-menu .dropdown-item > box-icon {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        margin-right: .5rem !important;
        flex: 0 0 22px !important;
        line-height: 1 !important;
        object-fit: contain !important;
    }

    .nav-user-drop .dropdown-menu .nav-link > i,
    .nav-user-drop .dropdown-menu .dropdown-item > i,
    .nav-user-drop .dropdown-menu .nav-link > box-icon,
    .nav-user-drop .dropdown-menu .dropdown-item > box-icon {
        font-size: 20px !important;
    }

    .left-menu .menu-nav .nav-link img:not(.sidebar-logo-image):not([data-cc-icon-role="gsc-indexing"]),
    .left-menu .taxonomy-child-icon img:not([data-cc-icon-role="gsc-indexing"]) {
        filter: brightness(0) invert(1) contrast(0.95);
    }

    .left-menu .menu-nav .nav-link img[data-cc-icon-role="gsc-indexing"],
    .left-menu .taxonomy-child-icon img[data-cc-icon-role="gsc-indexing"] {
        filter: none !important;
    }

    html[data-theme="dark"] .dropdown-menu .nav-link,
    html[data-theme="dark"] .dropdown-menu .dropdown-item {
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .nav-user-drop .dropdown-menu .cc-profile-dropdown-group-start {
        margin-top: 10px;
    }

    html[data-theme="dark"] .nav-user-drop .dropdown-menu .cc-profile-dropdown-group-start::before {
        background: linear-gradient(
            90deg,
            rgba(154, 169, 188, 0) 0%,
            rgba(154, 169, 188, 0.3) 12%,
            rgba(154, 169, 188, 0.3) 88%,
            rgba(154, 169, 188, 0) 100%
        );
    }

    html[data-theme="dark"] .my-navbar .dropdown-menu .cc-jobs-careers-own-item::before {
        background: linear-gradient(
            90deg,
            rgba(154, 169, 188, 0) 0%,
            rgba(154, 169, 188, 0.3) 12%,
            rgba(154, 169, 188, 0.3) 88%,
            rgba(154, 169, 188, 0) 100%
        );
    }

    html[data-theme="dark"] .my-navbar .cc-jobs-careers-dropdown-menu[data-has-divider-avatar="1"] .cc-jobs-careers-own-item::after {
        background-color: var(--cc-theme-dark-surface, #101a2a);
        border-color: rgba(154, 169, 188, 0.45);
        box-shadow: 0 0 0 2px var(--cc-theme-dark-surface, #101a2a);
    }

    @media (max-width: 1199.98px) {
        html[data-theme="dark"] .my-navbar .cc-mobile-quick-link {
            color: var(--cc-theme-dark-icon, #d7e3f4);
        }

        html[data-theme="dark"] .my-navbar a.cc-mobile-quick-link[data-cc-mobile-quick-item="resume"]:not(:hover):not(:focus):not(:active),
        html[data-theme="dark"] .my-navbar a.cc-mobile-quick-link[data-cc-mobile-quick-item="resume"]:visited:not(:hover):not(:focus):not(:active) {
            color: var(--cc-theme-dark-icon, #d7e3f4);
        }

        html[data-theme="dark"] .my-navbar a.cc-mobile-quick-link:not([data-cc-mobile-quick-accent="post"]):not(:hover):not(:focus-visible):not(:active),
        html[data-theme="dark"] .my-navbar a.cc-mobile-quick-link:not([data-cc-mobile-quick-accent="post"]):visited:not(:hover):not(:focus-visible):not(:active) {
            color: var(--cc-theme-dark-icon, #d7e3f4) !important;
        }

        html[data-theme="dark"] .my-navbar .cc-mobile-quick-link:hover,
        html[data-theme="dark"] .my-navbar .cc-mobile-quick-link:focus-visible {
            background-color: rgba(154, 169, 188, 0.22);
            color: var(--cc-theme-dark-primary, #4f8de8);
        }

        html[data-theme="dark"] .my-navbar .cc-mobile-quick-link--avatar {
            border-color: rgba(154, 169, 188, 0.6);
        }

        html[data-theme="dark"] .my-navbar .cc-mobile-quick-link[data-cc-mobile-quick-accent="post"] {
            border-color: rgba(255, 255, 255, 0.35);
            color: #ffffff;
        }

        html[data-theme="dark"] .my-navbar .cc-mobile-quick-flag {
            border-color: rgba(154, 169, 188, 0.65);
        }

        html[data-theme="dark"] .profile-container .profile-tab .nav-link.cc-page-tab-link .cc-page-tab-icon,
        html[data-theme="dark"] .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link .cc-page-tab-icon,
        html[data-theme="dark"] .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link .cc-page-tab-icon,
        html[data-theme="dark"] .profile-container .contact-tab .nav-link.cc-page-tab-link .cc-page-tab-icon {
            color: var(--cc-theme-dark-icon, #d7e3f4);
        }

        html[data-theme="dark"] .profile-container .profile-tab .nav-link.cc-page-tab-link.active .cc-page-tab-icon,
        html[data-theme="dark"] .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link.active .cc-page-tab-icon,
        html[data-theme="dark"] .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link.active .cc-page-tab-icon,
        html[data-theme="dark"] .profile-container .contact-tab .nav-link.cc-page-tab-link.active .cc-page-tab-icon {
            color: #ffffff;
        }

        html[data-theme="dark"] .my-navbar .navbar-nav .drop-lang > .nav-link#language-Drop .cc-language-flag {
            border-color: rgba(154, 169, 188, 0.65);
        }
    }

    @media (min-width: 1200px) {
        .my-navbar .cc-mobile-quick-strip {
            display: none !important;
        }

        .profile-container .profile-tab .nav-link.cc-page-tab-link .cc-page-tab-icon,
        .profile-container .profile-tab-mobile-dual .nav-link.cc-page-tab-link .cc-page-tab-icon,
        .profile-container .preferences-split-tabs .nav-link.cc-page-tab-link .cc-page-tab-icon,
        .profile-container .contact-tab .nav-link.cc-page-tab-link .cc-page-tab-icon {
            display: none !important;
        }
    }

    @media (max-width: 1199.98px) {
        html[data-theme="dark"] .my-navbar .navbar-collapse.show {
            background-color: var(--cc-theme-dark-surface, #101a2a);
        }

        html[data-theme="dark"] .my-navbar .navbar-collapse.show .navbar-nav {
            background-color: var(--cc-theme-dark-surface, #101a2a) !important;
        }
    }

    html[data-theme="dark"] .dropdown-menu .nav-link svg,
    html[data-theme="dark"] .dropdown-menu .dropdown-item svg,
    html[data-theme="dark"] .dropdown-menu .nav-link i,
    html[data-theme="dark"] .dropdown-menu .dropdown-item i {
        color: currentColor !important;
        fill: currentColor !important;
    }

    html[data-theme="dark"] .dropdown-menu .nav-link svg path:not([fill="none"]),
    html[data-theme="dark"] .dropdown-menu .dropdown-item svg path:not([fill="none"]) {
        fill: currentColor !important;
    }

    html[data-theme="dark"] .dropdown-menu .nav-link img:not([id="profile-pic"]),
    html[data-theme="dark"] .dropdown-menu .dropdown-item img,
    html[data-theme="dark"] .dropdown-menu .dashboard-icon {
        filter: brightness(0) invert(1) contrast(0.95) !important;
    }

    html[data-theme="dark"] .left-menu .menu-nav .nav-link {
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .left-menu .profile-user-info,
    html[data-theme="dark"] .left-menu .menu-nav .nav-item .collapse-ul,
    html[data-theme="dark"] .left-menu .desktop-menu-toggle-wrap {
        background-color: var(--cc-theme-dark-surface) !important;
        border-color: var(--cc-theme-dark-border) !important;
    }

    html[data-theme="dark"] .left-menu .profile-user-info h6,
    html[data-theme="dark"] .left-menu .profile-user-info h6 span,
    html[data-theme="dark"] .left-menu .profile-user-info h6 a {
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .left-menu .menu-nav .nav-item .collapse-ul .nav-link {
        background-color: transparent !important;
    }

    html[data-theme="dark"] .left-menu .menu-nav .nav-link.active,
    html[data-theme="dark"] .left-menu .menu-nav .nav-link:hover,
    html[data-theme="dark"] .left-menu .menu-nav .nav-link:focus {
        background-color: var(--cc-theme-dark-background) !important;
        color: var(--cc-theme-dark-primary) !important;
    }

    html[data-theme="dark"] .left-menu .menu-nav .nav-link img:not(.sidebar-logo-image):not([data-cc-icon-role="gsc-indexing"]),
    html[data-theme="dark"] .left-menu .taxonomy-child-icon img:not([data-cc-icon-role="gsc-indexing"]) {
        filter: brightness(0) invert(0.94) grayscale(0.18) !important;
    }

    html[data-theme="dark"] .left-menu .menu-nav .nav-link:hover img[data-cc-icon-role="gsc-indexing"],
    html[data-theme="dark"] .left-menu .menu-nav .nav-link:focus img[data-cc-icon-role="gsc-indexing"],
    html[data-theme="dark"] .left-menu .taxonomy-child-link:hover .taxonomy-child-icon img[data-cc-icon-role="gsc-indexing"],
    html[data-theme="dark"] .left-menu .taxonomy-child-link:focus .taxonomy-child-icon img[data-cc-icon-role="gsc-indexing"] {
        filter: none !important;
    }

    html[data-theme="dark"] .left-menu .profile-user-info h6 a {
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .left-menu .menu-section-label {
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .left-menu .menu-section-caret {
        border-top-color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .left-menu .menu-section-label:hover,
    html[data-theme="dark"] .left-menu .menu-section-label:focus {
        color: var(--cc-theme-dark-primary) !important;
    }

    html[data-theme="dark"] .left-menu .menu-section-label:hover .menu-section-caret,
    html[data-theme="dark"] .left-menu .menu-section-label:focus .menu-section-caret {
        border-top-color: var(--cc-theme-dark-primary) !important;
    }

    html[data-theme="dark"] .left-menu .desktop-menu-toggle i {
        background: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .left-menu .menu-pending-dot {
        border-color: var(--cc-theme-dark-surface) !important;
    }

    html[data-theme="dark"] box-icon {
        filter: brightness(0) invert(0.94);
    }

    html[data-theme="dark"] .cmrGzG,
    html[data-theme="dark"] .bcmlKI,
    html[data-theme="dark"] .pricing-page,
    html[data-theme="dark"] .pricing-page .tab-content,
    html[data-theme="dark"] .beCjap,
    html[data-theme="dark"] .fqEXYq {
        background-color: #0f131a !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .cmrGzG {
        background-image: linear-gradient(180deg, #121a24 0%, #0f131a 100%) !important;
    }

    html[data-theme="dark"] .eGztjg {
        background-color: #0f131a !important;
    }

    html[data-theme="dark"] .top-tab {
        background-color: #161c26 !important;
        border-color: #334155 !important;
    }

    html[data-theme="dark"] .top-tab .fmJDfW,
    html[data-theme="dark"] .top-tab .iGgYEH,
    html[data-theme="dark"] .top-tab .pricing-page-tab {
        background-color: #1b2433 !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .top-tab .pricing-page-tab a {
        background-color: transparent !important;
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .top-tab .pricing-page-tab a.active {
        background-color: #2c4e72 !important;
        box-shadow: inset 0 -3px 0 0 #75d6e3 !important;
        color: #ffffff !important;
    }

    html[data-theme="dark"] .fqEXYq {
        background-color: #161c26 !important;
        border-bottom: 1px solid #334155 !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    }

    html[data-theme="dark"] .jwvpAS,
    html[data-theme="dark"] .jwvpASw {
        border-bottom-color: #334155 !important;
    }

    html[data-theme="dark"] .jwvpAS li a,
    html[data-theme="dark"] .jwvpASw li a {
        background-color: #1b2433 !important;
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .jwvpAS li a.active,
    html[data-theme="dark"] .jwvpASw li a.active {
        background-color: #2c4e72 !important;
        box-shadow: inset 0 -5px 0 0 #75d6e3 !important;
        color: #ffffff !important;
    }

    html[data-theme="dark"] .hHDfRX {
        background: radial-gradient(circle at top, rgba(38, 200, 215, 0.16), #0f131a 66%) !important;
    }

    html[data-theme="dark"] .pricing-page h1,
    html[data-theme="dark"] .pricing-page h2,
    html[data-theme="dark"] .pricing-page h3,
    html[data-theme="dark"] .pricing-page p,
    html[data-theme="dark"] .pricing-page li,
    html[data-theme="dark"] .pricing-page span,
    html[data-theme="dark"] .pricing-page small,
    html[data-theme="dark"] .pricing-page i18n-string,
    html[data-theme="dark"] .GLGC,
    html[data-theme="dark"] .boEwKi {
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .pricing-page .idubpU,
    html[data-theme="dark"] .pricing-page .qQMsa,
    html[data-theme="dark"] .pricing-page .ihAbEF,
    html[data-theme="dark"] .pricing-page [class*="MerchCardSharedComponents__Section"],
    html[data-theme="dark"] .pricing-page [class*="SimplePricingCalculatorTable__CardContainer"],
    html[data-theme="dark"] .pricing-page [class*="SimplePricingCalculatorTable__TabContainer"],
    html[data-theme="dark"] .pricing-page [class*="SimplePricingCalculatorTable__TabItem"],
    html[data-theme="dark"] .pricing-page [class*="ContactsSliderContainer__StyledStepperInput"],
    html[data-theme="dark"] .pricing-page [class*="private-selectable-box"] {
        background-color: #161c26 !important;
        border-color: #2b3446 !important;
        color: var(--cc-theme-dark-text) !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] .pricing-page .top-tab ul li a,
    html[data-theme="dark"] .pricing-page .nav-link {
        color: var(--cc-theme-dark-muted) !important;
    }

    html[data-theme="dark"] .pricing-page .top-tab ul li a.active,
    html[data-theme="dark"] .pricing-page .nav-link.active {
        background-color: #1f2836 !important;
        border-color: #334155 !important;
        color: #ffffff !important;
    }

    html[data-theme="dark"] .pricing-page .number-input input,
    html[data-theme="dark"] .pricing-page input[type="number"] {
        background-color: #0f141d !important;
        border-color: #334155 !important;
        color: var(--cc-theme-dark-text) !important;
    }

    html[data-theme="dark"] .pricing-page .number-input button {
        background-color: #1f2836 !important;
        border-color: #334155 !important;
    }

    html[data-theme="dark"] .pricing-page .snip-img {
        filter: brightness(0.95) contrast(1.08);
    }