@media (prefers-color-scheme: dark) {
  .fixed-top-navbar-home.fixed-top,
  body,
  .notification-list,
  .not-read-notifications,
  .notifications-view-all,
  .new-header-mega-menu .dropdown-menu,
  .login-dropdown-menu,
  .header-dropdown-menu,
  .notification-dropdown-menu,
  .user-dropdown-menu,
  .new-login-page-v1,
  .new-footer-login,
  .new-home-privacy,
  .new-home-privacy-box-data,
  .plp-top-search-page-2024 input,
  .plp-filter-drop-parent-data .dropdown-menu-sort-by,
  .plp-search-box-data-box-data,
  .plp-parent-modal-btn-apply,
  .bg-white,
  .sign-up-new-page,
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-results
    > .select2-results__options,
  .checkout-new-steps,
  .checkout-footer-parent,
  .checkout-next-main-mobile,
  .modal-sidebar .modal-content,
  .modal-search .modal-content,
  .new-desctop-header-v1,
  .beginYourJourneySelectSeats .dropdown-menu-seats,
  .pdp-course-share .dropdown-menu,
  .css-1g5zthn,
  .react-style .upload-div-style,
  .pdp-all-tabs-all-data .oldPdpTabs .accordion .card-body,
  .businessBannerNew .fs-webform-container .fserv-container .select2-dropdown,
  .css-12ffnf9,
  .checkout-footer-parent-new,
  .newPdpRevampModal .modal-content,
  .pdpRevampNotifyMeModal .modal-content,
  .new-mobile-header-v1,
  .read-data-after-upload .form-control[readonly],
  .testimonialsCardInfo,
  .showFlipBook,
  .Survey_modal .modal-body {
    background-color: #22232d !important;
    color: #fff !important;
  }
  .businessBannerNew .fs-webform-container .fserv-textarea,
  .getInTouchModal .fs-webform-container .fserv-textarea,
  .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after,
  .signup-upload-image-modal .inp .custom-select,
  .becomeLicensedProfessional .list-group-item {
    background-color: #22232d !important;
  }

  .bestSellers .card,
  .new-footer-main,
  .joinUsFlex,
  .becomeLicensedProfessionalBG,
  .careerInfo,
  .card,
  .testimonialsCard,
  .exploreOurLibrary .card-body,
  .myLearningBox,
  .new-mobile-footer,
  .elemnt1,
  .my-account-v1-my-learning,
  .pdp-tab-content-parent-faq
    .pdp-moudles-parent-data
    .accordion
    > .card
    > .card-header,
  .pdp-all-tabs-all-data .oldPdpTabs .accordion > .card > .card-header,
  .course-2024-section .new-home-testmo-box,
  .fixed-position,
  .newSearchBar .result-of-search,
  .newSearchBar .no-results,
  .newSearchBar .dev-of-search-loading,
  .new-login-page-v1-all-form,
  .new-login-have-account-new,
  .sign-up-new,
  .checkout-wizard-all-data,
  #orderSummary.checkout-order-summary.checkout-order-summary-mob-mar,
  .company-name-msg,
  .aboutv1-background-box-main,
  .new-home-gray-small-section,
  .become-instr-imp-note-all,
  .stiky-cart,
  .box-register-partnership,
  .dropdown-menu.pdp-details-drop-down,
  .my-account-order-box-data,
  .my-account-certificate-box-data,
  .my-account-settings-pass-box-data,
  .instructorv1-list-become-form .aboutv1-vision-text,
  .new-home-testmo-box,
  .sub-header,
  .react-style .employee-details-card,
  .select-date-option-join-course,
  .bg-gray-200,
  .list-group-item,
  .cart-dropdown-menu,
  .react-style .bank-details,
  .react-style .payment-details,
  .getInTouchNewPdp .getInTouchBox,
  .enrolledCoursesBox,
  .nextAndAddToCartBottons,
  .btn-position,
  .canvas-wrap,
  .canvas-wrap1,
  .bg-2A2C38 {
    background-color: #2a2c38 !important;
    box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.06);
    border: 0;
  }
  .hero-partnership-section,
  .new-home-enrol-background,
  .beginYourJourney .card-header,
  .form-check-label,
  .selected-category,
  .new-main-hedar-mega-menu-data a:hover {
    background: #2a2c38 !important;
  }
  .check-course-wrong,
  .check-course-error,
  .check-course-successfully,
  .company-name-msg,
  .dashboard-progress-color,
  .courses-verify-error,
  .react-style .information-message,
  .react-style .error-message,
  .stepTwoModal .check-seat-error,
  .error-upload-msg,
  .error-upload-clear,
  .disabled-course {
    border-radius: 24px;
    background-color: var(--Dark-Mode-Colors-Background-03, #343544) !important;
  }
  .join-div .newTabbyCourse,
  .new-login-have-account,
  .minusButton,
  .plusButton,
  .change-password-message,
  .course-link-cat span {
    background: #343544 !important;
  }
  .newSearchBar input,
  .plp-pageination-new .page-link,
  .plp-pageination-new .page-item:last-child .page-link,
  .plp-pageination-new .page-item:first-child .page-link,
  .modal-content,
  .exploreOurLibraryStatus .greenLibrary,
  .show-phone-list,
  .react-style table th,
  .react-style .action-table-menu .dropdown-item:hover,
  .login-warning-box.w-box-blue,
  .transferDetails,
  .courseName,
  .shadow-24,
  .coursesDetails .accordion-item {
    background-color: #343544 !important;
    box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.06);
  }
  .show-phone-list {
    box-shadow: unset !important;
  }

  .videoAndImg {
    background: #48495b;
  }

  .new-home-main-tag {
    background: url(../bg-banner-dark.png) no-repeat top -110px right;
  }

  .becomeLicensedProfessional .list-group-item.active {
    background: var(--Thinkprop-Algea-Algea, #0c838f) !important;
    border: 0;
  }
  .courseProgress .progress {
    background: var(--Neutrals-Platinum, #eceded) !important;
  }
  .progressInfo p {
    background: rgba(165, 89, 20, 0.22) !important;
    color: #ffcda0 !important;
  }
  .becomeLicensedProfessional .list-group-item,
  .mobile-menu,
  .home-page-header-fixed,
  .cart-new-mobile-place-order {
    background-color: #22232d;
    box-shadow: 0px 4px 8px 0px rgba(14, 27, 27, 0.1);
    color: var(--Neutral-Colors-Platinum, #eceded) !important;
    border: 0 !important;
  }
  .becomeLicensedProfessional .list-group-item {
    border: 1px solid #22232d !important;
  }
  /* .becomeLicensedProfessional .tab-content ul li:before {
      background: url(../becomeLicensedProfessionalIconDark.svg) no-repeat left;
    } */

  .pdp-add-fav-li .toggle-icon:before,
  .pdp-add-fav-li .toggle-icon:after,
  .new-main-course-box-design .pdp-add-fav-li .toggle-icon:before,
  .new-main-course-box-design .pdp-add-fav-li .toggle-icon:after {
    background-image: url(../images_new/heart-empty-dark.svg);
  }

  .darkMode {
    display: inline-block !important;
    transition: all 0.3s ease-in-out;
  }

  .notDark {
    display: none !important;
  }

  .home-banner h1,
  .new-home-main-title h2,
  .exploreAll,
  .footer-menu-new ul li a,
  .footer-copy-new p,
  .authorized-by-footer span,
  .footer-menu-new p,
  .authorized-by-footer-sub p,
  .joinUsFlex h2,
  .careerDevelopment a.exploreAll,
  .exploreAllCoursesInfo ul li.active a,
  .new-main-header-v1 ul.navbar-nav li .nav-link,
  .bestSellers .flex-card h3,
  .category-list a,
  .course-link-cat p,
  .newSearchBar input,
  .no-resource-results,
  .no-course-results,
  .no-results,
  .newSearchBar .courses-result h3,
  .newSearchBar .resources-result h3,
  .info-course-search a,
  .moreSearchResult a,
  .newSearchBar .see-more-courses-link,
  .newSearchBar .see-more-resources-link,
  .home-banner-login .myLearning h3,
  .myLearningInfo .myLearningBoxInfo p,
  .title-notifications,
  .notification-list li p,
  .notification-list li p.notifications-time,
  .notifications-view-all,
  .menu-item-login span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  a,
  .ourServices .new-title p,
  .list-of-sort label,
  .nav-item:hover > .nav-link:hover,
  .mobile-first-menue-inner li.mobile-menu-mode,
  .cat-list,
  .new-login-page-v1-all-form h3,
  .new-login-label,
  .my-account-v1-my-learning h3,
  .new-user-text h3,
  .my-account-v1-my-info-box .my-account-v1-my-learning p span,
  .reupload-edit-info p,
  .my-account-v1-mobile-box .card-header h3,
  .courseIncludes ul,
  .pdp-revamp-banner .new-home-course-price h3 span,
  .new-home-course-price h3,
  .new-home-course-price p,
  .pdp-main-title-h3,
  .course-2024-section .pdp-subtitle-h3,
  .course-2024-section .pdp-all-tabs-all-data .accordion > .card > .card-header,
  .pdp-all-tabs-all-data .accordion .card-body,
  h3.title,
  .new-home-testmo-test h3,
  .pdpRevampModal .modal-body h3,
  .stiky-cart .card-pdp .toggleLink span,
  .toggleLinkNew span,
  .pdp-revamp-banner-mobile .new-home-course-price h3 span,
  .addedToCartModal .coures-cart-info h4,
  .addedToCartModal .coures-cart-info p,
  .nearestStartDate p,
  .course-2024-section .new-home-testmo-box .new-home-testmo-test p,
  .breadcrumb-item.active,
  .pdp-revamp-banner .new-breadcrumb .breadcrumb-item.active a,
  .plp-pageination-new .page-link,
  .plp-pageination-new .page-item:last-child .page-link,
  .plp-pageination-new .page-item:first-child .page-link,
  input,
  .noResult .plp-search-reuslt-empty h3,
  .plp-search-box-data-box-data h3,
  .dropdown-menu-sort-by li,
  h3.extra-bold,
  .checkout-t-c-checkbox .control--checkbox,
  .sign-up-new p,
  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-input-text:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-select-multiple:focus,
  .businessBannerNew .fs-webform-container .fserv-container .fserv-select:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-textarea:focus,
  .businessBannerNew .fs-webform-container .fserv-input-text,
  .businessBannerNew .fs-webform-container .fserv-textarea,
  .checkout-item-new-data-addedd,
  .registerFormNew h4,
  .otp-register .text-muted,
  .terms-main-section .not-found-text h2,
  .terms-need-help-ul h4,
  .terms-need-help h3,
  .not-found-text p span,
  .aboutv1-background-box-main-text h2,
  .aboutv1-vision-text h2,
  .about-v1-different-box h3,
  .aboutv1-instructors-slider-slide .comandSlider__item p a,
  .instructorv1-list .comandSlider__item p a,
  .inner-inst-about-text h3,
  .become-instr-imp-note-all-text h3,
  .become-instructorv1-form-data-section .aboutv1-vision-text h3,
  .pdp-tabs-section .nav-tabs .nav-link,
  .pdp-tabs-section .nav-tabs .nav-link,
  .blog-tabs-section .nav-tabs .nav-link,
  .title-register-partnership,
  .faq-section-title h2,
  .terms-main-section .card-header span.title,
  .mobile-first-menue-inner li a,
  .new-main-hedar-mega-menu-data a:hover,
  .pdp-revamp-banner h2,
  .name-instructor,
  .info-instructor,
  .breadcrumb .breadcrumb-item a,
  .btn-blue,
  .cart-text p a,
  .btn-default,
  .not-found-text h2,
  .list-of-sort p,
  .header-mobile-welcome-user-a,
  .my-account-order-status h3,
  .my-account-certificate-box-data h3,
  .my-account-settings-pass-box-data h3,
  .beginYourJourneySelectSeats .dropdown-menu-seats li a,
  .instructorv1-list-become-form .aboutv1-vision-text h2,
  .pdp-course-attr-details .new-home-course-price h3,
  .mobile-menu-mode p a.mode-flex.active,
  .pdp-subtitle-New,
  .pdp-subtitle-h3,
  .certificate-text h3,
  .react-style table th,
  .react-style table td,
  .react-style .action-table-menu span,
  .react-style span,
  .Breadcrumbs p,
  .react-style .pagination-main-div p,
  .modal-body .fs-webform-container .fserv-form-name,
  .modal-body .fs-webform-container .fserv-container .fserv-input-text,
  .modal-body .fs-webform-container .fserv-container .fserv-input-text:focus,
  .modal-body .fs-webform-container .fserv-container .fserv-textarea,
  .pdp-all-tabs-all-data .oldPdpTabs .accordion > .card > .card-header,
  .oldPdpTabs
    .pdp-tab-content-parent-faq
    .pdp-moudles-parent-data
    .accordion
    > .card
    > .card-header,
  .modal-body .fs-webform-container .fserv-container .fserv-textarea:focus,
  .pdp-join-course-select p,
  .course-added-msg p,
  h6.summary,
  .menu-cart-title,
  .react-style p,
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-results__option--highlighted[aria-selected],
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-results__option[aria-selected="true"],
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__rendered
    li,
  .journey-title .numberStep,
  .beginYourJourney .card-header span,
  a:not([href]):not([class]),
  .modal-new-v1 .modal-title,
  .form-validation-result ul li,
  .name-company-value,
  .minusButton,
  .plusButton,
  .totalPrice p,
  .totalPrice p span,
  .newSelectDateBox h5,
  .selectBackToCart,
  .newSelectDateBox h5 span.changePrice,
  .withLang p,
  .my-account-edit-info-attend h3.extra-bold,
  .inp input,
  .inp textarea,
  .new-forgot-password-message h4,
  .addedToCartModal .coures-cart-info p.totalRegistraionPrice,
  .addedToCartModal .coures-cart-info p.totalRegistraionPrice span,
  .addedToCartModal .coures-cart-info p.RegistraionPrice,
  .contact-us-main-top-select.inp .custom-select.selected-color,
  .uploading-file-text,
  .newSearchBar .read-more-link,
  .cart-promo-applied-success-label,
  .flex-info p,
  .flex-info h4,
  .pdp-tabs-data-courses .nav-link,
  .pdp-download-brochure a,
  .bread-crumb-data .breadcrumb li a,
  .pdp-tabs-section .accordion > .card > .card-header span.title,
  .you_might_also_like h2,
  .comingSoon p,
  .courseInfo p,
  .accordion-button,
  .coursesDetails a,
  .step-title,
  .CourseMaterial p,
  .flipBook-header .h4,
  .flipBook-header h6,
  .Survey_modal .form-check-label,
  .noNotifications,
  .noNotifications h4 {
    color: #fff !important;
  }
  .step-number {
    color: rgba(18, 209, 226, 0.25) !important;
  }
  .pdp-revamp-banner-eng .breadcrumb ul li::after,
  .pdp-revamp-banner-mobile-eng .breadcrumb ul li::after {
    background: url(../bread-crumb-arrow-n2-dark.svg) no-repeat right top 5px;
  }
  .flex-lable-coures p {
    color: var(--Neutrals-Grain, #d8dbdb);
  }
  .registration-accord::-webkit-scrollbar-thumb {
    background-color: #9fa4a4; /* Thumb color */
  }
  .pdp-revamp-banner .pdp-revamp-course-description p,
  p,
  ul li span,
  .course-2024-section .pdp-tab-overview-data p span,
  .pdp-tab-overview-data p,
  .reviewsAndStudentsEnrolled ul li,
  .country-option-span,
  .radio label,
  span.cart-new-gray-style b,
  span.cart-new-gray-style,
  .otp-register .card-body p,
  .not-found-text p,
  .aboutv1-instructors-slider-slide .comandSlider__item p span,
  .instructorv1-list .comandSlider__item p span,
  .instructor-inner-img-text .aboutv1-vision-text li,
  .exploreOurLibrary p,
  .testimonialsCard p,
  .testimonialsCard .manager p,
  .joinUsFlex p,
  .careerDevelopment a,
  .becomeLicensedProfessional .tab-content ul li,
  .testimonials .new-home-main-title p,
  .terms-need-help-ul a,
  .terms-need-help-ul p,
  .error-order-body,
  .control-setting,
  .pdp-tab-overview-data p span,
  .pdp-tab-overview-data ul li span,
  .pdp-course-description p,
  .instructor-name-course a,
  .instructor-name-course span,
  .getInTouchBox p,
  .new-home-testmo-box p,
  .new-home-testmo-test p,
  .course-card-select h3,
  .course-card-select span,
  .course-card-select h4,
  .course-card-select-link,
  .thanks-order-body-data,
  .getYourLicense .new-home-main-title p,
  .pdpRevampModal .modal-body .journey-title p,
  .order-num,
  .sign-up-modal-upload-box h3,
  .dm-uploader h3,
  .totalPrice span,
  .seat-label,
  .pdp-what-learn-data div,
  .pdp-tab-overview-data ul li p,
  .pdp-tab-overview-data ul li,
  .comingSoon p span,
  .accordion-body,
  .noNotifications p {
    color: var(--Neutrals-Grain, #d8dbdb) !important;
  }
  .coursesDetails .accordion-body span.read-more-less--less,
  .coursesDetails .accordion-body span.read-more-less--more,
  .Sessions a {
    color: var(--Feedback-Colors-Info-blue, #2d7dd2) !important;
  }
  a.title-link,
  .user-card p,
  .bestSellers .flex-card p,
  .careerDevelopment h5,
  .becomeLicensedProfessional .tab-content h3,
  .manager h6,
  .myLearningInfo p,
  .new-home-course-price-last p.Starting-text,
  .includes-text,
  .formatPrice {
    color: var(--Neutral-Colors-Platinum, #eceded) !important;
  }
  .swiper-pagination-bullet,
  .step-number:after {
    background: #d8dbdb;
    opacity: 1;
  }
  .businessBannerNew {
    background: linear-gradient(269deg, #076973 -10.53%, #000 147.03%);
  }

  .dropdown-menu,
  .getInTouchModal .formserv-textarea-field:before,
  .businessBannerNew .formserv-textarea-field::before {
    background: #22232d;
  }

  .exploreOurLibraryStatus .redLibrary {
    background: #0b393e;
  }

  .mobile-first-menue-inner li,
  .new-footer-payment-all,
  .border-card,
  .flex-info::before,
  .approved-by li,
  .no-resource-results,
  .no-course-results,
  .no-results,
  .card-course-result,
  .notification-list li,
  .title-notifications,
  .notifications-view-all,
  .notification-list,
  .category-list,
  .menu-item-login,
  .footer-logo-n-style,
  .new-mobile-footer .footerVerify,
  .authorized-by-footer-sub.last,
  .main-filter-checkbox,
  .list-of-sort,
  .my-account-v1-mobile-box .card-header,
  .go-to-library,
  .pdp-tabs-section .nav-tabs,
  .blog-tabs-section .nav-tabs,
  .allInstructorsDivBorder,
  .border-cart,
  .list-info-instructor,
  .course-2024-section .card-instructor,
  .pdp-faq-panel .card-header,
  .plp-search-results-item-2024,
  .plp-filter-drop-parent-data .dropdown-menu-sort-by li,
  .plp-filter-drop-parent-data .dropdown-menu-sort-by,
  .plp-filter-modal-item-header,
  .plp-filter-modal-item,
  .new-mobile-header-accepot,
  .dropdown-menu-phone,
  .show-phone-list,
  .businessBannerNew .fs-webform-container .fserv-container .select2-dropdown,
  .businessBannerNew .fs-webform-container .fserv-container .select2-selection,
  .new-main-header-v1 > .container::before,
  .card-course-box,
  .new-cart-hr-seper hr,
  .new-cart-order-summary,
  .tabby,
  .course-slider h3.title,
  .checkout-new-your-item,
  .radio-payment,
  .checkout-email-form-new,
  .checkout-radio-items.checkout-new-company-tax,
  .checkout-footer,
  .reupload-edit-info,
  .instructor-inner-ul,
  .instructor-inner-course-by .aboutv1-vision-text,
  .all-partnerships-section .partnerships-section:not(:last-child),
  .all-partnerships-section .partnerships-section,
  .terms-main-section .card-header,
  .mobile-first-menue-inner .dropdown-menu.show,
  .fixed-top-navbar-home.fixed-top .dropdown-menu .container::before,
  .new-footer-login,
  .modal-header,
  .thank-for-order,
  .my-account-order-box-date-parent,
  .my-account-v1-learning-have-data .cart-item-data:first-child,
  .my-account-v1-my-learning h3,
  .beginYourJourneySelectSeats .dropdown-menu-seats,
  .beginYourJourneySelectSeats .dropdown-menu-seats li a,
  .getInTouchBox,
  .new-certificate-section,
  .react-style table,
  .react-style tbody tr:not(:last-child),
  .react-style table td,
  .react-style .action-table-menu .dropdown-item:not(:last-child),
  .react-style .action-table-menu,
  .react-style .nav-items,
  .add-border-bottom,
  ul.course-home-props-icon-last-ar li,
  .info-course,
  .course-instructor-content,
  .cart-dropdown-item,
  ul.course-home-props-icon-last li,
  .react-style .divider,
  .success-payment-border-padding,
  .checkout-box .new-cart-hr-seper hr,
  .infoTransfer,
  .registration-accord .CourseDateCart .form-check-courses,
  .signup-upload-image-modal .inp .custom-select,
  .dm-uploader,
  .main-company-list,
  .container-not-login .border-bottom,
  .becomeLicensedProfessional .list-group-item:hover,
  .pdp-tabs-data-courses .nav-pills,
  .border-bottom,
  .coursesDetails .accordion-body,
  .borderCard {
    border-color: #3e4949 !important;
  }
  .coursesDetails .accordion-button:after {
    background: url(/learn/media/images/CourseMaterialDownDark.svg) no-repeat;
  }
  .courseTitle p,
  .Completed {
    background: rgba(23, 177, 132, 0.08) !important;
    color: var(--Accent-Feedback-Colors-Success-green, #17b184) !important;
  }
  .Now {
    background: rgba(45, 125, 210, 0.11) !important;
    color: var(--Accent-Feedback-Colors-Info-blue, #2d7dd2) !important;
  }
  .Upcoming {
    background: rgba(62, 73, 73, 0.55) !important;
    color: var(--Neutrals-Sand, #c5c8c8) !important;
  }
  .bestSellers .card {
    border: 1px solid #2a2c38 !important;
  }
  .bestSellers .card:hover {
    border: 1px solid #3e4949 !important;
  }
  .becomeLicensedProfessional .list-group-item.active {
    border: 1px solid #0c838f !important;
  }

  .react-style .divider {
    background: #3e4949 !important;
  }

  .exploreAllCoursesInfo ul li a,
  .flex-lable-coures span,
  .cart-price-item-new p,
  .cart-price-item-new span,
  .checkout-payment-acord .card-header a {
    color: #c5c8c8 !important;
  }

  .new-certificate-section {
    background: linear-gradient(
        90deg,
        #f5f6f6 0%,
        rgba(236, 237, 237, 0.62) 39.59%,
        rgba(236, 237, 237, 0) 61.75%
      ),
      url(../lineCertificate.png) no-repeat !important;
  }

  .mobile-header-inner-course-li.show + .mobile-header-inner-course-li {
    border-top: none;
  }

  .exploreAllCoursesInfo ul {
    color: #6b6f6f;
  }

  .bestSellersImg .licensing {
    background: rgba(244, 249, 255, 0.85);
  }

  .bestSellersImg .licensing p {
    color: var(--Neutral-Colors-Space, #3e4949) !important;
  }

  .hover-menu-parent .dropdown-toggle::after {
    rotate: 180deg;
  }

  .img-notification {
    background: url(../images_new/Notification-dark.svg) no-repeat center !important;
  }

  .img-time-notify {
    background: url(../images_new/time_notify-dark.svg) no-repeat !important;
  }

  #indicator {
    left: 50%;
  }

  .mobile-header-inner-course-a::before {
    background-image: url(../chevron-down-modal-dark.svg) !important;
  }

  .mobile-header-first-menu {
    padding-bottom: 12px;
    border-bottom: 1px solid #3b3d3d;
  }

  .careerInfo {
    border: 1px solid #3b3d3d;
  }

  .home-banner h1 span,
  .pdp-tabs-section .nav-tabs .nav-item.show .nav-link,
  .pdp-tabs-section .nav-tabs .nav-link.active,
  .blog-tabs-section .nav-tabs .nav-link.active,
  .pdp-tabs-section .nav-item:hover > .nav-link:hover,
  .react-style .nav-items .active,
  .spinner-border-search,
  .timeNumber,
  .react-style .view-bankDetails,
  .bs-wizard > .active.bs-wizard-step .bs-wizard-stepnum,
  .new-main-header-v1 ul.navbar-nav li .nav-link.active,
  .new-main-header-v1 ul.navbar-nav li .nav-link:hover,
  .btn-outline-green,
  .add-information-btn,
  .footer-menu-new h3,
  .react-style .download-template p,
  .new-main-header-v1 ul.navbar-nav .nav-item-categorie:hover > .nav-link,
  .licenseRenewalCourse p,
  .licenseRenewalCourse a,
  .dm-uploader .btn-block.btn,
  .home-page-main-body-tag .promotion-top-fixed p,
  .home-page-main-body-tag .promotion-top-fixed a,
  .new-mobile-footer .footerVerify h3,
  span.procentLoading,
  span.procentLoading::after,
  span#procent,
  .course-link-cat span,
  .coursesDetails a.btn-white {
    color: var(--Thinkprop-Algea-Teal, #12d1e2) !important;
  }
  .coursesDetails a.btn-white {
    background: transparent !important;
    border: 1px solid var(--Thinkprop-Algea-Teal, #12d1e2) !important;
  }

  .pdp-tabs-section .nav-tabs .nav-item.show .nav-link,
  .pdp-tabs-section .nav-tabs .nav-link.active,
  .blog-tabs-section .nav-tabs .nav-link.active,
  .react-style .nav-items .active {
    border-bottom: 4px solid #12d1e2 !important;
  }

  .inp input,
  .inp textarea,
  .select-sort-by,
  .country-option,
  .businessBannerNew .fs-webform-container .fserv-input-text,
  .modal-body .fs-webform-container .fserv-container .fserv-input-text,
  .modal-body .fs-webform-container .fserv-container .fserv-input-text:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-selection--multiple,
  .modal-body .fs-webform-container .fserv-container .fserv-textarea:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-input-text:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-select-multiple:focus,
  .businessBannerNew .fs-webform-container .fserv-container .fserv-select:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-textarea:focus,
  .businessBannerNew
    .fs-webform-container
    .fserv-field
    .select2-container--default.select2-container--focus
    .select2-selection--multiple,
  .businessBannerNew
    .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-selection--multiple,
  .otp-register,
  .contact-us-main-top-select.inp .custom-select,
  .beginYourJourneySelectSeats a.dropdown-toggle-seats,
  .react-style .search-table .search-input,
  .formserv-textarea-field,
  .react-style .failed-email,
  .react-style .payment-methods,
  .getInTouchModal .formserv-textarea-field,
  .check-seats input,
  .iti input.iti__tel-input,
  .iti input.iti__tel-input[type="text"],
  .iti input.iti__tel-input[type="tel"],
  .iti__selected-country,
  .modal-body .fs-webform-container .fserv-container input {
    border: 1px solid var(--Neutrals-Space, #3e4949) !important;
    background-color: var(--Dark-Mode-Colors-Background-01, #22232d) !important;
  }
  .check-seats input {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .contact-us-main-top-select.inp .custom-select {
    background: #22232d url(../images_new/contact-us-select-arrow-dark.svg)
      no-repeat right 1.25rem center / auto 8px !important;
  }

  .businessBannerNew
    .fs-webform-container
    .fserv-field
    .select2-container
    .select2-search--inline
    .select2-search__field {
    margin-top: 0 !important;
  }

  .inp .label,
  .country-code,
  .mobile-menu-language p a,
  .stiky-cart .card-pdp span,
  .new-home-course-price p,
  .react-style .search-table .search-input::placeholder,
  .react-style .last-transaction-wallet span,
  .count-of-record span,
  .form-validation-result ul li.not,
  .form-control-placeholder,
  .signup-upload-image-modal .inp .custom-select,
  .contact-us-main-top-select.inp .custom-select,
  .contact-us-main-top-select.inp .custom-select.default-color,
  .iti__tel-input::placeholder,
  .iti__selected-country::placeholder {
    color: var(--Neutrals-Silver, #9fa4a4) !important;
  }
  .fa-eye-new {
    background: url(../eye-off-dark.svg) no-repeat !important;
  }

  .fa-eye-slash-new {
    background: url(../images_new/ShowPassword-dark.svg) no-repeat !important;
  }

  .pdp-faq-panel .card .card-header,
  .pdp-faq-panel .card,
  .pdp-tab-content-parent-faq .pdp-moudles-parent-data .accordion > .card,
  .course-2024-section .pdp-tab-overview-data p span,
  ul li span,
  .tabby,
  .new-cart-promo-accord .card,
  .checkout-order-summary,
  .form-wizard-content-wrapper,
  .form-wizard-wrapper .form-wizard-content,
  .not-found-text p span,
  .faq-new-main .card,
  .mobile-first-menue-inner .dropdown-menu.show,
  .about-usv1-logo,
  .businessBannerNew .fs-webform-container .fserv-container,
  .getInTouchModal .fs-webform-container .fserv-container,
  .oldPdpTabs
    .pdp-tab-content-parent-faq
    .pdp-moudles-parent-data
    .accordion
    > .card
    > .card-header,
  .form-control-placeholder,
  .mobile-header-first-menu li a.navbar-brand,
  .Survey_modal .form-check-label {
    background: transparent !important;
    box-shadow: none;
  }
  .aboutv1-vision-text p,
  .aboutv1-vision-text p span {
    background-color: transparent !important;
    color: #d8dbdb !important;
  }

  .businessBannerNew .fs-webform-container .fserv-input-radio.error:focus,
  .businessBannerNew .fs-webform-container .fserv-input-text.error:focus,
  .businessBannerNew .fs-webform-container .fserv-select-multiple.error:focus,
  .businessBannerNew .fs-webform-container .fserv-select.error:focus,
  .businessBannerNew .fs-webform-container .fserv-textarea.error:focus,
  .getInTouchModal .fs-webform-container .fserv-input-radio.error:focus,
  .getInTouchModal
    .fs-webform-container
    .fserv-container
    .fserv-input-text.error:focus,
  .getInTouchModal
    .fs-webform-container
    .fserv-container
    .fserv-input-text.error,
  .getInTouchModal .fs-webform-container .fserv-select-multiple.error:focus,
  .getInTouchModal .fs-webform-container .fserv-select.error:focus,
  .getInTouchModal .fs-webform-container .fserv-textarea.error:focus {
    border-color: #e84545 !important;
  }

  .slick-next {
    background: url(../images_new/slider-arrow-dark.svg) no-repeat;
  }

  .aboutv1-instructors-slider-slide .slick-next {
    background: url(../images_new/arrow-right-slider-dark.svg) no-repeat;
  }

  .aboutv1-instructors-slider-slide .slick-prev {
    background: url(../images_new/arrow-left-slider-dark.svg) no-repeat;
  }

  .stiky-cart .instructor-name-course a,
  .join-div p a,
  .pdp-all-togle-collapse,
  .pdp-all-togle-collapse2,
  .list-of-sort .show-filter,
  .clear-filter-des,
  .company-name-msg p,
  .reupload-edit-info span,
  .otp-register .card-body a.back,
  .otp-register .text-muted a,
  .strength-strong-selected,
  .terms-need-help .dropdown-toggle,
  .about-v1-see-all-ins a,
  a,
  .forgot-pass-login a,
  .read-more-btn,
  .new-login-have-account p a,
  .sign-up-new a,
  .my-account-certificate-box-data a,
  .react-style .information-message span,
  .react-style .information-message p,
  .react-style .download-and-view-action p,
  .react-style .payment-bank-info a,
  .my-account-order-visa.radio .accordion > .card .login-warning-box-all p,
  .go-think-individuals-div,
  .company-name-hint p,
  .new-main-hedar-mega-menu-data .view-more-cate {
    color: #80bdff !important;
  }

  .strong-Password {
    border-color: #80bdff !important;
  }

  .check-course-successfully p,
  .strength-good-selected,
  .react-style .active-status,
  .react-style .registered-status,
  .change-password-message p {
    color: #67b665 !important;
  }

  .good-Password {
    border-color: #67b665 !important;
  }

  .check-course-error p,
  .otp-register .card-body p.otpErrorText,
  .error-form-field label,
  .remove-from-cart a,
  .react-style .active-status,
  .react-style .disabled-status,
  .react-style .not-registered-status,
  .react-style .error-message p,
  .react-style .error-message-text,
  .react-style .error-message p,
  .check-seat-error p,
  .error-upload-msg p,
  .error-upload-clear p {
    color: #ff756b !important;
  }
  .error-form-field input,
  .error-form-field textarea {
    border-color: #ff756b !important;
  }
  .otpError .otp-field > input.filled,
  .remove-from-cart {
    border: 1px solid #f47d7b !important;
  }

  .modal-remove-from-cart .modal-header-gift {
    align-items: center;
  }

  .check-course-wrong p,
  .check-course-wrong p a,
  .strength-weak-selected,
  .dashboard-progress-color p,
  .courses-verify-error p,
  .courses-verify-error a,
  .warning-msg-between p,
  .warning-msg-between a,
  .link-courses-warning-box {
    color: var(--Feedback-Colors-Warning-Orange, #fb8b24) !important;
  }

  .btn-blue:disabled,
  .btn-blue:hover:disabled {
    border: 1px solid var(--Neutrals-Silver, #9fa4a4);
  }

  .mobile-menu-language p,
  #modeSwitcher,
  .otp-field .inp,
  .react-style .active-status,
  .react-style .disabled-status,
  .react-style .not-registered-status,
  .react-style .registered-status,
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice,
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-results__option--highlighted[aria-selected],
  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-results__option[aria-selected="true"],
  .new-header-main-icon ul li a,
  .img-notification,
  .mobile-header-first-menu li a,
  .withLang p,
  .company-name-hint,
  .warning-msg-flex,
  .myLearningBox .warning {
    background-color: var(--Dark-Mode-Colors-Background-03, #343544) !important;
  }

  .new-header-main-icon ul li a:hover,
  .mobile-header-first-menu li a:hover {
    background-color: #5b5c6f !important;
  }
  .new-header-main-icon ul li a.btn-blue {
    background-color: var(--Primary-Colors-Algea, #0c838f) !important;
  }
  .new-header-main-icon ul li a.btn-white {
    background-color: #fff !important;
  }
  .new-header-main-icon ul li a.btn-blue:hover {
    background-color: #076973 !important;
  }
  .new-header-main-icon ul li a.btn-white:hover,
  .coursesDetails a.btn-white:hover {
    background: var(--Thinkprop-Algea-Sky, #daf9fb) !important;
  }
  .img-certificate-notify {
    background: url(../images_new/certificate_notify-dark.svg) no-repeat !important;
  }
  .new-header-main-icon ul li a.my-account-user-box-image-new,
  .cart-number-circle-header {
    background: #fbdada !important;
    color: #343544 !important;
  }
  .not-read-notifications,
  #EditInfoMyAcountForm2 .form-control[readonly] {
    background-color: #2a2c38 !important;
  }
  .new-header-main-icon ul li a.my-account-user-box-image-new p {
    color: var(--Thinkprop-Mandarin-Peach, #f47d7b) !important;
  }

  .img-user,
  .react-style .payment-methods.selected,
  .payment-method .radio input[type="radio"]:checked + .radio-label,
  .newSelectBox .form-check-label:has(.form-check-input:checked) {
    border: 1px solid #12d1e2 !important;
  }

  .selected-option-join-course,
  .react-style .payment-methods.selected .check-payment,
  .btn-outline-green,
  .add-information-btn,
  .footer-menu-new h3,
  .business-signup-step
    .bs-wizard
    > .bs-wizard-step.active
    .bs-wizard-dot:after,
  .inp input:focus,
  .inp textarea:focus {
    border-color: #12d1e2 !important;
  }

  .newSearchBar input:focus {
    border: 1.5px solid var(--Thinkprop-Algea-Teal, #12d1e2);
  }

  .pdp-revamp-banner .pdp-add-fav-li .toggle-icon-course:before,
  .pdp-revamp-banner .pdp-add-fav-li .toggle-icon-course:after {
    background-image: url(../heart-anim-dark.svg);
  }

  .form-check-input[type="radio"]:checked + .form-check-select::before {
    content: url(../RadioBlue-dark.svg);
  }
  .form-check-input[type="radio"] + .form-check-select::before {
    content: url(../RadioNotChecked-dark.svg);
  }
  .form-check-input[type="checkbox"]:checked + .form-check-select::before {
    content: url(../radioButtonSelected-dark.svg);
  }
  .form-check-input[type="checkbox"] + .form-check-select::before {
    content: url(../radioButtonNotSelected-dark.svg);
  }
  .testimonials .swiper-button-next:after,
  .testimonials .swiper-button-prev:after {
    content: url(../Button-dark.svg) !important;
  }

  .control__indicator,
  .react-style tbody tr:nth-child(2n),
  .course-card-select-new,
  .react-style .main-wallet-information-section,
  .react-style tbody tr.failed-email:nth-child(2n),
  .payment-method label,
  .radio input[type="radio"] + .radio-label:before {
    border: 1px solid var(--Neutrals-Space, #3e4949) !important;
    background-color: var(--Dark-Mode-Colors-Background-02, #2a2c38) !important;
  }
  .radio input[type="radio"]:checked + .radio-label:before {
    box-shadow: inset 0 0 0 4px #2a2c38 !important;
    border-color: #12d1e2 !important;
    background-color: #12d1e2 !important;
  }

  .breadcrumb-item a,
  .Breadcrumbs a {
    color: var(--Thinkprop-Algea-Sky, #daf9fb) !important;
  }

  .control input:checked ~ .control__indicator,
  .react-style .payment-methods.selected .check-payment div,
  .stepsPdp .progress-bar,
  .bs-wizard > .bs-wizard-step.active .progress-bar,
  .business-signup-step
    .bs-wizard
    > .bs-wizard-step.active
    .bs-wizard-dot:after {
    background: var(--Thinkprop-Algea-Teal, #12d1e2) !important;
  }

  .control--checkbox .control__indicator:after {
    border: solid #22232d;
    border-width: 0 2px 2px 0;
  }

  .plp-left-menu .type-of-sort::before {
    background-image: url(../images_new/mobile-course-down-arrow-dark.svg);
  }

  .list-of-sort .show-filter::before {
    background-image: url(../chevron-down-dark.svg);
  }

  .ourServices::before {
    background: url(../homaBgBusiness-dark.png) no-repeat center;
    background-size: 100% 100% !important;
  }

  .fs-webform-container
    .fserv-field
    .select2-container.error
    .select2-selection--multiple {
    border-color: #e84545 !important;
    border: 1px solid #e84545 !important;
  }

  .checkout-payment-acord .accordion .card-header:after {
    background-image: url(../images_new/accord-bottom-icon-dark.svg) !important;
    rotate: 180deg;
  }

  .checkout-payment-acord .card-header.collapsed:before {
    background-image: url(../images_new/accord-bottom-icon-dark.svg) !important;
  }

  .error-form-field input,
  .error-form-field select,
  .error-form-field textarea {
    background-image: url(../images_new/Error-dark.svg) !important;
  }

  .errorInputPass input {
    background-image: none !important;
  }

  .dot-instructor-between,
  .progress {
    background: #787f7f !important;
  }

  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #787f7f !important;
  }

  .trainYourTeam {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0.5) 100%
      ),
      url(../trainYourTeamBG.jpg) lightgray 50% / cover no-repeat;
  }

  .trainYourTeamInfo {
    background: rgb(13 29 31 / 30%);
  }

  .pdp-add-fav-li .toggle-icon-course:before,
  .pdp-add-fav-li .toggle-icon-course:after {
    background-image: url(../loveImage-dark.svg);
  }

  .breadcrumb-item + .breadcrumb-item::before {
    content: url(../bread-crumb-arrow-n2-dark.svg);
  }

  .businessBannerNew
    .fs-webform-container
    .fserv-container
    .fserv-textarea:focus,
  .getInTouchModal .fs-webform-container .fserv-container .fserv-textarea:focus,
  .react-style .input-of-amount,
  .read-data-after-upload .form-control[readonly] {
    border: 0 !important;
  }

  .react-style .input-of-amount input {
    border-radius: 0px 94px 94px 0px;
    border-top: 1px solid var(--Neutrals-Space, #3e4949);
    border-right: 1px solid var(--Neutrals-Space, #3e4949);
    border-bottom: 1px solid var(--Neutrals-Space, #3e4949);
    background: var(--Dark-Mode-Colors-Background-01, #22232d);
  }

  .react-style .currency {
    border-radius: 94px 0px 0px 94px;
    border: 1px solid var(--Neutrals-Space, #3e4949);
    background: var(--Dark-Mode-Colors-Background-02, #2a2c38);
  }

  .fs-webform-container
    .fserv-field
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    margin-top: 2.5px !important;
  }
  .new-header-login-li .dropdown-menu {
    border-top: 1px solid #3e4949 !important;
  }
  .licenseRenewalCourse,
  .home-page-main-body-tag .promotion-top-fixed {
    background-color: #0f484e !important;
  }
  .new-header {
    background: linear-gradient(
      108deg,
      rgba(34, 35, 45, 0.57) 0%,
      rgba(34, 35, 45, 0.14) 100%
    ) !important;
    background-color: unset !important;
    backdrop-filter: blur(10px);
  }
  .home-banner .container-not-login {
    border-radius: 16px;
    border-right: 0.5px solid rgba(62, 181, 203, 0.4);
    border-bottom: 0.5px solid rgba(62, 181, 203, 0.4);
    border-left: 0.5px solid rgba(62, 181, 203, 0.4);
    background: linear-gradient(
      108deg,
      rgba(34, 35, 45, 0.57) 0%,
      rgba(34, 35, 45, 0.14) 100%
    );
    backdrop-filter: blur(10px);
  }
  @media (min-width: 991px) {
    .checkout-box {
      background: #2a2c38;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    }
    .bg-lg-gray {
      background: #22232d !important;
    }
  }
  .form-check-label {
    box-shadow: unset !important;
  }
  @media (max-width: 1199px) {
    .newSearchBar .result-of-search,
    .newSearchBar .no-results,
    .newSearchBar .dev-of-search-loading {
      background: #22232d !important;
    }
  }

  @media (max-width: 767px) {
    .new-select-sort .select-sort-by {
      background: url(../sort-alt-dark.svg) no-repeat right center;
    }
  }

  @media (max-width: 576px) {
    .otp-register {
      border: 0 !important;
    }
  }
}