:root {
   --fz_M: 22.5px;
   --lh_M: 1;
   --fz_S: 20.25px;
   --lh_S: 33.75px;
   --fz_XS: 18px;
   --lh_XS: 1;
   --fz_3XS: 13.5px;
   --lh_3XS: 1;
   --fz_4XS: 11.7px;
   --lh_4XS: 1;
   --br_M: 18px;
   --br_S: 16px;
   --br_XS: 12px;
   --br_3XS: 8px;
   --br_4XS: 6px;
   --skill_pd_M: 2px 20px;
   --skill_pd_S: 2px 16px;
   --skill_pd_XS: 2px 12px;
   --skill_pd_3XS: 2px 8px;
   --skill_pd_4XS: 2px 6px;
}
.search_block {
   position: relative;
   border-radius: 12px;
   backdrop-filter: blur(20px);
   z-index: 1;
}
.search_close_button {
   display: none;
}
.mobile_menu_block {
   display: none;
}
.search_blok_icon_container {
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
}
.search_blok_input_container {}
.search_blok_input_container input {
   border-radius: 16px;
   padding: 12px 16px 12px 48px;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.60);
   border: 1px solid #FFFFFF3D;
   box-shadow: none;
   color: white;
   font-size: 16px;
}
.search_blok_input_container input:focus {
   /* border-radius: 12px; */
   border: 1px solid #FFFFFF !important;
   background: #000;
   outline: none !important;
}
.result_block {
   width: 100%;
   height: 100%;
   padding: 0 8px 0 8px;
   display: flex;
   justify-content: start;
   flex-wrap: wrap;
   gap: 8px;
   display: none;
   z-index: 1;
   overflow: auto;
   max-height: 300px;
}
.result_block.active {
   display: block;
}
.result_block_padding_container {
   padding: 8px;
   position: absolute;
   top: 115%;
   left: 0;
   border-radius: 16px;
   border: 1px solid rgba(255, 255, 255, 0.16);
   background: var(--Black-095, #0D0D0D);
   backdrop-filter: blur(20px);
   z-index: 1;
   width: 100%;
   min-height: 64px;
   display: none;
   z-index: 1;
   text-align: start;
}
.result_block_padding_container.active {
   max-height: 315px;
   display: block;
}
.result_block_spiner {
   width: 100%;
   text-align: center;
   display: none;
}
/* scrollbar */
.result_block::-webkit-scrollbar {
   width: 4px;
   background: #FFFFFF14;
   border-radius: 3px;
}
.result_block::-webkit-scrollbar-track {
   background: #FFFFFF14;
   border-radius: 3px;
}
.result_block::-webkit-scrollbar-thumb {
   background: #FFFFFF66;
   border-radius: 3px;
}
/*end scrollbar */
.result_block_notfound_text {
   width: 100%;
   text-align: center;
   display: none;
   color: #808080;
   font-size: 16px;
   font-weight: 400;
   line-height: 27px;
   cursor: default;
}
.placeholder_experts_title {
   font-weight: 600;
   font-size: 11.7px;
   line-height: 18px;
   padding-bottom: 0px;
}
.placeholder_experts_title.active {
   padding-bottom: 10px;
}
.no_experts_faund_placeholder {
   width: 100%;
   text-align: center;
   color: #808080;
   font-size: 16px;
   font-weight: 400;
   line-height: 27px;
   cursor: default;
}
.placeholder_experts {
   max-width: 100%;
   overflow: hidden;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
.placeholder_experts.active {
   border-bottom: 1px dashed #808080;
   padding-bottom: 10px;
   margin-bottom: 15px;
}
.placeholder_experts_link {
   font-weight: 400;
   font-size: 11.7px;
   line-height: 1.1;
   color: #EF5600;
   background: transparent;
   border: none;
   border-bottom: 1px dotted #EF5600;
   padding: 0;
   cursor: pointer;
   display: none;
}
.placeholder_experts_link.active {
   display: inline-block;
}
.search_expert_item_wrapper {
   margin-bottom: 5px;
   cursor: pointer
}
.search_expert_item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 9px;
   cursor: pointer !important;
   position: relative;
}
.search_expert_photo {
   width: 40px;
   height: 40px;
   display: inline-block;
   overflow: hidden;
   min-width: 40px;
   background-color: #ffffff2b;
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.1215686275);
   cursor: pointer;
   position: relative;
}
.search_expert_photo img {
   cursor: pointer;
   height: 100%;
   max-width: unset;
}
.spinner-rotate {
   width: 100%;
   height: 100%;
   text-align: center;
}
.spinner-rotate {
   animation: spinner-rotate 1s linear infinite;
   transform-origin: 50% 50%;
}
.search_expert_photo_spinner {
   position: absolute;
   width: 50%;
   height: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}
