/*
 * Worqly restyle overrides
 * Palette borrowed from the "PHP eStore" (Cuba) design reference:
 *   primary   #7366ff
 *   secondary #f73164
 * Loaded after main.css so these rules can safely be more specific
 * without needing to rebuild the Tailwind/SCSS pipeline.
 */
:root {
  --wq-primary: #7366ff;
  --wq-primary-dark: #5b4fd1;
  --wq-primary-light: rgba(115, 102, 255, 0.1);
  --wq-secondary: #f73164;
  --wq-secondary-light: rgba(247, 49, 100, 0.1);
  --wq-radius: 16px;
  --wq-shadow: 0 5px 6px rgba(0, 0, 0, 0.04), 0 3px 16px rgba(0, 0, 0, 0.04);

  /* Dark theme ("Cuba" .dark-only palette from the eStore reference) is the
     DEFAULT look of the site - not an opt-in toggle. */
  --wq-bg: #1d1e26;
  --wq-card-bg: #262932;
  --wq-card-bg-alt: #1f212a;
  --wq-text: rgba(255, 255, 255, .6);
  --wq-text-muted: rgba(255, 255, 255, .4);
  --wq-text-strong: #ffffff;
  --wq-border: rgba(255, 255, 255, .08);
  --wq-border-soft: rgba(255, 255, 255, .05);
}

/* Page background on the redesigned gig catalog now follows the dark theme */
.wq-catalog-page {
  background: var(--wq-bg);
  padding-top: 24px;
  padding-bottom: 24px;
}

/* -------------------------------------------------------------- */
/* Sidebar widgets                                                 */
/* -------------------------------------------------------------- */
.wq-sidebar-col {
  margin-bottom: 24px;
}

.wq-widget .tk-asideboxv2 {
  padding: 22px;
}

.wq-widget-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--wq-text-strong);
  margin: 0 0 16px;
}

.wq-widget-title i {
  color: var(--wq-primary);
  font-size: 18px;
}

.wq-widget-empty {
  font-size: 13px;
  color: var(--wq-text-muted);
  margin: 0;
}

/* Category list */
.wq-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wq-cat-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--wq-text);
  font-size: 14px;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease;
}

.wq-cat-list li a span {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wq-cat-list li a i {
  color: var(--wq-text-muted);
  flex-shrink: 0;
}

.wq-cat-list li a em {
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  background: var(--wq-border-soft);
  color: var(--wq-text-muted);
  padding: 2px 9px;
  border-radius: 20px;
  flex-shrink: 0;
}

.wq-cat-list li a:hover,
.wq-cat-list li.active a {
  background: var(--wq-primary-light);
  color: var(--wq-primary);
}

.wq-cat-list li a:hover i,
.wq-cat-list li.active a i {
  color: var(--wq-primary);
}

.wq-cat-list li.active a em {
  background: var(--wq-primary);
  color: #ffffff;
}

/* Mini list (reviews / latest gigs) */
.wq-mini-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.wq-mini-list li + li {
  padding-top: 14px;
  border-top: 1px solid var(--wq-border);
}

.wq-mini-list__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.wq-mini-list__name {
  font-size: 13px;
  font-weight: 700;
  color: var(--wq-text-strong);
}

.wq-mini-list__desc {
  font-size: 12px;
  color: var(--wq-text-muted);
  margin: 0;
}

.wq-mini-gig {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wq-mini-gig img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
}

.wq-mini-gig span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

.wq-mini-gig em {
  font-style: normal;
  font-size: 13px;
  font-weight: 600;
  color: var(--wq-text-strong);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wq-mini-gig strong {
  font-size: 12px;
  font-weight: 700;
  color: var(--wq-primary);
}

/* Stats widget */
.wq-stat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wq-stat-list li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wq-stat-list li i {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--wq-primary-light);
  color: var(--wq-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.wq-stat-list li span {
  flex: 1;
  font-size: 13px;
  color: var(--wq-text);
}

.wq-stat-list li strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--wq-text-strong);
}

/* -------------------------------------------------------------- */
/* Gig card: category badge + hover quick-actions overlay          */
/* -------------------------------------------------------------- */
.wq-cat-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 3;
  background: var(--wq-primary);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .02em;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(115, 102, 255, 0.35);
}

.wq-card-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: rgba(10, 15, 38, 0.38);
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}

.tk-card__img:hover .wq-card-overlay {
  opacity: 1;
  visibility: visible;
}

.wq-card-overlay__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--wq-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transform: translateY(10px);
  transition: transform .25s ease, background-color .2s ease, color .2s ease;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.tk-card__img:hover .wq-card-overlay__icon {
  transform: translateY(0);
}

.wq-card-overlay__icon:hover {
  background: var(--wq-secondary);
  color: #ffffff;
}

/* Featured ribbon leans on the secondary accent so it reads apart from the primary buttons/links */
.tk-topservicetask .tk-featuretag,
.tk-featuretag {
  background-color: var(--wq-secondary) !important;
  color: #ffffff !important;
}

.tk-topservicetask .tk-card__img .tk-like .tk-heartsave {
  background: var(--wq-secondary) !important;
}

.tk-topservicetask .tk-card__img .tk-like a:hover {
  background: var(--wq-secondary);
}

/* -------------------------------------------------------------- */
/* Pagination polish (already round; make sure active state uses  */
/* the new primary accent even where main.css specificity ties)   */
/* -------------------------------------------------------------- */
.tk-pagination ul li a:hover,
.tk-pagination ul li.active a,
.tk-pagination ul li.active span {
  color: #fff;
  border-color: var(--wq-primary);
  background-color: var(--wq-primary);
}

/* -------------------------------------------------------------- */
/* Home page: services / projects tabs + infinite scroll feed      */
/* -------------------------------------------------------------- */
.wq-home-tabs {
  margin-bottom: 8px;
}

.wq-tab-nav {
  display: flex;
  gap: 8px;
  background: var(--wq-card-bg);
  border-radius: var(--wq-radius);
  box-shadow: var(--wq-shadow);
  padding: 8px;
  margin-bottom: 24px;
}

.wq-tab-nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1;
  border: 0;
  background: transparent;
  color: var(--wq-text);
  font-size: 15px;
  font-weight: 700;
  padding: 12px 16px;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.wq-tab-nav__item i {
  font-size: 17px;
}

.wq-tab-nav__item:hover {
  color: var(--wq-primary);
}

.wq-tab-nav__item.active {
  background: var(--wq-primary);
  color: #ffffff;
}

.wq-tab-panel {
  display: none;
}

.wq-tab-panel.active {
  display: block;
}

/* Project card thumbnail placeholder (projects have no cover image) */
.wq-project-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 186px;
  background: linear-gradient(135deg, var(--wq-primary) 0%, var(--wq-secondary) 100%);
}

.wq-project-thumb__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 186px;
}

.wq-project-thumb__link i {
  font-size: 48px;
  color: rgba(255, 255, 255, 0.85);
}

.wq-project-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  width: 100%;
  background: var(--wq-primary-light);
  color: var(--wq-primary) !important;
  font-weight: 700;
  border-radius: 10px;
  padding: 10px 16px;
  transition: background-color .2s ease, color .2s ease;
}

.wq-project-cta:hover {
  background: var(--wq-primary);
  color: #ffffff !important;
}

/* Infinite scroll sentinel + loader */
.wq-infinite-sentinel {
  width: 100%;
  height: 1px;
}

.wq-infinite-loader {
  width: 34px;
  height: 34px;
  margin: 24px auto;
  border-radius: 50%;
  border: 3px solid var(--wq-primary-light);
  border-top-color: var(--wq-primary);
  animation: wq-spin .8s linear infinite;
}

@keyframes wq-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ================================================================ */
/* GLOBAL DARK THEME (default appearance - not a toggle)             */
/* Colors sourced from the "Cuba" .dark-only palette in eStore's     */
/* original style.css: page bg #1d1e26, card bg #262932, muted text  */
/* rgba(255,255,255,.6), headings closer to white.                   */
/* ================================================================ */

html,
body {
  background-color: var(--wq-bg);
  color: var(--wq-text);
}

