@charset "UTF-8";
/** ====== Sass function ====== **/
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --themecolor: #fdb022;
}

/* theme color scheme page setting start */
.tk-section-frequently .tk-section_title .tk-btn span,
.tk-btn-card.active,
.tk-btn-card:hover,
.tk-btn-card:focus,
.tk-btn-card:hover span,
.tk-btn-card:focus span,
.tk-packageitem:hover .tk-btn-card,
.tk-hero-banner-four .tk-homebanner_content .tk-search_icon,
.tk-btn-signin,
.tk-opportunity-button .tk-btn,
.tk-btn-two:hover,
.tk-btn-two:focus,
.tk-btn-secondary:hover,
.tk-btn-secondary:focus,
.tk-btn-two:hover span,
.tk-btn-two:focus span,
.tk-btn-secondary:hover span,
.tk-btn-secondary:focus span,
.tk-btn-two:hover i,
.tk-btn-two:focus i,
.tk-btn-secondary:hover i,
.tk-btn-secondary:focus i,
.tk-opportunity-button .tk-btn i,
.tk-opportunity-button .tk-btn:hover,
.tk-opportunity-button .tk-btn:focus,
.tk-btn:hover span,
.tk-btn:focus span,
.tk-opportunity-button .tk-btn:hover span,
.tk-opportunity-button .tk-btn:focus span,
.tk-opportunity-button .tk-btn:hover i,
.tk-opportunity-button .tk-btn:focus i,
.tk-packagepopular>span,
.tk-section-frequently .tk-section_title .tk-btn:hover,
.tk-section-frequently .tk-section_title .tk-btn:focus,
.tk-section-frequently .tk-section_title .tk-btn:hover span,
.tk-section-frequently .tk-section_title .tk-btn:focus span {
  color: #000;
}

.tk-howworkleft {
  border-radius: 0 20px 20px 0;
}

