@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  --webkey-color-primary: #0D448C;
  --webkey-color-success: #7CB342;
  --webkey-color-info: #03a9f4;
  --webkey-color-warning: #FF8833;
  --webkey-color-error: #ff1a1a;
  --webkey-color-text: #111827;
  --webkey-color-text-grey: #9ca3af;
  --webkey-font-family: "Inter";
  --webkey-margin-top: 0.5rem;
  --webkey-margin-right: 0.5rem;
  --webkey-margin-end-block: 100px;
  --webkey-padding: 0.375rem;
  --webkey-border-radius: 0.375rem;
  --webkey-border: 1px solid #D1D5DB;
  --webkey-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.2);
  font-family: var(--webkey-font-family);
  margin: 0;
  padding: 0; }

.page_404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50vh; }
  .page_404 h1 {
    color: var(--webkey-color-primary);
    font-size: 5rem;
    font-weight: 800;
    margin-bottom: 1rem; }

body {
  height: 100vh; }
  body .wrapper {
    display: flex;
    flex-direction: column;
    height: 100%; }
    body .wrapper .content {
      flex: 1 0 auto; }
    body .wrapper footer {
      flex: 0 0 auto; }

a {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: var(--webkey-color-primary); }

p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem; }

footer {
  box-shadow: var(--webkey-box-shadow);
  margin-top: 5rem; }
  footer .webkey_nav {
    padding-top: 2.5rem;
    padding-bottom: 0.5rem; }
    footer .webkey_nav .webkey_nav_link {
      display: none; }
    footer .webkey_nav__list__item_has_sub_menu_footer .webkey_nav__trigger {
      gap: 0.25rem;
      white-space: nowrap; }
    footer .webkey_nav__list__item_has_sub_menu_footer .webkey_nav__list__sub_menu {
      top: auto;
      bottom: 100%;
      left: 50%;
      min-width: 18rem;
      padding: 0 0 0.75rem;
      transform: translateX(-50%); }
      footer .webkey_nav__list__item_has_sub_menu_footer .webkey_nav__list__sub_menu::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0.35rem;
        width: 0.8rem;
        height: 0.8rem;
        background: #fff;
        border-right: 1px solid rgba(255, 255, 255, 0.7);
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        transform: translateX(-50%) rotate(45deg); }
      footer .webkey_nav__list__item_has_sub_menu_footer .webkey_nav__list__sub_menu ul {
        min-width: 18rem;
        padding: 0.65rem;
        gap: 0;
        border-radius: 0.75rem;
        background: #fff;
        box-shadow: 0 1rem 2rem rgba(0, 18, 45, 0.22); }
      footer .webkey_nav__list__item_has_sub_menu_footer .webkey_nav__list__sub_menu li.webkey_nav__list__sub_menu__item {
        gap: 0.2rem; }
        footer .webkey_nav__list__item_has_sub_menu_footer .webkey_nav__list__sub_menu li.webkey_nav__list__sub_menu__item a {
          display: block;
          padding: 0.55rem 0.7rem;
          border-radius: 0.55rem;
          color: var(--webkey-color-text) !important;
          font-size: 0.82rem;
          line-height: 1.2rem;
          font-weight: 600;
          white-space: normal; }

.rks_company_details {
  width: 100%;
  display: flex;
  justify-content: space-between; }
  .rks_company_details a,
  .rks_company_details p {
    display: inline-block;
    text-align: right;
    color: var(--webkey-color-text) !important;
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.5rem; }
  .rks_company_details a:hover {
    text-decoration: underline; }