.tk-main-wrapper {
  background-color: var(--wq-bg);
}

h1, h2, h3, h4, h5, h6,
.tk-verified-info strong,
.tk-verified-info > a {
  color: var(--wq-text-strong);
}

a {
  color: inherit;
}

/* -------------------------------------------------------------- */
/* Header                                                          */
/* -------------------------------------------------------------- */
.tk-header {
  background-color: var(--wq-card-bg);
  border-bottom: 1px solid var(--wq-border);
}

.tk-header-topbar {
  background-color: var(--wq-card-bg-alt);
}

.tk-header-actions-wrapper .tk-search_category,
.tk-header-actions-wrapper .tk-search_category .form-control,
.tk-header-actions-wrapper .tk-search_category input {
  background-color: var(--wq-bg);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.tk-header-user .tk-header-dash h6,
.tk-header-user .tk-header-dash span {
  color: var(--wq-text);
}

.tk-navbarnav > li > a,
.tk-navbar a {
  color: var(--wq-text);
}

/* -------------------------------------------------------------- */
/* Cards / widgets / asideboxes - the main "large white rectangle" */
/* offenders across dashboard, gig detail, wallet, profile, etc.   */
/* -------------------------------------------------------------- */
.card,
.tk-asideboxv2,
.tk-asideholder,
.tk-asideholderv2,
.tk-asideholdertwo,
.tk-aside-list > li,
.tk-list-detail,
.tk-widgetbox,
.tk-collapsepanel,
.tk-modalbox,
.modal-content,
.dropdown-menu,
.tk-userlist,
.tk-messagebox,
.tk-transactionbox,
.tk-paymentbox {
  background-color: var(--wq-card-bg);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.card .card-body,
.card-header,
.card-footer {
  background-color: transparent;
  border-color: var(--wq-border);
  color: var(--wq-text);
}

.card-title,
.tk-widgetbox-title,
.tk-list-heading h5,
.tk-list-heading h6 {
  color: var(--wq-text-strong);
}

hr {
  border-color: var(--wq-border);
  opacity: 1;
}

/* -------------------------------------------------------------- */
/* Forms / inputs                                                  */
/* -------------------------------------------------------------- */
.form-control,
.form-select,
textarea.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.tk-select,
.tb-select {
  background-color: var(--wq-bg);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.form-control::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field {
  color: var(--wq-text-muted);
}

.form-control:focus,
.form-select:focus {
  background-color: var(--wq-bg);
  color: var(--wq-text-strong);
  border-color: var(--wq-primary);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-dropdown {
  background-color: var(--wq-card-bg);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.select2-container--default .select2-results__option {
  background-color: var(--wq-card-bg);
  color: var(--wq-text);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--wq-primary);
  color: #ffffff;
}

label,
.form-label,
.tk-formgroup label {
  color: var(--wq-text);
}

/* -------------------------------------------------------------- */
/* Tables                                                           */
/* -------------------------------------------------------------- */
table,
.table {
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td,
table > thead > tr > th,
table > tbody > tr > td {
  border-color: var(--wq-border);
  color: var(--wq-text);
}

table thead tr th,
.table thead tr th {
  background-color: var(--wq-card-bg-alt);
  color: var(--wq-text-strong);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .02);
}

.table-hover > tbody > tr:hover {
  background-color: rgba(255, 255, 255, .04);
  color: var(--wq-text-strong);
}

/* -------------------------------------------------------------- */
/* Sidebars / dashboard nav                                        */
/* -------------------------------------------------------------- */
.tk-asidenavbar,
.tk-asidenavbar_wrap,
.dashboard-menu,
.tk-dashboard-sidebar {
  background-color: var(--wq-card-bg);
  border-color: var(--wq-border);
}

.tk-asidenavbar a,
.dashboard-menu a {
  color: var(--wq-text);
}

.tk-asidenavbar a.active,
.tk-asidenavbar a:hover,
.dashboard-menu a.active,
.dashboard-menu a:hover {
  color: var(--wq-text-strong);
  background-color: var(--wq-primary-light);
}

/* -------------------------------------------------------------- */
/* Footer                                                           */
/* -------------------------------------------------------------- */
.tk-footerwrap,
.tk-footer {
  background-color: var(--wq-card-bg-alt);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.tk-footer_copyright {
  background-color: var(--wq-bg);
  color: var(--wq-text-muted);
  border-color: var(--wq-border);
}

.tk-footerwrap a,
.tk-footer a {
  color: var(--wq-text);
}

.tk-footerlogo img {
  filter: brightness(0) invert(1);
}

/* -------------------------------------------------------------- */
/* Pagination / buttons outline / badges keep accent colors but    */
/* need dark-aware backgrounds for their idle state                */
/* -------------------------------------------------------------- */
.tk-pagination ul li a,
.tk-pagination ul li span {
  background-color: var(--wq-card-bg);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

.tk-btn-outline,
.btn-outline-primary,
.btn-light {
  background-color: var(--wq-card-bg);
  color: var(--wq-text);
  border-color: var(--wq-border);
}

/* Gig/project detail two-column layout already mirrors the eStore   */
/* product page (wide description column + narrow price/order card); */
/* just make sure both columns' cards follow the dark palette above. */
.product-page-details,
.product-price,
.pro-services,
.collection-filter-block {
  color: var(--wq-text);
}

.pro-services h5 {
  color: var(--wq-text-strong);
}

/* ================================================================ */
/* Auto-generated dark-theme sweep: every selector in main.css that   */
/* set an explicit white/near-white background or a dark heading/body */
/* text color is remapped onto the dark palette variables above.      */
/* Generated once from public/css/main.css - safe to re-run if the    */
/* theme CSS is rebuilt, but is a static snapshot, not a live import. */
/* ================================================================ */

#toast-container.tk-notification > .toast-success,
.btn-attech-file,
.btn-replytwo,
.btn-signup:hover, .btn-signup:focus,
.form-check-input:checked[type=radio]::after,
.form-control[readonly],
.form-loader,
.page-home-eight .pb-themesection:has(.tk-clients-section),
.page-home-nine .tk-bannerlist li:after,
.page-home-nine .tk-profile-contentvtwo .tk-btn-primary:hover,
.page-home-nine .tk-section.tk-topfooter .tk-btn-primary,
.page-home-page .tk-profile-contentvtwo .tk-btn-primary:hover,
.page-home-seven .pb-themesection:nth-last-child(2),
.page-home-ten .pb-themesection:has(.tk-content-box-wrapper),
.page-home-ten .pb-themesection:has(.tk-topfooter),
.pb-themesection:has(.tk-offering-section),
.select2-container--open .select2-dropdown--below,,
.select2-dropdown,
.select2-dropdown--above,
.splide__slide.is-active .tk-syncthumbnail__content,
.sub-menu,
.sub-menu-holder > .sub-menu,
.sub-menuholder,
.tb-additionolinfo,
.tb-additonoltitle,
.tb-dbbox,
.tb-dbholder,
.tb-deactived-popup .tb-alertpopup,
.tb-dhb-box,
.tb-dhb-box-wrapper,
.tb-dhb-profile-settings .tb-tabtasktitle,
.tb-dhb-profile-settings.tb-education-wrapper,
.tb-dhbbg-color .tb-header,
.tb-dhbtabs .tab-content,
.tb-earningcostvtwo .tb-earningcost__item,
.tb-graph,
.tb-input-loader::before,
.tb-navbar .navbar-collapse,
.tb-norecordsv2,
.tb-notasks,
.tb-on-off label i,,
.tb-onoff label em i,
.tb-on-off label,,
.tb-onoff label em,
.tb-optionsbar em,
.tb-pagination-box,
.tb-plainbtn,
.tb-popupcontainer,
.tb-profile-settings-box,
.tb-radio-checked .payoutlists,
.tb-ratinguserimg img,
.tb-refunddetail,
.tb-refunddetail_info figure > img,
.tb-refunddetail_info figure > span,
.tb-refunddetailttabs,
.tb-requestarea .tb-profile-steps,
.tb-savelisting,
.tb-tabfilter,
.tb-tabfilteritem,
.tb-tabitemextrasinfo .tb-disablev2,
.tb-table,
.tb-tabtasktitle,
.tb-taskdeadline .tb-actionselect,
.tb-taskdeadline .tb-additonoltitleholder,
.tb-taskdeadline .tb-additonoltitleholder .tb-additonoltitle,
.tb-taskdeadline.tk-asideholder,
.tb-themeselect_options,
.tb-user-menu,
.tk-achievementtoolholder + div .tippy-arrow:before,
.tk-add-price-slots,
.tk-additionalservicesvtwo li,
.tk-additionalservicesvtwo li:nth-child(even),
.tk-additionalservicesvtwo li:nth-child(odd),
.tk-addtime-slot li,
.tk-advancesearch,
.tk-areasizebox .form-control,
.tk-aside-listvtwo li .tk-list-detail,
.tk-asideboxsm,
.tk-asideholder,
.tk-asideholder_title,
.tk-asiderightbar .tk-sidedetailist,,
.tk-asiderightbar .tk-asideadvertisment,,
.tk-asiderightbar .tk-followsocial,
.tk-banner,
.tk-bannerframe_content .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tk-bannerv5::before,
.tk-bestservice,
.tk-bg-white,
.tk-bgwhite,
.tk-blog-tag span,
.tk-blog-tags:hover, .tk-blog-tags-active,
.tk-box,
.tk-btn-line, .tk-btn-solid, .tk-featuretag, .tk-btn-solid-lefticon, .tk-btn-solid-lg, .tk-btn-solid-lg-lefticon, .tk-btn-solid-sm, .tk-btn-solid-sm-lefticon,,
.tk-redbtn, .tk-btn-line-lefticon, .tk-btn-line-lg, .tk-btn-line-lg-lefticon, .tk-btn-line-sm, .tk-btn-line-sm-lefticon,,
.tk-btn-yellow,,
.tk-btn-yellow-lg,
.tk-btn-solid-white,
.tk-btnline,
.tk-btnline:hover, .tk-btnline:focus,
.tk-btnsolid-white,
.tk-cardprojecttitle > a > i,
.tk-categories-navbar .owl-nav > div:before,
.tk-categoriesnavwrap:before, .tk-categoriesnavwrap:after,
.tk-category_childlist li.tk-explore-features:hover,
.tk-catsubmenu,
.tk-collapsepanel,
.tk-content-box-wrapper ul li,
.tk-continue,
.tk-contract-list,
.tk-counter-contant,
.tk-counterinfo_list,
.tk-decline,
.tk-delivery-time .tk-icon-box,
.tk-dhbbtnarea,
.tk-dispute_progress span i,
.tk-draganddrop__area,
.tk-employe-footer .tk-btn-card,
.tk-employe-footer .tk-employe-button,
.tk-employe-info,
.tk-employe-title > a,
.tk-employerproject,
.tk-faq-category,
.tk-faq-question-section .tk-accordion_title,,
.tk-faq-question-section .tk-accordion_info,
.tk-features-reviews,
.tk-feedback-section-vtwo,
.tk-filterselect.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer,
.tk-formsearch,
.tk-freelancer-box,
.tk-freelancers-list > li,
.tk-freelanlist,
.tk-gigactivitywrap .tk-box,
.tk-gigactivitywrap .tk-checkoutinfo,
.tk-gigtags li:hover,
.tk-giguploadfile .tk-project-box,,
.tk-giguploadfile .tk-uploadfile-doc,
.tk-hasborder,
.tk-headerbottom,
.tk-heartsave .tb_saved_items,
.tk-hero-banner-ten .tk-btn-secondary,
.tk-hero-banner-ten figure,
.tk-hero-banner-three .tk-tag:hover,
.tk-iconplay,
.tk-inputappend,
.tk-linklist li .active,
.tk-list-icon i,
.tk-login-content,
.tk-login-content .tb-form-btn > span,
.tk-loginform .form-check-input,
.tk-main-bg .tb-byadons,,
.tk-main-bg .tb-syncthumbnail,
.tk-main-bg .tb-extrasarticlesbg,
.tk-main-bg .tb-freelancersearch .tb-bestservicedetail,
.tk-main-bg .tb-postservice > .row > [class^=col-],
.tk-main-bg .tb-servicedetailtitle.tb-tehelpop,
.tk-main-bg .tb-singleservice-tile,
.tk-main-wrapper .tk-header-topbar + div,
.tk-main-wrapper .tk-header-v2,
.tk-marketitem figure span,
.tk-menufold .tk-asidenavbar > li .tk-asidedropdown,
.tk-message-holder,
.tk-navbarnav,
.tk-navicon span,
.tk-navicon span:first-child em,
.tk-noti_icon i,
.tk-noti_showall,
.tk-noti_wrap > li:not(.tk-notiwrap_title),
.tk-offcard,
.tk-offering_card,
.tk-online-content,
.tk-online-img-content a,
.tk-onoff label em,
.tk-onoff label em i,
.tk-opportunities-sec,,
.tk-projectsection,,
.tk-categoriessection,
.tk-optioanl-or span,
.tk-package-plan,
.tk-packageitem,
.tk-pagination ul li a, .tk-pagination ul li span,
.tk-paginationarea .swiper-pagination,
.tk-paymentways .tk-dbbox,
.tk-payoutmethod .payoutlists:before,,
.tb-payoutmethod .payoutlists:before,
.tk-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists,,
.tb-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists,
.tk-payoutmethod > li > input:checked + div,,
.tb-payoutmethod > li > input:checked + div,
.tk-placeholderholder,
.tk-postproject-new,
.tk-posttag li:hover a,
.tk-preloader,
.tk-pricing-card,
.tk-pricing-cards,
.tk-pricing-cardstwo,
.tk-pricing__content,
.tk-printable,
.tk-priorityradiov2 li,
.tk-profile-contentvtwo .tk-btn-primary:hover,
.tk-profile-form,
.tk-profilebox,
.tk-project-box,
.tk-project-box + .tk-profile-form,
.tk-project-type,
.tk-project-type-content,
.tk-project-wrapper .tk-template-serach,
.tk-project-wrapper-two,
.tk-project-wrapper-two .tk-project-box, .tk-project-wrapper-two > .tk-employerproject,
.tk-projectboxinner,
.tk-projectinfo,
.tk-projectpaid-list,
.tk-projects-footer .tk-btnline,
.tk-projectsactivity .tk-nav-tabs,
.tk-projectsinfo,
.tk-projectsstatus_head,
.tk-proposal-list li img,
.tk-prouserslist a.active, .tk-prouserslist a:hover,
.tk-qualification .tk-accordion_info,
.tk-rangeslider,
.tk-review-boxs,
.tk-savelisting > li,
.tk-search_category,
.tk-searchbar,
.tk-section-skeleton .tk-box,
.tk-seller-aside,
.tk-seller-counter-list li::after,
.tk-seller-graph,
.tk-seller-logo,
.tk-seller-project-activity .tk-counterinfo,
.tk-seller-project-activity .tk-employerproject, .tk-seller-project-activity .tk-projectsstatus_head,
.tk-seller-project-activity .tk-projectsactivity .tk-nav-tabs,
.tk-servicedetail,
.tk-serviesbann,
.tk-showmore,
.tk-sidebartabs__pkgtitle.nav-tabs .nav-link.active,
.tk-sideprofile,
.tk-skeletonarea,
.tk-skelton-wrapper .tk-services-skeleton .tk-skeletonarea,
.tk-skills-tags li > a:hover,
.tk-slider-content,
.tk-status-holder,
.tk-statusview_alert p,
.tk-stickynoti,
.tk-submitreview,
.tk-switch .form-check-input:checked,
.tk-switchbtn input:checked,
.tk-tab-content,
.tk-talent,
.tk-talents-search,
.tk-task-detail .tk-sync__content [data-vbtype=video] img,
.tk-template-list_content,
.tk-template-serach,
.tk-themesidebar,
.tk-timecard_list li.tk-timecard_btns,
.tk-timecardwraper,
.tk-tinymceeditor .mce-btn,
.tk-tinymceeditor .mce-panel,
.tk-tippytooltip + div .tippy-arrow:before,
.tk-tippytooltip + div .tippy-box,
.tk-tippytooltipholder em + div .tippy-arrow:before,
.tk-tippytooltipholder em + div .tippy-box,
.tk-today-timeslot li .form-control[readonly],
.tk-tooltiparrow:after,
.tk-topservicetask,
.tk-topservicetask .tk-card__img .tk-like a,
.tk-topservicetask__content > figure,
.tk-vlaue-btn,
.tk-vlaue-btn .tk-input-number,
.tk_splidev-two .tk-syncthumbnail__content,
.tl-bgwhite,
.wt-formpauoyt [type=radio]:checked + label:before,,
.wt-formpauoyt [type=radio]:not(:checked) + label:before,
button.tk-btnsolid-white,,
a.tk-btnsolid-white {
  background-color: var(--wq-card-bg) !important;
}

#toast-container.tk-notification > .toast-success a,
.btn-signup:hover, .btn-signup:focus,
.form-control,,
input[type=text],,
input[type=password],,
input[type=datetime],,
input[type=datetime-local],,
input[type=date],,
input[type=month],,
input[type=time],,
input[type=week],,
input[type=number],,
input[type=email],,
input[type=url],,
input[type=search],,
input[type=tel],,
input[type=color],,
select,,
.uneditable-input,,
textarea,
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title,
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content,
.litepicker .container__days .day-item,,
.litepicker .container__months .month-item-weekdays-row > div,
.litepicker .container__days .day-item.is-end-date,,
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-today,
.litepicker .container__days .day-item:hover,
.litepicker .container__months .month-item-header .button-previous-month > svg,,
.litepicker .container__months .month-item-header .button-next-month > svg,
.page-home-eleven .pb-themesection .tk-homebanner_content h1 span,
.page-home-nine .tk-profile-contentvtwo .tk-btn-primary:hover,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice span,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--single,
.select2-results__option[aria-selected],
.sub-menu > li:hover > a,
.sub-menu li.tb-wallet em,
.sub-menu li.tb-wallet span strong,
.tagify__dropdown__item,
.tb-actionselect > span,
.tb-alert-danger .tb-ordertitle h5,,
.tb-alert-danger .tb-ordertitle p,
.tb-alert-information .tb-ordertitle h5,,
.tb-alert-information .tb-ordertitle p,
.tb-alert-success .tb-ordertitle h5,,
.tb-alert-success .tb-ordertitle p,
.tb-asideprostatusv2 > a figure,
.tb-bordertags a,,
.tb-bordertags span,
.tb-btnvtwo, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default,
.tb-btnvtwo:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover, .tb-btnvtwo:focus, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:focus,
.tb-checkbox label,,
.tb-radio label,
.tb-deactived-popup .tb-alertpopup p,
.tb-deatlswithimg figure > span + span,
.tb-detail__title > span a,
.tb-detail__title > span,,
.tb-detail__title > em,
.tb-detail__title h6 a, .tb-detail__title .tk-verified-info strong a, .tk-verified-info .tb-detail__title strong a, .tb-detail__title .tk-verified-info > a a,
.tb-dhb-mainheading__rightarea em,
.tb-dhbbtnarea em,
.tb-dhbrateviews em,
.tb-eyeviews em,
.tb-featureRating > em,
.tb-featurelist li,
.tb-finaldelivery-alert .tb-ordertitle h5,,
.tb-finaldelivery-alert .tb-ordertitle p,,
.tb-finaldelivery-alert .tb-btnlink,
.tb-header .tb-navbarnav > li > a,
.tb-navtabs .nav-link.active,
.tb-orderrequest .tb-ordertitle h5,
.tb-orderrequest .tb-ordertitle p,
.tb-orderrequestv2 .tb-ordertitle h5,,
.tb-orderrequestv2 .tb-ordertitle p,
.tb-pdfdownload a,
.tb-planslist li h6 span, .tb-planslist li .tk-verified-info strong span, .tk-verified-info .tb-planslist li strong span, .tb-planslist li .tk-verified-info > a span,
.tb-popuptitle .close i,
.tb-popuptitle .close:hover,
.tb-profileinfo .tb-icondetails h6 a, .tb-profileinfo .tb-icondetails .tk-verified-info strong a, .tk-verified-info .tb-profileinfo .tb-icondetails strong a, .tb-profileinfo .tb-icondetails .tk-verified-info > a a,
.tb-profiletime span,
.tb-refunddetailswrap .tb-orderrequest .tb-ordertitle p,,
.tb-refunddetailswrap .tb-orderrequest .tb-ordertitle h5,
.tb-reg-option .tb-radio input[type=radio]:checked + label,
.tb-remove-payouts:hover,
.tb-serviceformwrap .tb-pricingtitle label,
.tb-settingtab li a,
.tb-switchservice > span,
.tb-table > tbody > tr td,
.tb-table > tbody > tr td > span,
.tb-table > thead > tr > th,
.tb-table > thead > tr > th .tb-checkbox label span,,
.tb-table > thead > tr > th .tb-radiobox label span,
.tb-table > thead > tr > th .tb-checkbox label,,
.tb-table > thead > tr > th .tb-radiobox label,
.tb-taskinfo h6, .tb-taskinfo .tk-verified-info strong, .tk-verified-info .tb-taskinfo strong, .tb-taskinfo .tk-verified-info > a,
.tb-taskinfo span,
.tb-themeselect_options li label,
.tb-titleinput,
.tb-tooltiptable tbody .tb-toolsummeryinfo td,
.tb-tooltiptable thead .tb-toolsummery,
.tb-totalfee li h6 span, .tb-totalfee li .tk-verified-info strong span, .tk-verified-info .tb-totalfee li strong span, .tb-totalfee li .tk-verified-info > a span,
.tb-uploadarea .tb-uploadbox > em,
.tb-username,
.tippy-arrow,
.tk-aboutseller .tk-blogviewdates li em,
.tk-accordion_title h5,
.tk-acknowledge-admin p,
.tk-acoridan_title h3,
.tk-action-icon li a,
.tk-action-icon li a i,
.tk-action-icon li a:hover,
.tk-actionselect > span,
.tk-add-more i,
.tk-additionolinfo > em,
.tk-additionolinfo > span,
.tk-addtime-slot li.tk-added-time a,
.tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title h6, .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title .tk-verified-info > a, .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title .tk-verified-info strong, .tk-verified-info .tk-addtionalservices-wrapper-two .tk-additionalservices .tk-additionalservices-title strong,
.tk-addtionalservices-wrapper-two .tk-additionalservices-title h6, .tk-addtionalservices-wrapper-two .tk-additionalservices-title .tk-verified-info > a, .tk-addtionalservices-wrapper-two .tk-additionalservices-title .tk-verified-info strong, .tk-verified-info .tk-addtionalservices-wrapper-two .tk-additionalservices-title strong,
.tk-advancefilter li .tk-form-checkbox span,
.tk-asideholder_title h2,
.tk-asidetitle h5,
.tk-asidetitle h5::after,
.tk-attechment-tittle i[aria-expanded=true]::before,
.tk-authinfo strong,
.tk-blog-list-item h4,
.tk-blogviewdates li span,
.tk-blogviewdates li span,,
.tk-blogviewdates li a,
.tk-blogviewdates.tk-projectinfo-list li,
.tk-blogviewdatesmd li em,
.tk-blogviewdatessm li > span em,
.tk-btn i,
.tk-btn-card,
.tk-btn-card i,
.tk-btn-login,
.tk-btn-login i,
.tk-btn-login:hover, .tk-btn-login:focus,
.tk-btn-signin i,
.tk-btn-solid-white,
.tk-btn-solid.tk-btnv2, .tk-btnv2.tk-btn-solid-sm, .tk-btnv2.tk-btn-solid-sm-lefticon, .tk-btnv2.tk-btn-solid-lg, .tk-btnv2.tk-btn-solid-lg-lefticon, .tk-btnv2.tk-btn-solid-lefticon, .tk-btnv2.tk-featuretag,
.tk-btn-two i, .tk-btn-secondary i,
.tk-btn-two, .tk-btn-secondary,
.tk-btn_decline,
.tk-btn_decline:hover,
.tk-btnlight,
.tk-btnlight:hover,
.tk-btnline,
.tk-btnline i,
.tk-btnline:hover, .tk-btnline:focus,
.tk-btnsolid-white,
.tk-btnv2.tk-btn,
.tk-btnviewpro .tk-btn-solid-lg, .tk-btnviewpro .tk-btn-solid-lg-lefticon,
.tk-btnviewpro a .tk-btn-solid-lg, .tk-btnviewpro a .tk-btn-solid-lg-lefticon,
.tk-btnviewpro a.tk-btn-solid-lg, .tk-btnviewpro a.tk-btn-solid-lg-lefticon,
.tk-categories-navbar .owl-nav > div:hover:before,
.tk-categoriesfilter .form-check-label,
.tk-categoriesfilter .form-check-label span,
.tk-category_childlist li > a,
.tk-category_childlist li > a i,
.tk-category_childlist li span,
.tk-contract-list li a,
.tk-counter-contant h3,
.tk-darkbtn,
.tk-darkbtn:hover, .tk-darkbtn:focus,
.tk-declinebtn,
.tk-declinebtn:focus, .tk-declinebtn:hover,
.tk-delivery-time .tk-delivery-days,
.tk-descriptions p,
.tk-dhb-mainheading h2,
.tk-dhb-mainheading__rightarea em,
.tk-dhbbtnarea em,
.tk-dispute_title span,
.tk-drafted,
.tk-drag-label,
.tk-employe-img a,
.tk-employe-price strong,
.tk-employe-work h3 a,
.tk-errorpage .tk-description p,
.tk-errorpage .tk-notfound-title em,
.tk-escrow > span, .tk-projectbtns span, .tk-gigtags li, .tk-total-title em, .tk-project-requirement_content > a, .tk-status-tabs_content > a,
.tk-experience-card h3,
.tk-expertswitch h2,
.tk-exploremore li span,
.tk-featured-listing .tk-price .tb-login-seller,
.tk-featured-listing .tk-price h4,
.tk-featured-listing > li .tk-verified-info h5,
.tk-features-list li span,
.tk-feedback-slider-button button,
.tk-feedback-slider-button button i,
.tk-feedback-slider-ratting h3,
.tk-formsearch .tk-themeform_title,
.tk-formsearchvtwo .tk-taskform .tk-search-icon i,
.tk-freelancer-holder .tk-tags_links li a:hover,
.tk-freelancer-user .tk-blogviewdatessm li > span a,
.tk-freelancerinfo-language li h6, .tk-freelancerinfo-language li .tk-verified-info > a, .tk-freelancerinfo-language li .tk-verified-info strong, .tk-verified-info .tk-freelancerinfo-language li strong,
.tk-generalsearch label, .tk-sortby label,
.tk-gigtags li,
.tk-gigtags li:hover,
.tk-header-actions-wrapper .tk-search_category .select2-container .select2-selection,
.tk-header-actions-wrapper .tk-search_category .tk-select:before, .tk-header-actions-wrapper .tk-search_category .tk-calendar:before,
.tk-header-actions-wrapper .tk-search_category input::placeholder,
.tk-header-user .tk-header-dash h6, .tk-header-user .tk-header-dash .tk-verified-info strong, .tk-verified-info .tk-header-user .tk-header-dash strong, .tk-header-user .tk-header-dash .tk-verified-info > a,
.tk-headerv3 .tk-navbarnav > li > a,,
.tk-headerv3 .tk-userlogin a,
.tk-headervtwo .tb-navbarnav > li > a,
.tk-heading-detail h3,
.tk-heart em,
.tk-heart i,
.tk-hero-banner-four .tk-homebanner_content .tk-tag:hover,
.tk-hero-banner-four .tk-homebanner_content h1 span,
.tk-hero-banner-ten .tk-btn-secondary,
.tk-hero-banner-ten .tk-btn-secondary i,
.tk-homebanner_content h1,
.tk-icon-bg .tk-add,
.tk-iconplay i,
.tk-invite-bidbtn,
.tk-invoice-table.tk-table > thead > tr > th,
.tk-itemlinksvtwo .tk-switchservice span,
.tk-jobdescription_list li,
.tk-linklist li .active,
.tk-list-heading h5,
.tk-locationtag a,
.tk-login-info h5,
.tk-main-wrapper .tk-header-v12 .tk-navbarnav > li > a i,
.tk-main-wrapper .tk-header-v13 .tk-navbarnav > li > a,
.tk-main-wrapper .tk-header-v13 .tk-search_category,
.tk-main-wrapper .tk-header-v13 .tk-search_category .form-control,
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select .select2-selection .select2-selection__rendered, .tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar .select2-selection .select2-selection__rendered,
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select:before,,
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar:before,
.tk-main-wrapper .tk-header-v13 .tk-search_category .tk-select:before, .tk-main-wrapper .tk-header-v13 .tk-search_category .tk-calendar:before,
.tk-main-wrapper .tk-header-v13 .tk-search_category input,
.tk-main-wrapper .tk-header-v13 .tk-search_category input::placeholder,
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li > a,
.tk-main-wrapper .tk-header-v3 .tk-navbarnav > li > a i,
.tk-main-wrapper .tk-header-v4 .tk-navbar .navbar-toggler,
.tk-main-wrapper .tk-header-v9 .tk-navbarnav > li > a i,
.tk-maintitle p,
.tk-message-attechemets span,
.tk-milestones-content-list li::after,
.tk-morebtn .tk-btn-more,
.tk-morebtn .tk-btn-more i,
.tk-navbarnav > li > a,
.tk-navbarnav > li > a > i,
.tk-noskills span,
.tk-notification-info p,
.tk-offcard_head h3,
.tk-ongoing-feature,
.tk-online-footer strong,
.tk-online-info > a,
.tk-online-location span,
.tk-online-user_content > a,
.tk-opportunity-button .tk-btn i,
.tk-order-detail li.tk-total-amount > span,
.tk-ordersumery-content .tk-status-tabs_content h6, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info > a, .tk-ordersumery-content .tk-status-tabs_content .tk-verified-info strong, .tk-verified-info .tk-ordersumery-content .tk-status-tabs_content strong,
.tk-ordersumery-content > strong,
.tk-otherproject .tk-project-price h4,
.tk-packageitem_starter p,
.tk-pakagelist-item a,
.tk-popup_title i,
.tk-popuptitle .close i,
.tk-popuptitle .close:hover,
.tk-postproject-new span,
.tk-postproject-title h3,
.tk-postproject-title p,
.tk-posttag li:hover a,
.tk-potfolioitem > a > i,
.tk-price h4,
.tk-price span,
.tk-price-two h4,
.tk-price-two span,
.tk-pricing-cards .tk-packagepopular > span,
.tk-priorityradio li label span,
.tk-priorityradiov2 li label span,
.tk-profile-content h1,
.tk-profilerrating li > em,
.tk-profilestatus li .tk-profiletime span,
.tk-project-boxvtwo .tk-attechment-tittle i[aria-expanded=true]::before,
.tk-project-image i,
.tk-project-price-two h4,
.tk-project-requirement > li i,
.tk-project-table-content > a:hover,
.tk-project-table-status table > thead > tr > th,
.tk-project-table-status table tbody tr > td,
.tk-project-tag,
.tk-project-tag-two,
.tk-project-type h6, .tk-project-type .tk-verified-info strong, .tk-verified-info .tk-project-type strong, .tk-project-type .tk-verified-info > a,
.tk-project-wrapper .tk-blogviewdates li span,,
.tk-project-wrapper .tk-blogviewdates li a,
.tk-project-wrapper-two > .tk-hastippy .tk-tippycontent::after,
.tk-projectinfo-list li,
.tk-projectpaid-list span,
.tk-projects-footer_user a,
.tk-projectsactivity .tk-nav-tabs li button.active,
.tk-projectsstatus_option > a,
.tk-prouserslist.owl-carousel .owl-nav button.owl-next:hover span, .tk-prouserslist.owl-carousel .owl-nav button.owl-next:active span,,
.tk-prouserslist.owl-carousel .owl-nav button.owl-prev:hover span,,
.tk-prouserslist.owl-carousel .owl-nav button.owl-prev:active span,
.tk-qualification .tk-accordion_title > a,
.tk-qualification-title span,
.tk-qualifinfo li span,,
.tk-qualifinfo li a,
.tk-radiolist label,
.tk-readmore a,
.tk-registerbtn,
.tk-requirement-tags span,
.tk-righticon > a,
.tk-save:hover,
.tk-savebtn em,
.tk-search-icon,
.tk-search_category input,
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-verified-info a,
.tk-section-accordion .accordion-button,
.tk-section-busines > span,
.tk-section-frequently .tk-section_title .tk-btn i,
.tk-section_desciption > a,
.tk-section_desciption > a i,
.tk-section_title h2,
.tk-select-features .tk-attechment-tittle h6::after, .tk-select-features .tk-attechment-tittle .tk-verified-info > a::after, .tk-select-features .tk-attechment-tittle .tk-verified-info strong::after, .tk-verified-info .tk-select-features .tk-attechment-tittle strong::after,
.tk-selected,
.tk-service-title h4,
.tk-servicesslider .tk-topservicetask .tk-featureRating address,
.tk-servicesslider .tk-topservicetask .tk-featureRating em,
.tk-sidebar-close,
.tk-sidebar-close:hover,
.tk-sidebarpkg-two .tk-packegeplan .tk-theme-color,
.tk-sidebartabs__pkgtitle.nav-tabs .nav-link,
.tk-sidebartabs__pkgtitle.nav-tabs .nav-link.active,
.tk-sideprofile .tk-blogviewdates li em,
.tk-sideprofile .tk-blogviewdates li span i ~ em,
.tk-skills li .form-check-label span,
.tk-skills-tags li > a,
.tk-skills-tags li > a:hover,
.tk-skills-tagsvtwo li > span a,
.tk-startingprice span,
.tk-statusview_tag:not(:hover) .tk-btn-solid, .tk-statusview_tag:not(:hover) .tk-btn-solid-sm, .tk-statusview_tag:not(:hover) .tk-btn-solid-sm-lefticon, .tk-statusview_tag:not(:hover) .tk-btn-solid-lg, .tk-statusview_tag:not(:hover) .tk-btn-solid-lg-lefticon, .tk-statusview_tag:not(:hover) .tk-btn-solid-lefticon, .tk-statusview_tag:not(:hover) .tk-featuretag,
.tk-subtotalbill > li:not(.tk-sumtotal),
.tk-success-tag:hover,
.tk-sumtotal,
.tk-sumtotal h6, .tk-sumtotal .tk-verified-info > a, .tk-sumtotal .tk-verified-info strong, .tk-verified-info .tk-sumtotal strong,
.tk-switch label,
.tk-switchbtn label,
.tk-switchbtn label span,
.tk-tab-content-heading,
.tk-tab-content-list li a,
.tk-table-row th em,
.tk-table-row th h5,
.tk-table-row th h6, .tk-table-row th .tk-verified-info > a, .tk-table-row th .tk-verified-info strong, .tk-verified-info .tk-table-row th strong,
.tk-table-row th p,
.tk-talent-rate li strong,
.tk-talent-title h3,
.tk-tasksdates > span,
.tk-template-serach h5,
.tk-themebanner_list li a.tk-btn-solid-white:hover,
.tk-themeform_title,,
.wk-themeform_title,
.tk-timecard_info a,
.tk-timecard_list li > span:before,
.tk-timecard_toggle,
.tk-timecard_toggle:focus, .tk-timecard_toggle:hover,
.tk-timecard_togglevtwo > a,
.tk-timeinfo .form-check-label span,
.tk-topcategory-card h3,
.tk-topservicetask .tk-card-title > a,
.tk-topservicetask__content .tk-startingprice span,
.tk-upload-list .tk-uploading span,
.tk-uploadfile-doc .tk-upload-list li span,
.tk-vlaue-btn span, .tk-dispute-tag, .tk-gigtags li span a, .tk-skills-tags li span a, .tk-blog-showmore, .tk-blog-tags, .tk-noofslides, .tk-project-tag-two, .tk-project-tag, .tk-onging, .select2-container--default .select2-selection--multiple .select2-selection__choice, .tk-featuretag,
.tk-wallet-popup_info .tk-form-checkbox label span,
.tk-wallet-popup_info p,
.tk-walletamount span,
.tk-walletsystem .tk-additionalservices__content .tk-additionalservices-title p,
.tk-work-title h4,
.valid-feedback,
.wk-inputicon:focus i, .wk-inputicon:hover i,
body,
button.tk-btn-yellow:hover, button.tk-btn-yellow-lg:hover, button.tk-btn-yellow:focus, button.tk-btn-yellow-lg:focus,,
a.tk-btn-yellow:hover,,
a.tk-btn-yellow-lg:hover,,
a.tk-btn-yellow:focus,,
a.tk-btn-yellow-lg:focus,
button.tk-btnsolid-white,,
a.tk-btnsolid-white,
h1 a,,
h2 a,,
h3 a,,
h4 a,,
h5 a,,
h6 a,,
.tk-verified-info strong a,,
.tk-verified-info > a a,
h1 a:hover,,
h2 a:hover,,
h3 a:hover,,
h4 a:hover,,
h5 a:hover,,
h6 a:hover,,
.tk-verified-info strong a:hover,,
.tk-verified-info > a a:hover,
h1,,
h2,,
h3,,
h4,,
h5,,
h6,,
.tk-verified-info strong,,
.tk-verified-info > a,
p ins {
  color: var(--wq-text-strong) !important;
}

.am-registration-type .tb-radiobox label,,
.tb-loginto label,
.btn-attech-file,
.btn-replytwo,
.form-check-label span,
.form-control::placeholder,,
input[type=text]::placeholder,,
input[type=password]::placeholder,,
input[type=datetime]::placeholder,,
input[type=datetime-local]::placeholder,,
input[type=date]::placeholder,,
input[type=month]::placeholder,,
input[type=time]::placeholder,,
input[type=week]::placeholder,,
input[type=number]::placeholder,,
input[type=email]::placeholder,,
input[type=url]::placeholder,,
input[type=search]::placeholder,,
input[type=tel]::placeholder,,
input[type=color]::placeholder,,
select::placeholder,,
.uneditable-input::placeholder,,
textarea::placeholder,
.form-control[disable]:nth-child(n),,
input[type=text][disable]:nth-child(n),,
input[type=password][disable]:nth-child(n),,
input[type=datetime][disable]:nth-child(n),,
input[type=datetime-local][disable]:nth-child(n),,
input[type=date][disable]:nth-child(n),,
input[type=month][disable]:nth-child(n),,
input[type=time][disable]:nth-child(n),,
input[type=week][disable]:nth-child(n),,
input[type=number][disable]:nth-child(n),,
input[type=email][disable]:nth-child(n),,
input[type=url][disable]:nth-child(n),,
input[type=search][disable]:nth-child(n),,
input[type=tel][disable]:nth-child(n),,
input[type=color][disable]:nth-child(n),,
select[disable]:nth-child(n),,
.uneditable-input[disable]:nth-child(n),,
textarea[disable]:nth-child(n),
.form-controltwo::placeholder,
.form-loader,
.more,
.select2-container--default .select2-search--inline .select2-search__field::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container:has(#select2-tk_category_opt-results) .select2-results__option > span, .select2-container:has(#select2-tk_category_opt_top-results) .select2-results__option > span,
.sub-menu li a,
.sub-menu li a i,
.tab-taskcontent .tb-tabtasktitle .form-control::placeholder,
.tb-actionlinks a,
.tb-actionselect .form-control,
.tb-actionselect .select2-container--default .select2-selection--single .select2-selection__rendered,
.tb-additionollist li h6 > span, .tb-additionollist li .tk-verified-info strong > span, .tk-verified-info .tb-additionollist li strong > span, .tb-additionollist li .tk-verified-info > a > span,
.tb-additionollist li p,
.tb-additonoltitle > i,
.tb-additonoltitle h5 span,
.tb-addtaskfile .tb-uploadbox > em,
.tb-btnplain,
.tb-btnvthree,
.tb-btnvthree:hover, .tb-btnvthree:focus,
.tb-checkoutbox span,
.tb-comentinfodetail > span,
.tb-deactivebtns .tb-btnplain:hover,
.tb-dhb-mainheading__rightarea em,
.tb-disputelist .tb-radiolist label,
.tb-extrasarticlesbg span,
.tb-eyeicon > a,
.tb-eyeicon > a i:after,
.tb-header .tb-userlogin a span,
.tb-header .tb-userlogin::after,
.tb-hiretaskpopup .tb-startingprice i em,
.tb-icondetails > a + a,
.tb-input-loader::after,
.tb-loginfooterinfo a em,
.tb-navtabs .nav-link,
.tb-onoff label span,
.tb-optionsbar em,
.tb-paymetdesc p,
.tb-payoutmode span,
.tb-plainbtn,
.tb-plainbtn:hover, .tb-plainbtn:focus,
.tb-popup .tb-sectiontitle p,
.tb-popupbtnarea .tb-checkbox span,
.tb-profilestatuses ~ em,
.tb-profilestatuses__pending,
.tb-radio-checked .payoutlists .tb-payoutmode span,
.tb-radioholder > a,
.tb-refunddetail_info .tb-taskinfo span,
.tb-refundform_form .tb-form-btn > span,
.tb-remove-payouts,
.tb-resvsionbtn-holder .tb-radio input[type=radio] + label span,
.tb-resvsionbtn-holder .tb-radio label span,
.tb-select-country:before,
.tb-select:before,,
.tk-select:before,,
.tk-calendar:before,
.tb-status-btn > a > span:first-child + em,
.tb-submitpopup .tk-form-checkbox span,
.tb-table > tbody > tr td > span > a > i,
.tb-table > tbody > tr td > span em,
.tb-tags .bg-new,
.tb-taskcountdown .tb-actionselect > span,
.tb-taskdeadline .select2-selection:before,
.tb-taskinfo h6 a i, .tb-taskinfo .tk-verified-info strong a i, .tk-verified-info .tb-taskinfo strong a i, .tb-taskinfo .tk-verified-info > a a i,
.tb-themeselect_value,
.tb-themeselect_value::after,
.tb-uploadarea > em,,
.tb-uploadarea .tb-uploadbox > em,
.tb-uploadbar li span,
.tb-username em,
.tb-viewdetails,
.tk-Reviews-detail a,
.tk-aboutproject-form .form-control::placeholder,
.tk-aboutseller .tk-blogviewdates li span,
.tk-accordion_title > i,
.tk-actionselect .form-control,
.tk-addtime-slot li > em,
.tk-addtime-slot li.tk-added-time a i,
.tk-advancebtn,
.tk-advancebtn span,
.tk-advertisment-area span,
.tk-anchor-tag,
.tk-anchor-tag:hover,
.tk-aside-content input[type=text]::placeholder,
.tk-asideadvertisment span,
.tk-asidedropdown a:hover,
.tk-asidenavbar li > a,
.tk-asidenavbar li > a .tk-arrownicon,
.tk-awaiting,
.tk-awaiting-pointer::after,
.tk-bg-grey a,
.tk-bg-grey::after,
.tk-blog-tag span,
.tk-blogviewdates li em,
.tk-blogviewdates li span i,
.tk-blogviewdatesmd li span,
.tk-blogviewdatessm li > a,
.tk-blogviewdatessm li > a > i,
.tk-blogviewdatessm li > span,
.tk-blogviewdatessm li > span i,
.tk-btn-heart,
.tk-btn-line[disable] i, [disable].tk-btn-solid i, [disable].tk-featuretag i, [disable].tk-btn-solid-lefticon i, [disable].tk-btn-solid-lg i, [disable].tk-btn-solid-lg-lefticon i, [disable].tk-btn-solid-sm i, [disable].tk-btn-solid-sm-lefticon i,,
[disable].tk-redbtn i, [disable].tk-btn-line-lefticon i, [disable].tk-btn-line-lg i, [disable].tk-btn-line-lg-lefticon i, [disable].tk-btn-line-sm i, [disable].tk-btn-line-sm-lefticon i,,
.tk-btn-yellow[disable] i,,
[disable].tk-btn-yellow-lg i,
.tk-btn-line[disable], [disable].tk-btn-solid, [disable].tk-featuretag, [disable].tk-btn-solid-lefticon, [disable].tk-btn-solid-lg, [disable].tk-btn-solid-lg-lefticon, [disable].tk-btn-solid-sm, [disable].tk-btn-solid-sm-lefticon,,
[disable].tk-redbtn, [disable].tk-btn-line-lefticon, [disable].tk-btn-line-lg, [disable].tk-btn-line-lg-lefticon, [disable].tk-btn-line-sm, [disable].tk-btn-line-sm-lefticon,,
.tk-btn-yellow[disable],,
[disable].tk-btn-yellow-lg,
.tk-btn-plain,
.tk-btn-plain:hover, .tk-btn-plain:focus,
.tk-btnviewpro .tk-fav-item,
.tk-busines_content_tabs .nav button,
.tk-busines_content_tabs .nav button.active,
.tk-busines_content_tabs .nav button:hover,
.tk-categories-nav > ul > li > a,,
.tk-categories-nav .tk-categories-nav__content > a,
.tk-categories-navbar .owl-nav > div:before,
.tk-category_childlist li em,
.tk-category_info span,
.tk-catsubmenu ul li a,
.tk-clients_title h2,
.tk-comment-inbox i,
.tk-complete-title h5 span,
.tk-completestatus_budget strong,
.tk-counter-icon-button a,
.tk-counterinfo_list li span,
.tk-create-button,
.tk-custom-dropdown > span,
.tk-custom-dropdown > span::after,
.tk-decline,
.tk-decline:hover,
.tk-disable-slot span, .tk-disable-slot em,
.tk-dispute-pointer::after,
.tk-dispute_title span em,
.tk-dropdowarrow,
.tk-edit,
.tk-edit-project,
.tk-edit-project:hover,
.tk-edit:hover,
.tk-editbtn,
.tk-employe-footer .tk-btn-card,
.tk-employe-title > a .fa-heart,
.tk-errorpage .tk-notfound-title h4,
.tk-errorpage .tk-notfound-title span,
.tk-exploremore li em,
.tk-faq_input .tk-inputappend > i,
.tk-filterbtns a,
.tk-formsearchvtwo .tk-taskform .tk-inputicon:hover i,
.tk-freelancer-content-two > a,
.tk-freelancer-user .tk-blogviewdatessm li > span,
.tk-freelancer-user > a,
.tk-freelancerinfo-language li > span,
.tk-fromreceiver span,
.tk-fwidget_contact_list li > span,
.tk-gray-tag,
.tk-header-user .tk-header-dash span,
.tk-headerformbtn .tk-btnvtwo,
.tk-heading-detail h6, .tk-heading-detail .tk-verified-info > a, .tk-heading-detail .tk-verified-info strong, .tk-verified-info .tk-heading-detail strong,
.tk-heart,
.tk-hero-banner-eight .tk-search_category > input::placeholder,
.tk-hero-banner-nine .tk-homebanner_categories .tk-icon-wrapper > i,
.tk-hero-banner-three .tk-tag:hover,
.tk-icon-gray,
.tk-infoprofile > span,
.tk-inputappend_right .tk-advancebtn,
.tk-inputappend_right .tk-advancebtn:hover,
.tk-inputicon .select2-container--default .select2-selection--single .select2-selection__rendered,
.tk-inputicon i,
.tk-inputiconbtn a,
.tk-invite-bidbtn[disabled],
.tk-items-colors li a,
.tk-items-colors li::after,
.tk-label,
.tk-label i,
.tk-like a,
.tk-like-thumb i,
.tk-linklist li a,
.tk-login-content .tb-form-btn > span,
.tk-login-content .tk-themeform__wrap .form-check-label span,
.tk-loginform .tk-placeholderholder .form-control::placeholder,
.tk-lost-password span,
.tk-main-sectionv2 .tk-main-title-holder .tk-maintitle h3,
.tk-main-wrapper .tk-header-v12 .tk-navbarnav > li > a,
.tk-mainlist li.tb-unavailable,
.tk-maintitle .tk-colorgray,
.tk-maintitle-two > span,
.tk-maintitlev2 > span,
.tk-marketitem figure span,
.tk-message-adminreply::before,
.tk-message-content strong,
.tk-nav-link-button i,
.tk-navbarnav .tk-dropdowarrow i,
.tk-navbarnav > li > a,
.tk-noti_empty em,
.tk-noti_empty span,
.tk-noti_icon i,
.tk-noti_showall a,
.tk-notification-info em,
.tk-offcard_footer .tk-btn-card,
.tk-ongoing-date i,
.tk-online-footer span,
.tk-online-location em,
.tk-online-stars em,
.tk-online-tabs .nav .nav-link,
.tk-online-tabs .nav button,
.tk-optioanl-or span,
.tk-order-detail li h6 em, .tk-order-detail li .tk-verified-info > a em, .tk-order-detail li .tk-verified-info strong em, .tk-verified-info .tk-order-detail li strong em,
.tk-ordersumery-content .tk-status-tabs_content span,
.tk-ordersumery-content > p,
.tk-ordersumery-content > span,
.tk-otherproject .tk-verified-info .tk-btnline,
.tk-otherproject .tk-verified-info .tk-btnline i,
.tk-package-list li em,
.tk-package-list_title em,
.tk-pagination ul li a, .tk-pagination ul li span,
.tk-paginationarea .swiper-button-next > i, .tk-paginationarea .swiper-button-prev > i,
.tk-paginationarea .swiper-pagination .swiper-pagination-total,
.tk-pakagedetail::after,
.tk-pakagelist-item a em,
.tk-password-clr_light,
.tk-password-clr_light:hover,
.tk-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists .tb-payoutmode span,,
.tb-payoutmethod .tb-radiobox input[type=radio]:checked + .payoutlists .tb-payoutmode span,
.tk-payoutmethod > li > input:checked + div label .tb-payoutmode span,,
.tb-payoutmethod > li > input:checked + div label .tb-payoutmode span,
.tk-pending,
.tk-placeholder span,
.tk-postproject-new p,
.tk-posttag li a,
.tk-pricing__content > em,
.tk-proactivity_info h6 span, .tk-proactivity_info .tk-verified-info > a span, .tk-proactivity_info .tk-verified-info strong span, .tk-verified-info .tk-proactivity_info strong span,
.tk-profeesonolinfo h6, .tk-profeesonolinfo .tk-verified-info > a, .tk-profeesonolinfo .tk-verified-info strong, .tk-verified-info .tk-profeesonolinfo strong,
.tk-profilerrating li > i,
.tk-profilerrating li > span,
.tk-proinvoices_table thead tr th i,
.tk-project-share a,
.tk-project-table-content .tk-blogviewdates li span,
.tk-project-table-status table > thead > tr > th i,
.tk-project-type p,
.tk-project-wrapper .tk-blogviewdates li > span,
.tk-project-wrapper .tk-blogviewdates li i,
.tk-projectinfo-list li i,
.tk-projectsactivity .tk-nav-tabs li button,
.tk-projectsstatus_budget strong,
.tk-proposal h5 span,
.tk-proposal-list li > span,
.tk-prouserslist.owl-carousel .owl-nav button.owl-next span,,
.tk-prouserslist.owl-carousel .owl-nav button.owl-prev span,
.tk-qualifinfo li span i,,
.tk-qualifinfo li a i,
.tk-radiobox label > a,
.tk-radiobox label span,
.tk-readmorebtn,
.tk-readmorebtn:hover,
.tk-refunded,
.tk-review-box h4 em,
.tk-review-time,
.tk-reviews-time,
.tk-reviwername .tk-featureratings h6, .tk-reviwername .tk-featureratings .tk-verified-info > a, .tk-reviwername .tk-featureratings .tk-verified-info strong, .tk-verified-info .tk-reviwername .tk-featureratings strong,
.tk-save,
.tk-save a,
.tk-save i,
.tk-searchbar .tk-themeform__wrap .tk-formbtns .tk-btnvtwo,
.tk-searchgig_listing .tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li span,
.tk-selecthas-icon i,
.tk-seller-item a i,
.tk-sharepro,
.tk-sharepro i,
.tk-sidebar-title > em,
.tk-sidebarad span,
.tk-sidebarpkg__btn .tk-btnline,
.tk-sidebarpkg__btn .tk-btnline i,
.tk-startchat_msg,
.tk-status-point::after,
.tk-status-tabs_content > p,
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li em,
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li i,
.tk-tabbitem__listtwo .tk-icondetails .tk-rateviews li span,
.tk-table-row th span,
.tk-tablelist li::after,
.tk-tag,
.tk-talent-tags ul li a,
.tk-talent-tags ul li span,
.tk-talent-title h3 a,
.tk-task-detail-loader span,
.tk-taskform .tk-inputicon:hover i,
.tk-template-view li,
.tk-template-view li i,
.tk-template-view li span, .tk-template-view li > a,
.tk-termconditionlist li,
.tk-timecard_head > h6 i, .tk-timecard_head.tk-verified-info > a i, .tk-verified-info .tk-timecard_head > strong i,
.tk-toggler-btn,
.tk-topservicetask .tk-card-title .tk-like a,
.tk-topservicetask__content .tk-featureRating address,
.tk-topservicetask__content .tk-featureRatingv2 > em,
.tk-topservicetask__content .tk-featureRatingv2 h6 em, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info > a em, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info strong em, .tk-verified-info .tk-topservicetask__content .tk-featureRatingv2 strong em,
.tk-topservicetask__content .tk-featureRatingv2 h6, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info > a, .tk-topservicetask__content .tk-featureRatingv2 .tk-verified-info strong, .tk-verified-info .tk-topservicetask__content .tk-featureRatingv2 strong,
.tk-topservicetask__content .tk-startingprice i,
.tk-user-info span,
.tk-userlogin .tk-hasbalance,
.tk-userlogin a,
.tk-usermenu li a,
.tk-usernoti > a,
.tk-verified-info > a,
.tk-vlaue-btn a,
.tk-vlaue-btn span,
.wk-inputicon i,
.wk-select:before,
.wo-inputicon i,
button.tk-btn-plain,,
a.tk-btn-plain,
button.tk-btn-plain:hover, button.tk-btn-plain:focus,,
a.tk-btn-plain:hover,,
a.tk-btn-plain:focus {
  color: var(--wq-text-muted) !important;
}

/* ---------------------------------------------------------------------- */
/* Social login (Google / VKontakte) buttons on login & register forms    */
/* ---------------------------------------------------------------------- */
.wq-social-login {
  margin-top: 20px;
}
.wq-social-login__divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 18px 0;
  color: var(--wq-text-muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.wq-social-login__divider::before,
.wq-social-login__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--wq-border);
}
.wq-social-login__divider span {
  padding: 0 12px;
}
.wq-social-login__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wq-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 150px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid var(--wq-border);
  background: var(--wq-card-bg-alt);
  color: var(--wq-text-strong);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}
.wq-social-btn:hover,
.wq-social-btn:focus {
  border-color: var(--wq-primary);
  background: var(--wq-primary-light);
  color: var(--wq-text-strong);
  text-decoration: none;
  transform: translateY(-1px);
}
.wq-social-btn svg {
  flex-shrink: 0;
}
.wq-social-btn--vk {
  color: var(--wq-text-strong);
}
.wq-social-btn--vk:hover,
.wq-social-btn--vk:focus {
  border-color: var(--wq-secondary);
  background: var(--wq-secondary-light);
}