/* theme color scheme page setting end */
/* global page color scheme style start */
.tb-searchresult-section .tb-filterselect .tb-inputicon a,
.tagify__dropdown__item:hover,
.tb-dots .owl-dot.active,
.tk-feedback-slider-button button:focus,
.tk-feedback-slider-button button::before,
.tk-hero-banner-eleven .tk-search_category .tk-search_icon,
.tk-hero-banner-twelve .tk-search_icon,
.tk-hero-banner-eight .tk-search_category .tk-search_icon,
.tk-hero-banner-ten .tk-btn-secondary::before,
.tk-hero-banner-ten .tk-btn-secondary:hover,
.tk-hero-banner-ten .tk-btn-secondary:focus,
.tk-hero-banner-ten .tk-homebanner_content h1 span::after,
.tk-hero-banner-seven .tk-homebanner_content h1 span::after,
.tk-hero-banner-seven .tk-search_category .tk-search_icon,
.tk-hero-banner-six .tk-bannertopserch .tk-homebanner_content h1 span::after,
.tk-hero-banner-five .tk-homebanner_content h1 span::after,
.tk-hero-banner-five .tk-search_category .tk-search_icon,
.tk-hero-banner-four .tk-homebanner_content h1 span::after,
.tk-hero-banner-four .tk-homebanner_content .tk-search_icon,
.tk-hero-banner-four .tk-search_category .tk-search_icon,
.tk-hero-banner-four .tk-tag:hover,
.tk-homebanner-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tk-tag:hover,
.tk-btn-two::before,
.tk-btn-secondary::before,
.tk-btn-two:hover,
.tk-btn-two:focus,
.tk-btn-secondary:hover,
.tk-btn-secondary:focus,
.tk-hero-banner-two .tk-bannerframe_content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tk-hero-banner-two .swiper-pagination .swiper-pagination-bullet-active,
.tk-search_category .tk-search_icon,
button.tk-btn-yellow,
button.tk-btn-yellow-lg,
a.tk-btn-yellow,
a.tk-btn-yellow-lg,
.tk-btn,
.tk-btn::before,
.tk-btn:hover,
.tk-btn:focus,
.tk-talent:hover a.tk-btn-card,
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,
.tk-btn-solid,
.tk-btn-solid-sm,
.tk-btn-solid-sm-lefticon,
.tk-btn-solid-lg,
.tk-btn-solid-lg-lefticon,
.tk-btn-solid-lefticon,
.tk-featuretag,
.tk-redbtn,
.tk-btn-solid:hover,
.tk-btn-solid-sm:hover,
.tk-btn-solid-sm-lefticon:hover,
.tk-btn-solid-lg:hover,
.tk-btn-solid-lg-lefticon:hover,
.tk-btn-solid-lefticon:hover,
.tk-featuretag:hover,
.tk-btn-solid:focus,
.tk-btn-solid-sm:focus,
.tk-btn-solid-sm-lefticon:focus,
.tk-btn-solid-lg:focus,
.tk-btn-solid-lg-lefticon:focus,
.tk-btn-solid-lefticon:focus,
.tk-featuretag:focus,
.tk-redbtn:hover,
.tk-redbtn:focus,
.tk-btn-line:hover,
.tk-btn-line-sm:hover,
.tk-btn-line-sm-lefticon:hover,
.tk-btn-line-lg:hover,
.tk-btn-line-lg-lefticon:hover,
.tk-btn-line-lefticon:hover,
.tk-btn-solid:hover,
.tk-btn-solid-sm:hover,
.tk-btn-solid-sm-lefticon:hover,
.tk-btn-solid-lg:hover,
.tk-btn-solid-lg-lefticon:hover,
.tk-btn-solid-lefticon:hover,
.tk-featuretag:hover,
.tk-redbtn:hover,
.tk-btn-line:focus,
.tk-btn-line-sm:focus,
.tk-btn-line-sm-lefticon:focus,
.tk-btn-line-lg:focus,
.tk-btn-line-lg-lefticon:focus,
.tk-btn-line-lefticon:focus,
.tk-btn-solid:focus,
.tk-btn-solid-sm:focus,
.tk-btn-solid-sm-lefticon:focus,
.tk-btn-solid-lg:focus,
.tk-btn-solid-lg-lefticon:focus,
.tk-btn-solid-lefticon:focus,
.tk-featuretag:focus,
.tk-redbtn:focus,
.tk-btn-yellow:hover,
.tk-btn-yellow-lg:hover,
.tk-btn-yellow:focus,
.tk-btn-yellow-lg:focus,
.tb-btnvtwo,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default,
.tb-btn:hover,
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:hover,
.tb-btnvtwo:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.tb-btn,
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button,
.tb-btnvtwo,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-defaul,
.tk-section_desciption>a::before,
.tk-section_desciption>a:hover,
.tk-section_desciption>a:focus,
.tk-btn-signin,
.tk-btn-signin::before,
.tk-btn-signin:hover,
.tk-btn-signin:focus,
.tk-navbarnav>li::after,
.tk-navbar .navbar-toggler,
.tk-login_title,
.am-registration-type .tb-radiobox input[type="radio"]:checked+label,
.tb-loginto input[type="radio"]:checked+label,
.tk-search-icon,
.tk-pricing__content:hover>.tk-btn,
.tb-away:before,
.tk-main-sectionv2 .tk-main-title-holder .tk-btn2-wrapper .tk-sectionbtn,
.tk-tabs-button,
.tk-withdraw-button,
.tk-profile-contentvtwo .tk-btn,
.tk-offcard:hover .tk-btn-card,
.tk-btn-card::before,
.tk-btn-card:hover,
.tk-btn-card:focus,
.tk-btn-card.active,
.tk-morebtn .tk-btn-more::before,
.tk-morebtn .tk-btn-more:hover,
.tk-morebtn .tk-btn-more:focus,
.tk-section-frequently .tk-section_title .tk-btn,
.tk-section-frequently .tk-section_title .tk-btn::before,
.tk-section-frequently .tk-section_title .tk-btn:hover,
.tk-section-frequently .tk-section_title .tk-btn:focus,
.tk-packagepopular>span,
.tk-packageitem:hover .tk-btn-card,
.tk-employe-footer .tk-employe-button:hover,
.tk-pricing-card .tk-packagepopular .tk-btn-card,
.tk-opportunity-button .tk-btn,
.tk-opportunity-button .tk-btn::before,
.tk-opportunity-button .tk-btn:hover,
.tk-cardprojecttitle h4:after,
.tk-bannerlist li:after,
.tk-opportunity-button .tk-btn:focus {
  background-color: var(--themecolor);
}

