* {
            box-sizing: border-box;
          }

          h1,
          h2:not(.selected-prices, .translator-metrics h2, .admin-attention-summary-title, .admin-dataset-search-title, .general-translator-chat-header h2):not(.gradient-text-purple) {
            text-align: center;
            font-size: 40px;
            font-weight: 200;
            font-style: normal;
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;
            background: linear-gradient(to right, #11998e, #38ef7d);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }

          h3:not(.confidence-level, .based-results, .payment-title,
            .translator-metrics h3, .admin-attention-summary-group-title, .translator-search-title),
          h4:not(.details-content h4, #confirmation-box h4, .text-center, .square-payment-title, .order-purpose-card__title, .admin-court-interpreter-editor-section h4, .admin-court-certified-translators h4, .admin-ata-translator-files h4),
          h5:not(.instruction-card h5),
          .observation-panel-title h3,
          h6 {
            text-align: center;
            font-size: 30px;
            font-weight: 200;
            font-style: normal;
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;

            /* Orange */
            background: linear-gradient(to right, #994711, #ef8a38);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }

          h3:not(.confidence-level, .translator-metrics h3,
            .based-results, .observation-panel-title h3, .admin-attention-summary-group-title, .translator-search-title) {
            font-weight: 600;
          }

          .admin-attention-summary-title,
          .admin-attention-summary-group-title {
            text-align: left;
            font-style: normal;
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;
            background: none;
            background-image: none;
            background-clip: border-box;
            -webkit-background-clip: border-box;
            -webkit-text-fill-color: currentColor;
          }

          .admin-attention-summary-title {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.15;
            color: #a8afb4;
          }

          .admin-attention-summary-group-title {
            font-size: 12px;
            font-weight: 600;
            line-height: 1.3;
            color: #adb4b8;
          }

          .admin-attention-summary-kicker {
            font-size: 10px;
            color: rgb(212, 212, 212);
          }

          .admin-attention-summary-subtitle {
            font-size: 11px;
            line-height: 1.45;
            color: #bfc6cc;
          }

          .admin-attention-summary-kicker,
          .admin-attention-summary-inline,
          .admin-attention-summary-subtitle,
          .admin-attention-summary-updated,
          .admin-attention-summary-empty,
          .admin-attention-summary-group-description {
            color: #adb4b8 !important;
            text-align: left;
            font-style: normal;
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;
          }

          .admin-attention-summary-inline {
            font-size: 13px;
            line-height: 1.4;
          }

          .admin-attention-summary-updated,
          .admin-attention-summary-group-description {
            font-size: 11px;
            line-height: 1.4;
          }

          .admin-attention-summary-empty {
            font-size: 11px;
            line-height: 1.45;
          }


          /* Changes */

          button:not(
            .credential-file-button,
            #employee-candidates-tab,
            #employees-tab,
            .assigned-translator-follow-up-button,
            .admin-court-interpreter-icon-btn,
            .admin-court-interpreter-secondary-btn,
            .admin-court-interpreter-save-btn,
            .admin-ata-language-add-btn,
            .admin-ata-translator-add-btn,
            .admin-ata-language-remove-btn,
            .admin-ata-translator-icon-btn,
            .admin-ata-translator-do-not-contact,
            .admin-ata-translator-delete-btn,
            .admin-ata-translator-save-btn,
            .management-search-button,
            .translator-tax-profile-link-remove,
            .translator-tax-minimize-button,
            .globalSearchButton,
            .globalSearchButtonSecondary,
            .admin-activity-monitor-message-attachment-remove,
            .admin-activity-monitor-ref-btn,
            .admin-activity-monitor-message-btn,
            .email-translators-submit,
            .email-translators-icon-button,
            .manual-unsubscribe-button,
            .admin-attention-summary-ref-resolve,
            .general-translator-chat-button,
            .management-messages-icon-button,
            .general-translator-chat-close,
            .general-translator-chat-send,
            .general-translator-chat-attach,
            .mark-as-paid-button,
            .confirm-button-invoice,
            .mark-as-invoiced,
            .mark-as-set-aside,
            .mark-as-confirmed,
            .mark-as-completed,
            .mark-as-sent-to-client,
            .mark-as-sent-corrected-to-client,
            .mark-as-duplicate,
            .mark-as-unknown,
            .mark-as-refunded,
            .mark-as-cancelled,
            .mark-as-digitally-notarized-button-additional,
            .mark-as-ink-notarized-button-additional,
            .send-sign-in-link-button,
            .copy-to-test-account-button,
            .delete-order-button,
            .mark-as-fraud,
            .pending-payment-kb-button,
            .candidate-profile-edit-button,
            .candidate-profile-cancel-button,
            .candidate-profile-save-button,
            .candidate-profile-file-button,
            .candidate-profile-location-button,
            .candidate-profile-missing-detail,
            .candidate-sample-upload-button,
            .translator-sample-get-started,
            .profile-photo-viewer__close,
            .email-contact-notice__close,
            .translator-kb-update-profile,
            .close-translator-kb,
            .knowledge-base-icon-button,
            .order-summary-collapse-toggle,
            .admin-attention-summary-mode-btn,
            .admin-dmv-document-count-update,
            .dmv-exception-fee-update,
            .material-symbols-outlined,
            .admin-ai-chat-icon-btn,
            .update-options-btn,
            .update-amount-btn,
            .update-service-btn,
            .translator-signature-update-link,
            .translator-signature-update-primary,
            .translator-signature-update-secondary,
            .letterhead-signature-help-button,
            .ai-info-understood,
            .admin-update-info-ok,
            .admin-update-info-close,
            .direct-send-guard-button,
            .direct-send-update-button,
            .translator-minimize-button,
            .show-summary-button,
            .mark-fake-button,
            .translator-readmore-toggle,
            .translator-search-btn,
            .translator-search-reset,
            .order-group-summary-toggle,
            .summarize-all-messages-btn,
            .message-time-chip,
            .show-more-button,
            .update-translation-type-btn,
            .client-question-reply-button,
            .save-email-button,
            .save-phone-button,
            .confirm-status-button,
            .update-state-btn,
            .update-country-btn,
            .profile-completion-primary,
            .profile-completion-secondary,
            .profile-completion-delete,
            .profile-completion-minimized-button,
            .profile-completion-close,
            .chips-option-btn,
            .rate-tooltip-trigger,
            .order-minibar-note-save-btn,
            .order-minimize-btn,
            .additional-services-apostille-originals-remove,
            .additional-services-apostille-originals-add-btn,
            .apostille-services-action-btn,
            .language-chips-toggle,
            .language-chip,
            .translator-pagination-button,
            .candidate-hide-button,
            .delete-file-confirm-button,
            .delete-file-cancel-button,
            .download-all-button,
            .ai-info-close,
            .ai-preview-edit-btn,
            .message-edit-button,
            .save-canned-button,
            .loyalty-balance-button,
            .translator-button,
            .add-translator-btn,
            .assign-order-btn,
            .checklist-actions .secondary,
            .checklist-actions .primary,
            .close-confirmation,
            .popup-btn, .secondary,
            .popup-btn, .primary,
            .close-upload,
            .remove-btn,
            .close-certification,
            .update-languages-button,
            .back-to-top-visible,
            .candidate-archive-button,
            .auto-assignments-refresh,
            .availability-badge__toggle,
            .assignment-stats-card__refresh,
            .assignment-stat__action,
            .assignment-stat__order-delete,
            .saved-file-div-button-close,
            .metrics-refresh-button,
            .filter-chip,
            .mark-as-rated-button,
            .profile-completion-reminder-button,
            .delete-translator-button,
            .admin-attention-summary-refresh,
            .admin-attention-summary-toggle,
            .admin-attention-summary-ref,
            .admin-dataset-search-close,
            .admin-dataset-search-chip,
            .observation-delete-btn,
            .admin-monitoring-services-save,
            .additional-services-add-button,
            .list-item-button,
            .observation-refresh-btn,
            .additional-service-remove,
            .tutorial-icon-btn,
            .pricing-sandbox-icon-btn,
            .admin-tutorial-close,
            .admin-tutorial-toolbar-btn,
            .admin-tutorial-jump-btn,
            .admin-tutorial-section-btn,
            .same-file-div-button-close,
            .filter-buttons button,
            .observation-status-btn,
            .observation-toggle-btn,
            .client-ai-viewer-open-btn,
            .client-ai-viewer-action-btn,
            .client-ai-viewer-load-more,
            .calculation-buttons button,
            .document-image-deleter-1,
            .files-select-all-button,
            .better-copies-submit-button,
            .delete-file-button,
            .view-all-button, .gallery-close-button,
            .mark-paid-button, .translator-switch, .employee-switch, .mark-all-paid-button, .nav-button,
            .add-another-rate, .remove-rate, .reset-rates-per-document-button, .remove-button, .upload-certified-copies-button, .view-files-button,
            .confirm-notarization-button, .status-change-button, .delete-image-button, .file-item-delete-button, .remove-chip-btn,
            #continue-pay, #confirm-with-rep-button, #send-rep-question, #cancel-rep-question,
            [id^="continue-pay-"],
            [id^="square-payment-submit-"],
            [id^="square-payment-cancel-"],
            .tax-document-upload-button,
            .tax-document-add-button,
            .translator-tax-button,
            .navbar-toggle) {
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            background-image: linear-gradient(to right, #11998e, #38ef7d);
            border-radius: 10px;
            cursor: pointer;
          }

          .mark-fake-button {
            border: none;
            color: white;
            padding: 10px 18px;
            text-align: center;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 600;
            background-image: linear-gradient(to right, #b31237, #f0384b);
            border-radius: 10px;
            cursor: pointer;
            box-shadow: 0 6px 16px rgba(240, 56, 75, 0.35);
            transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
            margin-top: 10px;
          }

          .mark-fake-button:hover:not(:disabled) {
            transform: translateY(-1px);
            box-shadow: 0 10px 18px rgba(240, 56, 75, 0.45);
          }

          .mark-fake-button:active:not(:disabled) {
            transform: translateY(0);
            box-shadow: 0 6px 16px rgba(240, 56, 75, 0.35);
          }

          .mark-fake-button.is-confirm {
            background-image: linear-gradient(to right, #f6c945, #f59e0b);
            color: #1a1a1a;
            box-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);
          }

          .mark-fake-button.is-confirm:hover:not(:disabled) {
            box-shadow: 0 10px 18px rgba(245, 158, 11, 0.45);
          }

          .mark-fake-button:disabled {
            opacity: 0.6;
            cursor: not-allowed;
            box-shadow: none;
            transform: none;
          }

          .translator-photo-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;
          }

          .fake-translator-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 6px 14px;
            border-radius: 999px;
            background: #ef4444;
            color: #fff;
            font-weight: 800;
            font-size: 0.9rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            box-shadow: 0 6px 16px rgba(239, 68, 68, 0.35);
          }

          a {
            color: lightblue;
            text-decoration: none;
          }


          p:not(.message-content,
            .message-content p,
            .discount-explanation,
            .cost-explanation,
            .discount-explanation,
            .translator-search-subtitle,
            .translator-search-status-note,
            .translator-added,
            .translator-details-performance-warning,
            .admin-activity-monitor-admin-email,
            .admin-activity-monitor-history-meta,
            .admin-activity-monitor-presence-meta,
            .admin-activity-monitor-presence-detail,
            .admin-activity-monitor-history-detail,
            .admin-attention-summary-kicker,
            .admin-attention-summary-inline,
            .admin-attention-summary-subtitle,
            .admin-attention-summary-updated,
            .admin-attention-summary-empty,
            .admin-attention-summary-group-description,
            .admin-dataset-search-kicker,
            .admin-dataset-search-status,
            .admin-dataset-search-result__name,
            .admin-dataset-search-result__section-label,
            .admin-dataset-search-result__text,
            .admin-dataset-search-empty,
            .admin-court-interpreter-hint,
            .admin-court-interpreter-save-status,
            .admin-ata-translator-empty,
            .admin-ata-translator-hint,
            .admin-ata-translator-save-status,
            .order-purpose-card__eyebrow,
            .order-purpose-card__title,
            .order-purpose-row__label,
            .order-purpose-row__value,
            .quote-edit-banner__meta,
            .quote-edit-banner__empty,
            .correction-check-card__title,
            .correction-check-card__description,
            .letterhead-sample-note,
            .details-content p,
            .card p,
            .username-greeting,
            .observation-panel-title p,
            .error-container p,
            .client-question-container p,
            .payment-subtitle,
            .square-payment-description,
            .square-payment-secure,
            .square-payment-feedback,
            .payment-field-hint,
            .payment-sms-disclaimer,
            .after-pay,
            .text-center,
            .message-bubble p,
            .message-bubble-admin p,
            .error,
            .sms-fine-print) {
            color: rgb(212, 212, 212) !important;
            font-weight: 600;
            font-style: normal;
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;
            text-align: center;
            font-size: 17px;


          }



          h1:hover {
            background: linear-gradient(to right, #11998e, #38ef7d);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }



          a:hover {
            color: lightblue;
          }


          label:not(.translator-search-field, .admin-court-interpreter-label, .admin-ata-translator-label) {

            color: rgb(213, 213, 213);
            font-weight: 600;
            font-style: normal;
            font-family: "Raleway", sans-serif;
            font-optical-sizing: auto;
            text-align: center;
            align-self: center;
          }



          /* Form input */

          .form-input-style {

            margin: 5px 5px;
            margin-bottom: 10px;
            margin-top: 20px;
            height: 30px;
            font-family: inherit;
            width: 300px;
            border: 0;
            border-bottom: 2px solid black;
            outline: 0;
            font-size: 1.3rem;
            color: white;
            padding: 7px 0;
            background: transparent;
            transition: border-color 0.2s;
            border-width: 3px;
            border-image: linear-gradient(to right, #11998e, #38ef7d);
            border-image-slice: 1;
          }

          .form-input-style::placeholder {
            color: lightgray;
          }

          .form-input-style:focus {
            border-width: 3px;
            /* border-image: linear-gradient(to right, #11998e, #38ef7d); */
            border-image-slice: 1;
          }

          .form-input-style.invalid {
            border-image: linear-gradient(to right, red, darkred) 1 !important;
          }



          /* Navbar */


          .navbar {
            background: transparent;
            height: 80px;
            font-size: 1.2rem;
            top: 5px;
            z-index: 999;
            position: absolute;
            left: 100px;
          }

          .navbar-container {
            display: flex;
            justify-content: flex-end;
            /* flex-direction: row;
    flex-flow: row; */
            align-items: center;
            height: 70px;
            max-width: 2000px;
          }

          .navbar-logo {
            color: white;
            justify-self: start;
            margin-left: -20px;
            cursor: pointer;
            text-decoration: none;
            font-size: 2rem;
            display: flex;
            align-items: center;
          }

          .nav-menu {
            display: grid;
            grid-template-columns: repeat(5, auto);
            grid-gap: 20px;
            list-style: none;
            text-align: center;
            width: 1200px;
            justify-content: end;
            margin-right: 2rem;

          }

          .nav-item {
            height: 80px;
          }

          .nav-links {
            color: white;
            display: flex;
            align-items: center;
            text-decoration: none;
            padding: 0.5rem 1rem;
            height: 100%;
          }

          .nav-links:hover {
            border-bottom: 4px solid grey;
            transition: all 0.2s ease-out;
          }

          .fa-bars {
            color: #fff;
          }

          .menu-icon {
            display: none;
          }


          /* Mobile */

          @media screen and (max-width: 960px) {
            /* .NavbarItems {
      position: relative;
    } */

            .nav-menu {
              display: flex;
              flex-direction: column;
              width: 100%;
              height: 90vh;
              position: absolute;
              top: 80px;
              left: -5000px;
              opacity: 1;
              transition: all 0.5s ease;
              box-sizing: border-box;
            }

            .nav-menu.active {
              background: #242222;
              left: -275px;
              opacity: 1;
              transition: all 0.5s ease;
              z-index: 1;
              position: absolute;
              width: 600px;
              height: 550px;
              top: -25px;
              padding-top: 80px;

            }

            .nav-links {
              text-align: center;
              padding: 2rem;
              width: 100%;
              display: table;
            }

            .nav-links:hover {
              background-color: #fff;
              color: #242424;
              border-radius: 0;
            }

            .navbar-logo {
              position: absolute;
              top: 0;
              left: -100px;
              transform: translate(25%, 50%);
              font-size: 1.5rem;
              width: 200px;
              height: 40px;
            }

            .menu-icon {
              display: block;
              position: absolute;
              top: 0;
              right: -300px;
              transform: translate(-100%, 60%);
              font-size: 1.8rem;
              cursor: pointer;
              z-index: 2;
            }

            .fa-times {
              color: #fff;
              font-size: 2rem;
            }

            .nav-links-mobile {
              display: block;
              text-align: center;
              margin: 2rem auto;
              border-radius: 4px;
              width: 80%;
              text-decoration: none;
              font-size: 1.5rem;
              background-color: transparent;
              color: #fff;
              padding: 14px 20px;
              border: 1px solid #fff;
              transition: all 0.3s ease-out;

            }

            .nav-links-mobile:hover {
              background: #fff;
              color: #242424;
              transition: 250ms;
            }
          }


          /* MEDIAS */

          /* 299px */
          @media only screen and (max-width: 299px) and (min-width: 200px) and (max-device-height:350px) {}

          /* 299px */
          @media only screen and (max-width: 299px) and (min-width: 200px) and (min-device-height:400px) {}


          /* 399px and below (slightly larger small screens) */
          @media only screen and (max-width: 399px) and (min-width: 300px) and (min-device-height:600px) {

            h1,
            h2 {
              font-size: 32px;
              /* Slightly reduce heading size */
            }

            h3,
            h4,
            h5,
            h6 {
              font-size: 28px;
              /* Slightly reduce heading size */
            }

            p {
              font-size: 16px;
              /* Slightly increase paragraph font size */
            }

            .form-input-style {
              width: 90%;
              /* Make inputs wider */
            }

            button {
              padding: 12px 24px;
              /* Slightly reduce button padding */
              font-size: 15px;
              /* Slightly reduce button font size */
            }

            .navbar-logo {
              font-size: 1.5rem;
              /* Reduce logo size */
            }

            .nav-menu {
              grid-gap: 15px;
              /* Reduce gap between navigation items */
            }

            .nav-links {
              padding: 0.4rem 0.9rem;
              /* Reduce navigation link padding */
            }

            .nav-menu.active {
              left: -200px;
              /* Adjust menu position */
              width: 80vw;
              /* Make menu take up more of the screen width */
              height: 80vh;
              /* Make menu take up more of the screen height */
              top: -15px;
              /* Adjust menu position */
            }

            .nav-links-mobile {
              font-size: 1.4rem;
              /* Slightly reduce mobile link font size */
            }
          }

          /* 399px and below (small screens, shorter height) */
          @media only screen and (max-width: 399px) and (min-width: 300px) and (max-device-height:599px) {

            h1,
            h2 {
              font-size: 28px;
              /* Further reduce heading size */
            }

            h3,
            h4,
            h5,
            h6 {
              font-size: 24px;
              /* Further reduce heading size */
            }

            p {
              font-size: 15px;
              /* Slightly reduce paragraph font size */
            }

            .form-input-style {
              width: 90%;
              /* Make inputs wider */
              font-size: 1.2rem;
              /* Slightly reduce input font size */
            }

            button {
              padding: 10px 20px;
              /* Reduce button padding */
              font-size: 14px;
              /* Reduce button font size */
            }

            .navbar-logo {
              font-size: 1.3rem;
              /* Further reduce logo size */
            }

            .nav-menu {
              grid-gap: 10px;
              /* Further reduce gap between navigation items */
            }

            .nav-links {
              padding: 0.3rem 0.7rem;
              /* Further reduce navigation link padding */
            }

            .nav-menu.active {
              left: -220px;
              /* Adjust menu position */
              width: 90vw;
              /* Make menu take up almost full width */
              height: 85vh;
              /* Make menu take up almost full height */
              top: -25px;
              /* Adjust menu position */
            }

            .nav-links-mobile {
              font-size: 1.3rem;
              /* Further reduce mobile link font size */
            }
          }


          /* 449px and below (slightly larger screens, shorter height) */
          @media only screen and (max-width: 449px) and (min-width: 400px) and (max-device-height:669px) {

            h1,
            h2 {
              font-size: 36px;
            }

            h3,
            h4,
            h5,
            h6 {
              font-size: 30px;
            }

            p {
              font-size: 16px;
            }

            .form-input-style {
              width: 85%;
            }

            button {
              padding: 13px 26px;
              font-size: 15px;
            }

            .navbar-logo {
              font-size: 1.6rem;
            }

            .nav-menu {
              grid-gap: 18px;
            }

            .nav-links {
              padding: 0.45rem 0.95rem;
            }

            .nav-menu.active {
              left: -180px;
              width: 75vw;
              height: 75vh;
              top: -10px;
            }

            .nav-links-mobile {
              font-size: 1.45rem;
            }
          }

          /* 449px and below (slightly larger screens, taller height) */
          @media only screen and (max-width: 449px) and (min-width: 400px) and (min-device-height:670px) {

            h1,
            h2 {
              font-size: 38px;
              /* Slightly smaller headings */
            }

            h3,
            h4,
            h5,
            h6 {
              font-size: 32px;
              /* Slightly smaller headings */
            }

            p {
              font-size: 17px;
              /* Slightly larger paragraphs */
            }

            .form-input-style {
              width: 85%;
            }

            button {
              padding: 14px 28px;
              font-size: 16px;
            }

            .navbar-logo {
              font-size: 1.7rem;
            }

            .nav-menu {
              grid-gap: 20px;
            }

            .nav-links {
              padding: 0.5rem 1rem;
            }

            .nav-menu.active {
              left: -170px;
              /* Adjust menu position */
              width: 70vw;
              /* Make menu slightly narrower */
              height: 70vh;
              /* Make menu slightly shorter */
              top: -5px;
              /* Adjust menu position */
            }

            .nav-links-mobile {
              font-size: 1.5rem;
            }
          }

          /* 598px and below (medium-sized screens) */
          @media only screen and (max-width: 598px) and (min-width: 450px) {

            h1,
            h2 {
              font-size: 40px;
              /* Slightly smaller headings */
            }

            h3,
            h4,
            h5,
            h6 {
              font-size: 34px;
              /* Slightly smaller headings */
            }

            p {
              font-size: 18px;
              /* Slightly larger paragraphs */
            }

            .form-input-style {
              width: 80%;
              /* Slightly narrower inputs */
            }

            button {
              padding: 15px 30px;
              font-size: 16px;
            }

            .navbar-logo {
              font-size: 1.8rem;
              /* Slightly smaller logo */
            }

            .nav-menu {
              grid-gap: 22px;
              /* Slightly reduced gap */
            }

            .nav-links {
              padding: 0.55rem 1.05rem;
              /* Slightly reduced padding */
            }

            .nav-menu.active {
              left: -150px;
              /* Adjust menu position */
              width: 65vw;
              /* Make menu narrower */
              height: 65vh;
              /* Make menu shorter */
              top: 0px;
              /* Adjust menu position */
            }

            .nav-links-mobile {
              font-size: 1.55rem;
              /* Slightly larger mobile links */
            }
          }

          /* 698px */
          @media only screen and (max-width: 698px) and (min-width: 599px) and (min-height:500px) {}

          /* 698px 400px */
          @media only screen and (max-width: 698px) and (min-width: 599px) and (max-height: 400px) {}


          /* 799px */
          @media only screen and (max-width: 799px) and (min-width: 699px) {}

          /* 899px */
          @media only screen and (max-width: 899px) and (min-width: 800px) {}

          /* 1024px 900px */
          @media only screen and (max-width: 1024px) and (min-width: 900px) and (min-height: 700px) {}

          /* 1024px 600px */
          @media only screen and (max-width: 1024px) and (min-width: 900px) and (max-height: 600px) {}


          /* Admin tutorial UI isolation */

          .admin-tutorial-modal .admin-tutorial-title-wrap h2,
          .admin-tutorial-modal .admin-tutorial-hero h3,
          .admin-tutorial-modal .admin-tutorial-section-overview h3,
          .admin-tutorial-modal .admin-tutorial-panel h3,
          .admin-tutorial-modal .admin-tutorial-calculator h4,
          .admin-tutorial-modal .admin-tutorial-mini-card h4,
          .admin-tutorial-modal .admin-tutorial-status-card h4,
          .admin-tutorial-modal .admin-tutorial-card-title,
          .admin-tutorial-modal .admin-tutorial-card-body h5,
          .admin-tutorial-modal .admin-tutorial-child-card h4,
          .admin-tutorial-modal .admin-tutorial-sidebar-head p {
            background: none !important;
            background-clip: border-box !important;
            -webkit-background-clip: border-box !important;
            -webkit-text-fill-color: currentColor !important;
            text-align: left !important;
          }

          .admin-tutorial-modal .admin-tutorial-title-wrap h2 {
            color: #f8fafc !important;
            font-size: 28px !important;
            font-weight: 800 !important;
          }

          .admin-tutorial-modal .admin-tutorial-hero h3,
          .admin-tutorial-modal .admin-tutorial-section-overview h3,
          .admin-tutorial-modal .admin-tutorial-panel h3 {
            color: #f8fafc !important;
            font-size: 20px !important;
            font-weight: 700 !important;
          }

          .admin-tutorial-modal .admin-tutorial-calculator h4 {
            color: #f8fafc !important;
            font-size: 18px !important;
            font-weight: 700 !important;
          }

          .admin-tutorial-modal .admin-tutorial-mini-card h4,
          .admin-tutorial-modal .admin-tutorial-status-card h4,
          .admin-tutorial-modal .admin-tutorial-card-title,
          .admin-tutorial-modal .admin-tutorial-child-card h4 {
            color: #f8fafc !important;
            font-size: 15px !important;
            font-weight: 700 !important;
          }

          .admin-tutorial-modal .admin-tutorial-card-body h5,
          .admin-tutorial-modal .admin-tutorial-sidebar-head p,
          .admin-tutorial-modal .admin-tutorial-calculator-label {
            color: #93c5fd !important;
            font-size: 13px !important;
            font-weight: 800 !important;
          }

          .admin-tutorial-modal .admin-tutorial-current-path,
          .admin-tutorial-modal .admin-tutorial-hero p,
          .admin-tutorial-modal .admin-tutorial-section-overview p,
          .admin-tutorial-modal .admin-tutorial-panel p,
          .admin-tutorial-modal .admin-tutorial-card-subtitle,
          .admin-tutorial-modal .admin-tutorial-card-body p,
          .admin-tutorial-modal .admin-tutorial-child-card p,
          .admin-tutorial-modal .admin-tutorial-search-empty,
          .admin-tutorial-modal .admin-tutorial-sidebar-head span,
          .admin-tutorial-modal .admin-tutorial-bullet-list,
          .admin-tutorial-modal .admin-tutorial-bullet-list li,
          .admin-tutorial-modal .admin-tutorial-listener,
          .admin-tutorial-modal .admin-tutorial-result-label,
          .admin-tutorial-modal .admin-tutorial-result-value,
          .admin-tutorial-modal .admin-tutorial-result-note,
          .admin-tutorial-modal .admin-tutorial-foldout-meta,
          .admin-tutorial-modal .admin-tutorial-foldout-title {
            color: #e2e8f0 !important;
            text-align: left !important;
            font-weight: 400 !important;
            font-size: inherit !important;
            font-family: "Raleway", sans-serif !important;
          }

          .admin-tutorial-modal .admin-tutorial-current-path,
          .admin-tutorial-modal .admin-tutorial-sidebar-head span {
            color: rgba(226, 232, 240, 0.78) !important;
          }

          .admin-tutorial-modal .admin-tutorial-foldout-title,
          .admin-tutorial-modal .admin-tutorial-result-value {
            color: #f8fafc !important;
            font-weight: 700 !important;
          }

          .admin-tutorial-modal .admin-tutorial-foldout-meta,
          .admin-tutorial-modal .admin-tutorial-result-label,
          .admin-tutorial-modal .admin-tutorial-result-note {
            color: rgba(226, 232, 240, 0.78) !important;
          }

          .admin-tutorial-modal .admin-tutorial-search-wrap {
            color: inherit !important;
            text-align: left !important;
            align-self: auto !important;
            font-weight: 400 !important;
          }

          .admin-tutorial-modal .admin-tutorial-search {
            width: 100% !important;
            border: none !important;
            outline: none !important;
            background: transparent !important;
            color: #f8fafc !important;
            font-size: 15px !important;
            text-align: left !important;
            padding: 14px 0 !important;
            box-shadow: none !important;
          }

          .admin-tutorial-modal .admin-tutorial-search::placeholder {
            color: rgba(148, 163, 184, 0.8) !important;
          }

          .admin-tutorial-modal label {
            color: inherit !important;
            text-align: left !important;
            align-self: auto !important;
            font-weight: 400 !important;
          }

          .admin-tutorial-modal .admin-tutorial-calculator-input,
          .admin-tutorial-modal .admin-tutorial-calculator-select {
            width: 100% !important;
            background: rgba(15, 23, 42, 0.88) !important;
            color: #f8fafc !important;
            text-align: left !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            padding: 12px 14px !important;
            border: 1px solid rgba(148, 163, 184, 0.24) !important;
            border-radius: 12px !important;
            box-shadow: none !important;
          }

          .admin-tutorial-modal summary {
            color: inherit !important;
            text-align: left !important;
          }