.webkey_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  background-color: white; }
  .webkey_nav img {
    width: 100%;
    height: 3.5rem; }
  .webkey_nav a {
    display: flex;
    align-items: center;
    column-gap: 0.1rem;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--webkey-color-text);
    text-decoration: inherit; }
    .webkey_nav a svg {
      width: 1.25rem;
      height: 1.25rem;
      color: var(--webkey-color-text-grey); }
    .webkey_nav a:hover {
      cursor: pointer; }
  .webkey_nav__list {
    position: relative; }
    .webkey_nav__list ul {
      display: flex;
      padding: 0;
      column-gap: 2rem;
      margin: 0; }
      .webkey_nav__list ul li {
        list-style: none;
        position: relative; }
    .webkey_nav__list__item_has_sub_menu:hover .webkey_nav__list__sub_menu, .webkey_nav__list__item_has_sub_menu:focus-within .webkey_nav__list__sub_menu {
      display: block; }
    .webkey_nav__list__item_has_sub_menu:hover > .webkey_nav__trigger svg, .webkey_nav__list__item_has_sub_menu:focus-within > .webkey_nav__trigger svg {
      transform: rotate(180deg); }
    .webkey_nav__list .webkey_nav__trigger svg {
      transition: transform 0.2s ease; }
    .webkey_nav__list__sub_menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 22rem;
      padding-top: 0.5rem;
      z-index: 5; }
      .webkey_nav__list__sub_menu ul {
        display: flex;
        flex-direction: column;
        background: #fff;
        padding: 1rem;
        gap: 0.5rem;
        min-width: 22rem; }
        .webkey_nav__list__sub_menu ul li.webkey_nav__list__sub_menu__item {
          display: flex;
          flex-direction: column;
          gap: 0.35rem;
          list-style: none;
          min-width: 0; }
          .webkey_nav__list__sub_menu ul li.webkey_nav__list__sub_menu__item a {
            margin: 0;
            padding: 0; }
      .webkey_nav__list__sub_menu__category {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--webkey-color-primary) !important; }
      .webkey_nav__list__sub_menu__children {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        padding-left: 0.75rem;
        border-left: 2px solid rgba(13, 68, 140, 0.12); }
        .webkey_nav__list__sub_menu__children a {
          padding: 0.35rem 0;
          font-size: 0.875rem;
          line-height: 1.2rem;
          color: var(--webkey-color-text) !important; }
          .webkey_nav__list__sub_menu__children a:hover {
            color: var(--webkey-color-primary); }
  .webkey_nav_mobile .webkey_nav_mobile,
  .webkey_nav_mobile .webkey_nav_mobile__top,
  .webkey_nav_mobile .webkey_nav_mobile__wrapper {
    display: none; }
  @media screen and (max-width: 1024px) {
    .webkey_nav_mobile .webkey_nav,
    .webkey_nav_mobile .webkey_nav__center {
      display: none; }
    .webkey_nav_mobile .webkey_nav_mobile__top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      background-color: #fff;
      color: #fff;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
      .webkey_nav_mobile .webkey_nav_mobile__top__logo {
        width: 100%; }
        .webkey_nav_mobile .webkey_nav_mobile__top__logo img {
          height: 3.5rem; }
      .webkey_nav_mobile .webkey_nav_mobile__top__btn {
        width: 1.5rem;
        height: 1.5rem;
        color: #000; }
    .webkey_nav_mobile .webkey_nav_mobile__wrapper {
      display: block;
      position: fixed;
      overflow: hidden;
      width: 75vw;
      max-width: 100%;
      height: 100%;
      z-index: 100;
      background-color: white;
      left: -100%;
      top: 0; } }
  @media screen and (max-width: 1024px) and (max-width: 576px) {
    .webkey_nav_mobile .webkey_nav_mobile__wrapper {
      width: 100%; } }
  @media screen and (max-width: 1024px) {
      .webkey_nav_mobile .webkey_nav_mobile__wrapper_visible {
        left: 0; }
      .webkey_nav_mobile .webkey_nav_mobile__wrapper_list {
        display: flex;
        flex-direction: column;
        height: 85vh;
        margin-left: -0.75rem;
        margin-right: 0;
        padding: 1.5rem; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__content {
          flex: 1 0 auto; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__footer {
          flex: 0 0 auto; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_list a {
          display: flex;
          flex-direction: row;
          color: var(--webkey-color-text);
          font-weight: 600;
          font-size: 1rem;
          line-height: 1.5rem;
          text-decoration: none;
          padding: 0.5rem 0.75rem;
          border-radius: var(--webkey-border-radius); }
          .webkey_nav_mobile .webkey_nav_mobile__wrapper_list a:hover {
            background-color: #f9fafb; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__btn {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__btn .svg_sub_menu {
            transition: transform 0.2s ease; }
          .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__btn.is-open .svg_sub_menu {
            transform: rotate(180deg); }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__list {
          display: none;
          flex-direction: column;
          padding-left: 0.75rem;
          margin-top: 0.25rem; }
          .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__list a {
            font-size: 0.875rem; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category {
          margin-bottom: 0.25rem; }
          .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.4rem 0.75rem;
            border-radius: var(--webkey-border-radius); }
            .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn .svg_sub_menu {
              transition: transform 0.2s ease; }
            .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn.is-open {
              background-color: #f9fafb; }
              .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn.is-open .svg_sub_menu {
                transform: rotate(180deg); }
          .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_list {
            display: none;
            flex-direction: column;
            padding-left: 1rem; }
            .webkey_nav_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_list a {
              font-size: 0.875rem;
              font-weight: 500; }
      .webkey_nav_mobile .webkey_nav_mobile__wrapper_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        padding: 1.5rem; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_top__logo {
          width: 100%;
          height: 3rem; }
        .webkey_nav_mobile .webkey_nav_mobile__wrapper_top__btn {
          width: 1.5rem;
          height: 1.5rem; }
      .webkey_nav_mobile .webkey_nav_mobile__wrapper_close {
        position: fixed;
        top: 0;
        z-index: 101;
        width: 25vw;
        height: 100vh;
        margin-left: 75vw;
        background-color: rgba(0, 0, 0, 0.2); } }
    @media screen and (max-width: 1024px) and (max-width: 576px) {
      .webkey_nav_mobile .webkey_nav_mobile__wrapper_close {
        width: 0; } }
  @media screen and (max-width: 1024px) {
    .webkey_nav {
      display: none; } }
.webkey_nav__center {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 1rem 0;
  background-color: white; }
  .webkey_nav__center img {
    width: 100%;
    height: 3.5rem; }
  .webkey_nav__center a {
    display: flex;
    align-items: center;
    column-gap: 0.1rem;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--webkey-color-text);
    text-decoration: inherit; }
    .webkey_nav__center a svg {
      width: 1.25rem;
      height: 1.25rem;
      color: var(--webkey-color-text-grey); }
    .webkey_nav__center a:hover {
      cursor: pointer; }
  .webkey_nav__center__list {
    position: relative; }
    .webkey_nav__center__list ul {
      display: flex;
      padding: 0;
      column-gap: 2rem;
      margin: 0; }
      .webkey_nav__center__list ul li {
        list-style: none;
        position: relative; }
    .webkey_nav__center__list__item_has_sub_menu:hover .webkey_nav__list__sub_menu, .webkey_nav__center__list__item_has_sub_menu:focus-within .webkey_nav__list__sub_menu {
      display: block; }
    .webkey_nav__center__list__item_has_sub_menu:hover > .webkey_nav__trigger svg, .webkey_nav__center__list__item_has_sub_menu:focus-within > .webkey_nav__trigger svg {
      transform: rotate(180deg); }
    .webkey_nav__center__list .webkey_nav__trigger svg {
      transition: transform 0.2s ease; }
    .webkey_nav__center__list__sub_menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      min-width: 22rem;
      padding-top: 0.5rem;
      z-index: 5; }
      .webkey_nav__center__list__sub_menu ul {
        display: flex;
        flex-direction: column;
        background: #fff;
        padding: 1rem;
        gap: 0.5rem;
        min-width: 22rem; }
        .webkey_nav__center__list__sub_menu ul li.webkey_nav__list__sub_menu__item {
          display: flex;
          flex-direction: column;
          gap: 0.35rem;
          list-style: none;
          min-width: 0; }
          .webkey_nav__center__list__sub_menu ul li.webkey_nav__list__sub_menu__item a {
            margin: 0;
            padding: 0; }
      .webkey_nav__center__list__sub_menu__category {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--webkey-color-primary) !important; }
      .webkey_nav__center__list__sub_menu__children {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        padding-left: 0.75rem;
        border-left: 2px solid rgba(13, 68, 140, 0.12); }
        .webkey_nav__center__list__sub_menu__children a {
          padding: 0.35rem 0;
          font-size: 0.875rem;
          line-height: 1.2rem;
          color: var(--webkey-color-text) !important; }
          .webkey_nav__center__list__sub_menu__children a:hover {
            color: var(--webkey-color-primary); }
  @media screen and (max-width: 1024px) {
    .webkey_nav__center {
      display: none; } }
  .webkey_nav__center_mobile .webkey_nav_mobile,
  .webkey_nav__center_mobile .webkey_nav_mobile__top,
  .webkey_nav__center_mobile .webkey_nav_mobile__wrapper {
    display: none; }
  @media screen and (max-width: 1024px) {
    .webkey_nav__center_mobile .webkey_nav,
    .webkey_nav__center_mobile .webkey_nav__center {
      display: none; }
    .webkey_nav__center_mobile .webkey_nav_mobile__top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      background-color: #fff;
      color: #fff;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
      .webkey_nav__center_mobile .webkey_nav_mobile__top__logo {
        width: 100%; }
        .webkey_nav__center_mobile .webkey_nav_mobile__top__logo img {
          height: 3.5rem; }
      .webkey_nav__center_mobile .webkey_nav_mobile__top__btn {
        width: 1.5rem;
        height: 1.5rem;
        color: #000; }
    .webkey_nav__center_mobile .webkey_nav_mobile__wrapper {
      display: block;
      position: fixed;
      overflow: hidden;
      width: 75vw;
      max-width: 100%;
      height: 100%;
      z-index: 100;
      background-color: white;
      left: -100%;
      top: 0; } }
  @media screen and (max-width: 1024px) and (max-width: 576px) {
    .webkey_nav__center_mobile .webkey_nav_mobile__wrapper {
      width: 100%; } }
  @media screen and (max-width: 1024px) {
      .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_visible {
        left: 0; }
      .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list {
        display: flex;
        flex-direction: column;
        height: 85vh;
        margin-left: -0.75rem;
        margin-right: 0;
        padding: 1.5rem; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__content {
          flex: 1 0 auto; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__footer {
          flex: 0 0 auto; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list a {
          display: flex;
          flex-direction: row;
          color: var(--webkey-color-text);
          font-weight: 600;
          font-size: 1rem;
          line-height: 1.5rem;
          text-decoration: none;
          padding: 0.5rem 0.75rem;
          border-radius: var(--webkey-border-radius); }
          .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list a:hover {
            background-color: #f9fafb; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__btn {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__btn .svg_sub_menu {
            transition: transform 0.2s ease; }
          .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__btn.is-open .svg_sub_menu {
            transform: rotate(180deg); }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__list {
          display: none;
          flex-direction: column;
          padding-left: 0.75rem;
          margin-top: 0.25rem; }
          .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__list a {
            font-size: 0.875rem; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category {
          margin-bottom: 0.25rem; }
          .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.4rem 0.75rem;
            border-radius: var(--webkey-border-radius); }
            .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn .svg_sub_menu {
              transition: transform 0.2s ease; }
            .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn.is-open {
              background-color: #f9fafb; }
              .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_btn.is-open .svg_sub_menu {
                transform: rotate(180deg); }
          .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_list {
            display: none;
            flex-direction: column;
            padding-left: 1rem; }
            .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_list__sub_menu__category_list a {
              font-size: 0.875rem;
              font-weight: 500; }
      .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        padding: 1.5rem; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_top__logo {
          width: 100%;
          height: 3rem; }
        .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_top__btn {
          width: 1.5rem;
          height: 1.5rem; }
      .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_close {
        position: fixed;
        top: 0;
        z-index: 101;
        width: 25vw;
        height: 100vh;
        margin-left: 75vw;
        background-color: rgba(0, 0, 0, 0.2); } }
    @media screen and (max-width: 1024px) and (max-width: 576px) {
      .webkey_nav__center_mobile .webkey_nav_mobile__wrapper_close {
        width: 0; } }
.categories {
  display: block;
  position: relative;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  box-sizing: border-box; }
  .categories[open] {
    z-index: 15; }

.services-browser {
  position: relative;
  transition: opacity 0.22s ease, transform 0.22s ease; }
  .services-browser.is-loading {
    pointer-events: none; }
  .services-browser.is-loading .services-browser__content {
    opacity: 0.55; }
  .services-browser.is-entering {
    animation: servicesBrowserFadeIn 0.24s ease; }
  .services-browser__head {
    gap: 1.5rem; }
  .services-browser__copy {
    min-width: 0; }
  .services-browser__description {
    color: inherit; }
    .services-browser__description p {
      margin: 0; }
  .services-browser__nav {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start; }
  .services-browser__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 56px;
    padding: 0.95rem 1rem 0.95rem 1.15rem;
    border: 1px solid rgba(17, 82, 244, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    color: #111827;
    text-align: left;
    list-style: none;
    cursor: pointer; }
    .services-browser__toggle:hover {
      transform: translateY(-1px);
      border-color: rgba(17, 82, 244, 0.24); }
    .services-browser__toggle::-webkit-details-marker {
      display: none; }
  .services-browser__toggle_label {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4; }
  .services-browser__toggle_icon {
    position: relative;
    flex: 0 0 14px;
    width: 14px;
    height: 14px; }
    .services-browser__toggle_icon::before, .services-browser__toggle_icon::after {
      content: '';
      position: absolute;
      top: 50%;
      width: 8px;
      height: 2px;
      border-radius: 999px;
      background: #1152F4;
      transition: transform 0.2s ease; }
    .services-browser__toggle_icon::before {
      left: 0;
      transform: translateY(-50%) rotate(45deg); }
    .services-browser__toggle_icon::after {
      right: 0;
      transform: translateY(-50%) rotate(-45deg); }
  .services-browser__menu {
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 0;
    right: 0;
    width: 100%;
    min-width: 100%;
    z-index: 10;
    display: grid;
    gap: 0.35rem;
    padding: 0.55rem;
    box-sizing: border-box;
    border: 1px solid rgba(17, 82, 244, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; }
  .services-browser__option {
    display: block;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    color: #111827;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease; }
    .services-browser__option:hover {
      background: rgba(17, 82, 244, 0.08);
      color: #111827;
      transform: translateX(2px); }
    .services-browser__option.is-selected {
      background: rgba(17, 82, 244, 0.12);
      color: #111827;
      font-weight: 700; }
  .services-browser__empty {
    width: 100%;
    margin-top: 1rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid rgba(17, 82, 244, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    color: #4b5563;
    text-align: center; }

.categories[open] .services-browser__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

.categories[open] .services-browser__toggle_icon::before {
  transform: translateY(-50%) rotate(-45deg); }

.categories[open] .services-browser__toggle_icon::after {
  transform: translateY(-50%) rotate(45deg); }

@media screen and (max-width: 768px) {
  .categories {
    min-width: 100%;
    max-width: 100%; }
  .services-browser__head {
    gap: 1rem; }
  .services-browser__nav {
    width: 100%;
    justify-content: stretch; }
  .services-browser__toggle {
    min-height: 52px;
    padding: 0.85rem 0.95rem 0.85rem 1rem;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08); }
  .services-browser__menu {
    border-radius: 16px; }
  .services-browser__option {
    padding: 0.78rem 0.85rem; } }

@keyframes servicesBrowserFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.webkey_btn__primary {
  display: inline-block;
  width: 10rem;
  margin-top: var(--webkey-margin-top);
  margin-right: var(--webkey-margin-right);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.875rem;
  color: #fff;
  background-color: var(--webkey-color-primary);
  border: var(--webkey-border);
  border-radius: var(--webkey-border-radius);
  border: none; }
  .webkey_btn__primary:hover {
    cursor: pointer; }
  .webkey_btn__primary:hover {
    box-shadow: 0 0 0.125rem var(--webkey-color-primary); }
  .webkey_btn__primary a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer; }
    .webkey_btn__primary a:hover {
      color: #fff; }
  @media screen and (max-width: 320px) {
    .webkey_btn__primary {
      width: 100%; } }
.webkey_btn__success {
  display: inline-block;
  width: 10rem;
  margin-top: var(--webkey-margin-top);
  margin-right: var(--webkey-margin-right);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.875rem;
  color: #fff;
  background-color: var(--webkey-color-success);
  border: var(--webkey-border);
  border-radius: var(--webkey-border-radius);
  border: none; }
  .webkey_btn__success:hover {
    cursor: pointer; }
  .webkey_btn__success:hover {
    box-shadow: 0 0 0.125rem var(--webkey-color-success); }
  .webkey_btn__success a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer; }
    .webkey_btn__success a:hover {
      color: #fff; }
  @media screen and (max-width: 320px) {
    .webkey_btn__success {
      width: 100%; } }
.webkey_btn__info {
  display: inline-block;
  width: 10rem;
  margin-top: var(--webkey-margin-top);
  margin-right: var(--webkey-margin-right);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.875rem;
  color: #fff;
  background-color: var(--webkey-color-info);
  border: var(--webkey-border);
  border-radius: var(--webkey-border-radius);
  border: none; }
  .webkey_btn__info:hover {
    cursor: pointer; }
  .webkey_btn__info:hover {
    box-shadow: 0 0 0.125rem var(--webkey-color-info); }
  .webkey_btn__info a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer; }
    .webkey_btn__info a:hover {
      color: #fff; }
  @media screen and (max-width: 320px) {
    .webkey_btn__info {
      width: 100%; } }
.webkey_btn__warning {
  display: inline-block;
  width: 10rem;
  margin-top: var(--webkey-margin-top);
  margin-right: var(--webkey-margin-right);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.875rem;
  color: #fff;
  background-color: var(--webkey-color-warning);
  border: var(--webkey-border);
  border-radius: var(--webkey-border-radius);
  border: none; }
  .webkey_btn__warning:hover {
    cursor: pointer; }
  .webkey_btn__warning:hover {
    box-shadow: 0 0 0.125rem var(--webkey-color-warning); }
  .webkey_btn__warning a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer; }
    .webkey_btn__warning a:hover {
      color: #fff; }
  @media screen and (max-width: 320px) {
    .webkey_btn__warning {
      width: 100%; } }
.webkey_btn__danger {
  display: inline-block;
  width: 10rem;
  margin-top: var(--webkey-margin-top);
  margin-right: var(--webkey-margin-right);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.875rem;
  color: #fff;
  background-color: var(--webkey-color-error);
  border: var(--webkey-border);
  border-radius: var(--webkey-border-radius);
  border: none; }
  .webkey_btn__danger:hover {
    cursor: pointer; }
  .webkey_btn__danger:hover {
    box-shadow: 0 0 0.125rem var(--webkey-color-error); }
  .webkey_btn__danger a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer; }
    .webkey_btn__danger a:hover {
      color: #fff; }
  @media screen and (max-width: 320px) {
    .webkey_btn__danger {
      width: 100%; } }
.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 0.5rem; }
  .title h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 48px;
    line-height: 3.75rem; }
  .title .right_block {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    min-width: 0; }

.title--services {
  align-items: flex-start;
  gap: 1.5rem; }
  .title--services .left_block {
    min-width: 0;
    order: 2; }
  .title--services .right_block {
    order: 1; }
    .title--services .right_block h1,
    .title--services .right_block p {
      overflow-wrap: anywhere; }

@media screen and (max-width: 768px) {
  .title {
    margin-bottom: 0;
    text-align: center;
    flex-direction: column; }
    .title.start {
      align-items: flex-start; }
    .title h1 {
      font-size: 36px;
      line-height: 2.75rem; }
    .title .left_block button {
      display: none; }
  .title--services .left_block {
    width: 100%;
    order: 2; }
  .title--services .right_block {
    width: 100%;
    order: 1; } }

@media screen and (max-width: 320px) {
  .title h1 {
    font-size: 32px; } }

.slider {
  width: 100%;
  overflow: hidden; }
  .slider__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transform: translate3d(0, 0, 0);
    transition-duration: 10000ms;
    transition-timing-function: linear !important; }
    .slider__wrapper .slide {
      width: 100%;
      box-sizing: initial;
      text-align: center; }

.auth-top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px; }

.auth-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  height: calc(100vh - 100px); }
  .auth-page ul {
    padding-left: 0;
    padding-bottom: 15px; }
    .auth-page ul li {
      display: flex;
      align-items: center;
      list-style: none;
      color: #FF6245; }
  .auth-page h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px; }
  .auth-page button {
    width: 100%;
    color: #fff;
    background-color: #1152F4FF;
    border: transparent;
    border-radius: var(--webkey-border-radius);
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.625rem 0.875rem; }
    .auth-page button a {
      color: #fff !important;
      text-decoration: none; }
  .auth-page input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

.widget {
  display: flex;
  position: fixed;
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  z-index: 1;
  margin: -140px -175px;
  flex-direction: column;
  align-items: center;
  width: 350px;
  height: 280px;
  padding: 15px;
  box-shadow: 0 0 50px #868b9169;
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #00000025; }
  @media screen and (max-width: 320px) {
    .widgetbutton {
      width: 100%; } }
  .widgetbutton a:hover {
    color: #fff; }

.svg-box {
  display: inline-block;
  position: relative;
  width: 150px; }

.green-stroke {
  stroke: #7CB342; }

.red-stroke {
  stroke: #FF6245; }

.yellow-stroke {
  stroke: #FFC107; }

.circular circle.path {
  stroke-dasharray: 330;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  opacity: 0.4;
  animation: 0.7s draw-circle ease-out; }

/*------- Checkmark ---------*/
.checkmark {
  stroke-width: 6.25;
  stroke-linecap: round;
  position: absolute;
  top: 56px;
  left: 49px;
  width: 52px;
  height: 40px; }

.checkmark path {
  animation: 1s draw-check ease-out; }

@keyframes draw-circle {
  0% {
    stroke-dasharray: 0, 330;
    stroke-dashoffset: 0;
    opacity: 1; }
  80% {
    stroke-dasharray: 330, 330;
    stroke-dashoffset: 0;
    opacity: 1; }
  100% {
    opacity: 0.4; } }

@keyframes draw-check {
  0% {
    stroke-dasharray: 49, 80;
    stroke-dashoffset: 48;
    opacity: 0; }
  50% {
    stroke-dasharray: 49, 80;
    stroke-dashoffset: 48;
    opacity: 1; }
  100% {
    stroke-dasharray: 130, 80;
    stroke-dashoffset: 48; } }

/*---------- Cross ----------*/
.cross {
  stroke-width: 6.25;
  stroke-linecap: round;
  position: absolute;
  top: 54px;
  left: 54px;
  width: 40px;
  height: 40px; }

.cross .first-line {
  animation: 0.7s draw-first-line ease-out; }

.cross .second-line {
  animation: 0.7s draw-second-line ease-out; }

@keyframes draw-first-line {
  0% {
    stroke-dasharray: 0, 56;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 0, 56;
    stroke-dashoffset: 0; }
  100% {
    stroke-dasharray: 56, 330;
    stroke-dashoffset: 0; } }

@keyframes draw-second-line {
  0% {
    stroke-dasharray: 0, 55;
    stroke-dashoffset: 1; }
  50% {
    stroke-dasharray: 0, 55;
    stroke-dashoffset: 1; }
  100% {
    stroke-dasharray: 55, 0;
    stroke-dashoffset: 70; } }

.alert-sign {
  stroke-width: 6.25;
  stroke-linecap: round;
  position: absolute;
  top: 40px;
  left: 68px;
  width: 15px;
  height: 70px;
  animation: 0.5s alert-sign-bounce cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.alert-sign .dot {
  stroke: none;
  fill: #FFC107; }

@keyframes alert-sign-bounce {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(1); } }

.helptext {
  color: var(--webkey-color-text-grey);
  font-style: italic;
  font-size: 14px; }

/*# sourceMappingURL=common.css.map */