.tk-btn-primary {
  background-color: var(--themecolor) !important;
  color: #000;
}

.tk-btn-line,
.tk-btn-line-sm,
.tk-btn-line-sm-lefticon,
.tk-btn-line-lg,
.tk-btn-line-lg-lefticon,
.tk-btn-line-lefticon,
.tk-btn-solid,
.tk-btn-solid-sm,
.tk-btn-solid-sm-lefticon,
.tk-btn-solid-lg,
.tk-btn-solid-lg-lefticon,
.tk-btn-solid-lefticon,
.tk-featuretag,
.tk-redbtn,
.tk-btn-yellow,
.tk-btn-yellow-lg {
  border: 2px solid var(--themecolor);
}

.tk-seller-counter-list li:hover a,
.tk-btnviewpro .tk-btn-solid-lg:hover,
.tk-btnviewpro .tk-btn-solid-lg-lefticon:hover,
.tk-btnsolid-white:hover,
.tk-btnsolid-white:focus {
  background-color: var(--themecolor) !important;
}

.tk-btn-yellow:hover,
.tk-btn-yellow-lg:hover,
.tk-btn-yellow:focus,
.tk-btn-yellow-lg:focus {
  border-color: var(--themecolor);
  background-color: var(--themecolor);
}

.tk-featuretag:hover,
.tk-featuretag:focus,
.tk-featuretag {
  color: var(--themecolor);
  background-color: var(--themecolor);
}

.tb-ordertitle a,
.tb-icondetails .tb-desclinks li a,
.tb-readmorebtn:hover,
.tk-anchor,
.tb-tabbitem__listtwo .tb-icondetails>a,
.tb-icondetails>a,
.bg-yellow,
.tb-theme-color,
.tb-blue,
.tb-theme-color,
.tk-homebanner_content h1 span,
.tb-checkbox label:after,
.tb-radio label:after,
.select2-container--default .select2-selection--multiple .select2-selection__clear,
.tk-tagline span,
.tk-hero-banner-two .tk-homebanner_content h1 span,
.tb-taskinfo h6 a:hover,
.tb-taskinfo .tk-verified-info>a a:hover,
.tb-taskinfo .tk-verified-info strong a:hover,
.tk-verified-info .tb-taskinfo strong a:hover,
.tb-profileform__title--rightarea>a,
.tb-uploadarea>em label,
.tb-uploadarea .tb-uploadbox>em label,
.tb-earningcost__item span,
.tk-project-box>h5>a,
.tk-project-box>h5>a:hover,
.tk-section_title>span,
.tk-loginform .form-group_action .tk-password-clr_light,
.tk-upload-list li span,
.tk-uploadphoto label,
.tb-desclinks li a,
.tb-desclinks li a::after,
.tk_show_education,
.tk-savelisting>li:hover .tk-itemlinksvtwo .tk-startingprice span,
.tk-project-requirement_content>a,
.tk-skills-tags li span a,
.tk-employerproject-edit h4,
.tk-gigtags li span a,
.tk-working-rate .tk-project-price>span,
.tk-continue,
.tk-projectsstatus_budget strong span,
.tk-statusview_title span,
.tk-profile-content .tk-tagline span,
.tk-work-title strong,
.tk-online-user em,
.tk-cardprojecttitle strong,
.tk-info-box-layout-1 .tk-info-box-content .tk-subtitle,
.tk-opportunity>.tk-section_title>span,
.pb-themesection.tk-cpunterwrapper .tk-profile-content .tk-tagline span {
  color: var(--themecolor);
}

.tk-feedback-slider-description svg [fill="#EE4710"],
.tk-hero-banner-five .tk-banner-shape svg path,
.tk-opportunity figure svg rect {
  fill: var(--themecolor);
}

.tb-edit {
  color: var(--themecolor) !important;
}

.tk-projectbtns-two li button:hover,
.tb-radio-checked .tb-radio label:before,
.tk-payoutmethod>li>input:checked+div label:before,
.tk-feedback-slider-button button:hover,
.tb-payoutmethod>li>input:checked+div label:before {
  background-color: var(--themecolor);
  border-color: var(--themecolor);
}