@keyframes spinner-rotate {
   to {
      transform: rotate(360deg);
   }
}
.search_expert_titles_wrapper {
   text-align: start;
   max-width: calc(100% - 74px);
   cursor: pointer;
   width: calc(100% - 74px);
}
.search_expert_title {
   text-align: start;
   font-weight: 600;
   font-size: 15.75px;
   line-height: 27px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer
}
.search_expert_worktitle {
   text-align: start;
   font-weight: 400;
   font-size: 13.5px;
   line-height: 22.5px;
   color: #808080;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer
}
.search_expert_icon {
   max-width: 16px;
   width: 16px;
   height: 16px;
}
.search_expert_icon svg {
   cursor: pointer;
}
.result_block_notfound_text.active {
   display: block;
}
.result_block_placeholder {
   width: 100%;
   text-align: center;
   display: block;
   color: #808080;
   font-size: 16px;
   font-weight: 400;
   line-height: 27px;
   cursor: default;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
}
.result_block_placeholder.has_skills {
   position: unset;
   top: unset;
   transform: unset;
   text-align: start;
   left: unset;
}
.result_block_placeholder.hided {
   display: none;
}
.highlight {
   background: #fa000045;
   color: #fff;
   border-radius: 3px;
}
@keyframes spin {
   100% {
      transform: rotate(360deg);
   }
}
.result_block_spiner.active {
   display: block;
}
.result_block_spiner.active svg {
   animation: spin 1s linear infinite;
   transform-origin: 50% 50%;
}
.search_block_close_button {
   display: flex;
   border-radius: 16px;
   border: 1px solid rgba(255, 255, 255, 0.40);
   background: rgba(0, 0, 0, 0.60);
   backdrop-filter: blur(20px);
   align-items: center;
   justify-content: center;
   height: 48px;
   width: 48px;
   cursor: pointer;
}
.search_block_close_button svg {
   cursor: pointer;
   pointer-events: none;
}
/* .search_blok_input_container {
   position: relative;
} */
.input_clean_button {
   position: absolute;
   top: 50%;
   right: 6px;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 30px;
   cursor: pointer;
   display: none;
}
.input_clean_button:hover svg path {
   fill: #FFFFFF;
   transition: all 0.3s;
}
.input_clean_button svg {
   cursor: pointer;
   pointer-events: none;
}
.result_block_close_button {
   position: absolute;
   top: 22px;
   right: 6px;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 30px;
   cursor: pointer;
   display: none;
}
.result_block_close_button:hover svg path {
   fill: #FFFFFF;
   transition: all 0.3s;
}
.result_block_close_button svg {
   cursor: pointer;
   pointer-events: none;
}
/* single skill styles */
.global_skill_item {
   border-radius: var(--br_M, 8px);
   border: 0.5px solid #E50000;
   background: #E5000014;
   backdrop-filter: blur(20px);
   color: var(--White, #FFF);
   font-size: var(--fz_M, 22.5px);
   font-style: normal;
   font-weight: 600;
   line-height: var(--lh_M, 36px);
   align-items: center;
   display: inline-flex;
   /* justify-content: center; */
   position: relative;
   margin-bottom: 2px;
   padding: var(--skill_pd_M, 1px 12px);
   gap: 7px;
   height: 48px;
}
.global_skill_item_app_link {
   padding: 0 3px 0 0;
   position: relative;
   white-space: nowrap;
   display: inline-flex;
   align-items: center;
   gap: 10px;
}
.global_skill_item_app_link svg:first-of-type {
   width: 16px;
   height: 18px;
}
.global_skill_item_app_link.has_permalink {
   padding: 0 8px 0 0;
}
.global_skill_item_post_link {
   align-items: center;
   width: 19px;
   cursor: pointer;
   display: inline-flex;
   position: relative;
}
.global_skill_item_app_link.has_permalink::after {
   content: '';
   width: 1px;
   background-color: #FFFFFF3D;
   height: 60%;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   display: block;
}
.skill_icon_back {
   /* width: 30px;
   height: 30px; */
   display: flex;
   justify-content: center;
   align-items: center;
}
.global_skill_item_post_link svg {
   cursor: pointer;
}
.global_skill_item_post_link svg .skill_icon_back {
   fill: transparent;
}
.global_skill_item_post_link svg path {
   fill: #FFFFFF;
}
.global_skill_item_post_link svg:hover path {
   fill: #FD2348;
   transition: all 0.2s;
}
.global_skill_item_post_link svg:hover .skill_icon_back {
   transition: all 0.2s;
   fill: #FFFFFF;
}
.new_skill_mark {
   display: inline-flex;
   padding: 11px 8px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   align-self: center;
   border-radius: 12px;
   background: #e5000066;
   color: #FFF;
   font-size: 14px;
   font-weight: 600;
   line-height: 8px;
   letter-spacing: 2.24px;
   text-transform: uppercase;
}
/* tooltip */
.custom-tooltip {
   display: none;
   position: absolute;
   left: 50%;
   top: 115%;
   transform: translateX(-50%);
   white-space: normal;
   z-index: 10;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s;
   color: var(--Black-100, #000);
   font-size: var(--Font-Sizes-4XS, 11.7px);
   font-style: normal;
   font-weight: 600;
   line-height: var(--Line-Height-4XS, 18px);
   padding: 0px 6px 1px 6px;
   border-radius: 6px;
   background: var(--White, #FFF);
   backdrop-filter: blur(20px);
}
.global_skill_modal_mob {
   position: fixed;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%) translateY(100%);
   min-width: 300px;
   max-width: 90vw;
   width: 90vw;
   z-index: 999999;
   transition: transform 0.3s cubic-bezier(.48, .04, .51, .93);
   display: flex;
   flex-direction: column;
   align-items: stretch;
   padding: 12px 16px 16px 16px;
   pointer-events: none;
   opacity: 0;
   /* ff */
   border-radius: 16px;
   border: 1px solid rgba(255, 42, 0, 0.24);
   background: #2d0800cf;
   backdrop-filter: blur(20px);
}
.global_skill_item.show-tooltip .custom-tooltip {
   display: block;
   opacity: 1;
}
#global-skill-tooltip.custom-tooltip {
   position: absolute;
   pointer-events: none;
   z-index: 99999;
   min-width: 100px;
   text-align: center;
   transition: opacity 0.2s;
   color: #000;
   font-size: 12px;
   font-weight: 600;
   padding: 2px 12px;
   border-radius: 8px;
   background: #FFF;
   box-shadow: 0 4px 18px 0 #0002;
   opacity: 0;
   display: none;
}
/*end tooltip */
/* popup for skill links on mobile */
.global_skill_modal_mob {
   position: fixed;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%) translateY(100%);
   min-width: 300px;
   max-width: 90vw;
   width: 90vw;
   z-index: 999999;
   transition: transform 0.3s cubic-bezier(.48, .04, .51, .93);
   display: flex;
   flex-direction: column;
   align-items: stretch;
   padding: 12px 16px 16px 16px;
   pointer-events: none;
   opacity: 0;
   /* ff */
   border-radius: 16px;
   border: 1px solid rgba(255, 42, 0, 0.24);
   background: #2d0800cf;
   backdrop-filter: blur(20px);
}
.global_skill_modal_mob.active {
   transform: translateX(-50%) translateY(-5%);
   pointer-events: auto;
   opacity: 1;
}
.global_skill_modal_mob .modal_title {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 10px;
   color: #fff;
   text-align: center;
}
.modal_description {
   font-size: 16px;
   line-height: 22px;
   font-weight: 400;
   margin-bottom: 10px;
   color: #fff;
   text-align: center;
}
.global_skill_modal_mob .modal_buttons_block {
   display: flex;
   gap: 8px;
   justify-content: center;
}
.global_skill_modal_mob .modal_buttons_block a {
   display: block;
   padding: 6px 16px;
   text-align: center;
   text-decoration: none;
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.06);
   background: var(--Brand-Gradient, linear-gradient(96deg, #EF5600 0%, #FD2348 100%));
   color: var(--White, #FFF);
   font-size: var(--Font-Sizes-3XS, 13.5px);
   font-weight: 600;
   line-height: var(--Line-Height-3XS, 22.5px);
}
.global_skill_modal_mob .modal_buttons_block a+a {
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.40);
   background: rgba(0, 0, 0, 0.60);
   backdrop-filter: blur(20px);
   padding: 6px 16px;
   color: var(--White, #FFF);
   font-size: var(--Font-Sizes-3XS, 13.5px);
   font-weight: 600;
   line-height: var(--Line-Height-3XS, 22.5px);
}
.global_skill_modal_mob .modal_buttons_block a+a:hover {
   border: 1px solid rgb(255, 255, 255);
}
.global_skill_modal_mob .modal_close_button {
   position: absolute;
   right: unset;
   left: calc(100% - 32px);
   top: -35px;
   display: flex;
   cursor: pointer;
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.40);
   background: rgba(0, 0, 0, 0.60);
   backdrop-filter: blur(20px);
   align-items: center;
   justify-content: center;
   height: 32px;
   width: 32px;
   flex: 0 0 auto;
}
.global_skill_modal_mob .modal_close_button span {
   display: none;
}
/*end popup for skill links on mobile */
/* End single skill styles */
@media(max-width:1728px) {
   .global_skill_item_app_link svg:first-of-type {
      width: 14.67px;
      height: 15.74px;
   }
   .global_skill_item {
      border-radius: var(--br_S, 8px);
      border: 0.5px solid #E50000;
      background: #E5000014;
      backdrop-filter: blur(20px);
      color: var(--White, #FFF);
      font-size: var(--fz_S, 20px);
      font-style: normal;
      font-weight: 600;
      line-height: var(--lh_S, 33px);
      align-items: center;
      display: inline-flex;
      position: relative;
      margin-bottom: 2px;
      padding: var(--skill_pd_S, 1px 12px);
      height: 40px;
   }
   .global_skill_item_post_link {
      width: 17.5px;
   }
   .new_skill_mark {
      padding: 11px 8px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-weight: 600;
      line-height: 8px;
      letter-spacing: 2.24px;
      border-radius: 8px;
   }
}
@media(max-width:1440px) {
   .global_skill_item_app_link svg:first-of-type {
      width: 12px;
      height: 12.88px;
   }
   .global_skill_item {
      border-radius: var(--br_XS, 8px);
      border: 0.5px solid #E50000;
      background: #E5000014;
      backdrop-filter: blur(20px);
      color: var(--White, #FFF);
      font-size: var(--fz_XS, 18px);
      line-height: var(--lh_XS, 31px);
      align-items: center;
      display: inline-flex;
      position: relative;
      margin-bottom: 2px;
      padding: var(--skill_pd_XS, 1px 12px);
      gap: 6px;
      height: 32px;
   }
   .global_skill_item_post_link {
      width: 14px;
   }
   .new_skill_mark {
      padding: 6.5px 4px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      align-self: center;
      border-radius: 6px;
      font-size: 10px;
      font-style: normal;
      font-weight: 600;
      line-height: 8px;
      letter-spacing: 1.6px;
   }
}
@media(max-width:1023px) {
   .global_skill_item_app_link {
      gap: 8px;
   }
   .global_skill_item_app_link svg:first-of-type {
      width: 9.33px;
      height: 10.02px;
   }
   .new_skill_mark {
      padding: 5px 4px;
      gap: 10px;
      border-radius: 4px;
      font-size: 9px;
      font-weight: 600;
      line-height: 8px;
      letter-spacing: 1.44px;
   }
   .search_block_close_button,
   .heading_section .search_block_close_button {
      border-radius: 12px;
      height: 41px;
      width: 41px;
      right: -45px;
   }
   .search_blok_input_container input {
      border-radius: 12px;
      padding: 10px 16px 10px 38px;
      font-size: 14px;
   }
   .search_blok_icon_container {
      max-width: 14px;
   }
   .search_blok_icon_container svg {
      max-width: 100%;
   }
   .result_block_padding_container {
      border-radius: 12px;
      min-height: 52px;
   }
   .result_block_placeholder {
      font-size: 14px;
      line-height: 22px;
   }
   .search_expert_photo {
      width: 32px;
      height: 32px;
      min-width: 32px;
   }
   .search_expert_title {
      font-size: 14px;
      line-height: 22px;
   }
   .search_expert_worktitle {
      font-size: 12px;
      line-height: 18px;
   }
   .global_skill_item {
      border-radius: var(--br_3XS, 8px);
      font-size: var(--fz_3XS, 14px);
      line-height: var(--lh_3XS, 22px);
      position: relative;
      margin-right: 2px;
      margin-bottom: 0px;
      padding: var(--skill_pd_3XS, 1px 12px);
      height: 24px;
   }
   .global_skill_item_post_link {
      width: 11px;
   }
}
@media(max-width:700px) {
   ul.heading_section_top_skills {
      overflow: hidden;
   }
   .global_skill_item_app_link {
      gap: 6px;
   }
   .global_skill_item_app_link svg:first-of-type {
      width: 8px;
      height: 8.59px;
   }
   .new_skill_mark {
      padding: 3px 4px;
      gap: 10px;
      border-radius: 2px;
      font-size: 8px;
      font-weight: 600;
      line-height: 8px;
      letter-spacing: 1.28px;
   }
   .global_skill_item {
      border-radius: var(--br_4XS, 8px);
      font-size: var(--fz_4XS, 14px);
      line-height: var(--lh_4XS, 22px);
      padding: var(--skill_pd_4XS, 1px 12px);
      gap: 6px;
      height: 20px;
   }
   .global_skill_item_post_link {
      width: 9.5px;
      top: 0;
   }
   .global_skill_item_app_link {
      padding: 0 6px 0 0;
   }
   .search_blok_icon_container {
      max-width: 12px;
   }
   .search_blok_input_container input {
      border-radius: 8px;
      padding: 6px 16px 6px 38px;
      font-size: 14px;
   }
   .input_clean_button svg {
      width: 8px;
   }
   .result_block_placeholder {
      font-size: 12px;
      line-height: 18px;
   }
   .result_block_padding_container {
      border-radius: 8px;
      min-height: 40px;
   }
   .global_skill_modal_mob .modal_close_button {
      left: calc(100% - 16px);
   }
   .search_block_close_button,
   .heading_section .search_block_close_button {
      border-radius: 8px;
      height: 33px;
      width: 33px;
      right: -40px;
   }
}