.tk-create-button:hover {
  background: var(--themecolor);
  border: 1px solid var(--themecolor);
}

.tk-packagepopular {
  border: 2px solid var(--themecolor);
}

.tk-opportunity::after {
  background: conic-gradient(from calc(var(--angle) + var(--start-angle)), transparent 0, var(--themecolor) 40%, transparent 45%);
}

.page-home-five .tk-profile-contentvtwo .tk-btn,
.tk-profile-contentvtwo .tk-btn,
.page-home-eleven .tk-profile-contentvtwo .tk-btn {
  border: 1px solid #FFF;
  background-color: transparent;
}

.tk-profile-contentvtwo .tk-tagline span {
  color: #fff;
}

.page-home-five .tk-profile-contentvtwo .tk-btn:hover,
.tk-profile-contentvtwo .tk-btn:hover,
.page-home-eleven .tk-profile-contentvtwo .tk-btn:hover {
  border-color: var(--themecolor);
}

/* global page color scheme style start */
.tk-btn-signin:hover span,
.tk-btn-signin:focus span,
.tk-offcard:hover .tk-btn-card,
.tk-feedback-slider-button button:hover i,
.tk-feedback-slider-button button:focus i,
.tk-search_category .tk-search_icon {
  color: #000;
}

.tk-employe-info:hover .tk-employe-button {
  color: #fff;
  background-color: var(--themecolor)
}

.tk-hero-banner-four .tk-homebanner_content .tk-tag:hover {
  background-color: var(--themecolor)
}

.tk-profile-contentvtwo,
.tk-profile-content.tk-profile-contentvtwo {
  background-color: var(--themecolor) !important;
  background: var(--themecolor) !important;
}

.tk-profile-contentvtwo h2,
.tk-profile-contentvtwo h2 span,
.tk-profile-contentvtwo p,
.tk-profile-contentvtwo .tk-bannerlist li,
.tk-profile-contentvtwo .tk-tagline span,
.tk-profile-contentvtwo span {
  color: #FFFFFF !important;
}

.tk-profile-contentvtwo .tk-btn,
.tk-profile-contentvtwo .tk-btn-primary,
.tk-profile-contentvtwo a.tk-btn,
.tk-profile-contentvtwo a.tk-btn-primary {
  background-color: #FFFFFF !important;
  color: #0A0F26 !important;
  border: 1px solid #FFFFFF !important;
}

.tk-profile-contentvtwo .tk-btn span,
.tk-profile-contentvtwo .tk-btn-primary span,
.tk-profile-contentvtwo a.tk-btn span,
.tk-profile-contentvtwo a.tk-btn-primary span {
  color: #0A0F26 !important;
}

.tk-profile-contentvtwo .tk-btn:hover,
.tk-profile-contentvtwo .tk-btn-primary:hover,
.tk-profile-contentvtwo a.tk-btn:hover,
.tk-profile-contentvtwo a.tk-btn-primary:hover {
  background-color: #F8FAFC !important;
  color: #0A0F26 !important;
  border-color: #FFFFFF !important;
}

.tk-profile-contentvtwo .tk-btn:hover span,
.tk-profile-contentvtwo .tk-btn-primary:hover span {
  color: #0A0F26 !important;
}

html,
body,
main,
.tk-main-wrapper,
.tk-homepage,
.wr-overxhidden {
  overflow: visible !important;
  overflow-x: clip !important;
}

.tk-header,
header.tk-header,
.tk-header>.container-fluid,
.tk-headerwrap {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  background-color: #ffffff !important;
}

/* Custom Header Navigation Menu Enhancements */
.tk-headerwrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
}

.tk-navbar {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
}

.tk-navbarnav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.tk-navbarnav>li {
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.tk-navbarnav>li>a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: transparent !important;
}

.tk-navbarnav>li>a span {
  white-space: nowrap !important;
  display: inline-block !important;
}

.tk-navbarnav>li>a i {
  font-size: 11px !important;
  margin-left: 2px !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
}

.tk-navbarnav>li:hover>a {
  color: #0f172a !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-1px) !important;
}

.tk-navbarnav>li:hover>a i {
  transform: rotate(180deg) !important;
  color: var(--themecolor, #fdb022) !important;
}

.tk-navbarnav>li.active>a {
  color: #0f172a !important;
  font-weight: 600 !important;
  background-color: rgba(253, 176, 34, 0.15) !important;
}

/* Sub-Menu / Dropdown Aesthetics */
/* Level 1 Submenu - Drops down below main top navigation item */
.sub-menu,
.tk-navbarnav>li>.sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  min-width: 230px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px -5px rgba(0, 0, 0, 0.12), 0 8px 12px -6px rgba(0, 0, 0, 0.04) !important;
  padding: 8px !important;
  margin-top: 6px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
  z-index: 9999 !important;
  list-style: none !important;
}

.tk-navbarnav>li:hover>.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.sub-menu li,
.tk-navbarnav .sub-menu li {
  position: relative !important;
  width: 100% !important;
  margin: 2px 0 !important;
  white-space: nowrap !important;
}

.sub-menu li a,
.tk-navbarnav .sub-menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 14px !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #475569 !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.sub-menu li a:hover,
.tk-navbarnav .sub-menu li a:hover {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  padding-left: 18px !important;
  font-weight: 500 !important;
}

.sub-menu li.page-item-has-children>a i,
.tk-navbarnav .sub-menu li.page-item-has-children>a i {
  transform: rotate(-90deg) !important;
  font-size: 11px !important;
}

/* Level 2+ Submenu - Opens smoothly with bridge to prevent hover loss */
.sub-menu li .sub-menu,
.tk-navbarnav .sub-menu li .sub-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  right: auto !important;
  min-width: 230px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px -5px rgba(0, 0, 0, 0.12), 0 8px 12px -6px rgba(0, 0, 0, 0.04) !important;
  padding: 8px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  transition: opacity 0.15s ease, visibility 0.15s ease !important;
  z-index: 100000 !important;
  list-style: none !important;
}

.sub-menu li .sub-menu::before,
.tk-navbarnav .sub-menu li .sub-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -10px !important;
  bottom: -10px !important;
  left: -20px !important;
  width: 25px !important;
  background: transparent !important;
}

.sub-menu li:hover>.sub-menu,
.tk-navbarnav .sub-menu li:hover>.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* Mobile Responsiveness */
@media (max-width: 1199px) {
  .tk-headerwrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 8px 12px !important;
    position: relative !important;
  }

  /* 1. Left Side: Logo */
  .tk-logo {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
  .tk-logo img {
    max-height: 38px !important;
    width: auto !important;
  }

  /* 2. Center: Sign In Button */
  .tk-header-actions-wrapper {
    order: 2 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 8px !important;
  }
  .tk-headerwrap__right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .tk-btn-login {
    padding: 6px 12px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    color: #334155 !important;
  }
  .tk-btn-signin {
    display: none !important;
  }

  /* 3. Right Side: Menu Bar Icon (Hamburger Toggler) */
  .tk-navbar {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }
  .navbar-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #facc15 0%, #eab308 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(234, 179, 8, 0.3) !important;
    color: #0f172a !important;
    cursor: pointer !important;
  }
  .navbar-toggler i {
    color: #0f172a !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  /* Expanded Mobile Menu Drawer */
  #tenavbar {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 20px !important;
    z-index: 999999 !important;
    border-radius: 0 0 16px 16px !important;
  }

  .tk-navbarnav {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .tk-navbarnav > li {
    width: 100% !important;
  }

  .tk-navbarnav > li > a {
    width: 100% !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
    white-space: normal !important;
  }

  .sub-menu,
  .tk-navbarnav .sub-menu,
  .sub-menu li .sub-menu,
  .tk-navbarnav .sub-menu li .sub-menu {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    background: #ffffff !important;
    padding: 6px 12px !important;
    margin-top: 6px !important;
    margin-left: 0 !important;
    width: 100% !important;
    border-left: 3px solid #eab308 !important;
    border-radius: 0 8px 8px 0 !important;
  }

  .sub-menu li a,
  .tk-navbarnav .sub-menu li a {
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    border-radius: 6px !important;
  }
}